var xmlHttp;

function getCBOvalue(obj) {
	if (obj!=null) {
		return trim(obj.options[obj.selectedIndex].value);
	}
	else {
		return '';
	}
}

function getCBOtext(obj) {
	return trim(obj.options[obj.selectedIndex].text);
}

function trim(s) {
		return s.replace(/(^[\s\xA0]+|[\s\xA0]+$)/g, '');
}

function GetXmlHttpObject()
{
	var xmlHttp=null;
	try{
		// Firefox, Opera 8.0+, Safari
		xmlHttp=new XMLHttpRequest();
	}catch (e){
		// Internet Explorer
		try{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}catch (e){
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}


function showDetailLayer(url)
{

//	if (isNaN(i)) return false;
//	currentStockIndex = i;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null){
		alert ("Your browser does not support AJAX!");
		return false;
	}else{
//		currentLayer = "detail";
		document.body.style.overflow = "hidden";	
		document.body.className = "hide";
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
		document.getElementById("maskLayer").style.opacity = "0.60";
		document.getElementById("maskLayer").style.display = "block";
		document.getElementById("detailLayer").style.height = document.body.offsetHeight - 50;
		document.getElementById("detailLayer").style.top = document.body.scrollTop+document.body.offsetHeight/2 - 50;
		document.getElementById("detailLayer").innerHTML = "<div align=center><img src=images/ajax-loader_black.gif></div>";
		document.getElementById("detailLayer").style.display = "block";
		xmlHttp.open("GET", url ,true);

	
		xmlHttp.onreadystatechange=stateChanged;
		
		
		xmlHttp.send(null);
	}
	return false;
}

function hideDetailLayer()
{
	document.getElementById("detailLayer").innerHTML = "";
	document.getElementById("detailLayer").style.display = "none";
	document.getElementById("maskLayer").style.display = "none";
	document.body.className = "";
	document.body.style.overflow = "auto";	

}

function stateChanged() 
{ 
	if (xmlHttp.readyState==4){

		if (xmlHttp.status==200){
			var innerHTML = "<table align=center border=0><tr>";
			innerHTML += "<td width=60 align=right>";
//			if (1+currentStockIndex > 1)
//				innerHTML += "<img src='images/previous.gif' style='cursor:hand' onclick='previousStock()'>";
			innerHTML += "</td>";
			innerHTML += "<td id='detailBody'>";
			innerHTML += "<div align=right><a class=close href='javascript:hideDetailLayer()'><img src='images/close.gif' border=0></a></div>";
			innerHTML += xmlHttp.responseText;

			//innerHTML += "</td>";
			innerHTML += "<td width=60 align=left>";
//			if (1+currentStockIndex < 170)
//				innerHTML += "<img src='images/next.gif' style='cursor:hand' onclick='nextStock()'>";
			innerHTML += "</td>";
			innerHTML += "</tr></table>";
			//document.getElementById("detailLayer").filters[0].apply();
			document.getElementById("detailLayer").innerHTML = innerHTML;
			//document.getElementById("detailLayer").filters[0].play();
			reLocation();
			resizeDetailLayerHeight();

//			if (stockArray[currentStockIndex][1]){
//				document.getElementById("detailBody").style.backgroundImage = "url(images/dh/bg_details_info.jpg)";
//				document.getElementById("detailBody").style.backgroundColor = "#650B91";
//			}else{
			document.getElementById("detailBody").style.backgroundColor = "#FFFFFF";
//			}
		}else{
			setTimeout("stateChange()",10000);
		}
	}

}




function windowResize() {
		resizeDetailLayerHeight();
}

function windowRelocation() {
		reLocation();
}


function reLocation(){
	document.getElementById("detailLayer").style.top = document.body.scrollTop + 20;
}
function resizeDetailLayerHeight(){
	if (document.getElementById("detailBody")){
//		if (stockArray[currentStockIndex][1]){
//			document.getElementById("deluxeBody").style.height = document.body.clientHeight - 180;
//		}else{
//			document.getElementById("tab_ctn_location").style.height = document.body.clientHeight - 120;
//			document.getElementById("tab_ctn_overview").style.height = document.body.clientHeight - 120;
//		}
		document.getElementById("maskLayer").style.height = document.body.scrollHeight;
		document.getElementById("maskLayer").style.width = document.body.scrollWidth + 20;
	}
}

window.onresize = windowResize;
window.onscroll = windowRelocation;