// JScript File

var ua = navigator.userAgent;
var dom = (document.getElementById) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var ie5_5 = ((ua.indexOf("MSIE 5.5")>=0 || ua.indexOf("MSIE 6")>=0) && ua.indexOf("Opera")<0) ? true : false;
var ns4 = (document.layers && !dom) ? true : false;
var XmlReqColor;
var CurrentImgName;
var CurrentIndex;

function SetColor(DivName, ImgName)
{
	
	var leftPos = topPos =0;
	var tooTip;
	//leftPos = GetLeft(ImgName) + 480 - 400;
	leftPos = GetLeft(ImgName) - 220;
	//alert(leftPos);
	//topPos = GetTop(ImgName) + 390;
	topPos = GetTop(ImgName) + 260 
	toolTip = document.getElementById(DivName)
	if (ns4) 
	{
		toolTip.left = leftPos;
		toolTip.Top = topPos;
	}
	else
	{
		toolTip.style.left = leftPos+"px";
		toolTip.style.top  = topPos+"px";
		//alert(toolTip.style.top + "--" + toolTip.style.left);
		if (ie5_5) 
		{
			toolTip.style.filter = "progid:DXImageTransform.Microsoft.DropShadow(color='b0b0b0', Direction=135, OffX='0', OffY='0') progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)";
			for (i = 0; i <= 1; i++)
			{ 
				toolTip.filters[i].Apply();
				toolTip.filters[i].Play();
			}
		}
	}
	
	with(toolTip) { ns4 ? visibility="show" : style.visibility="visible" }
}

function SetDoor(DivName, ImgName)
{
	var leftPos = topPos =0;
	var tooTip;
	//leftPos = GetLeft(ImgName) + 550;
	leftPos = GetLeft(ImgName) - 140;
	topPos = GetTop(ImgName) + 100;
	toolTip = document.getElementById(DivName)
	if (ns4) 
	{
		toolTip.left = leftPos;
		toolTip.Top = topPos;
	}
	else
	{
		toolTip.style.left = leftPos+"px";
		toolTip.style.top  = topPos+"px";
		if (ie5_5) 
		{
			toolTip.style.filter = "progid:DXImageTransform.Microsoft.DropShadow(color='b0b0b0', Direction=135, OffX='0', OffY='0') progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)";
			for (i = 0; i <= 1; i++)
			{ 
				toolTip.filters[i].Apply();
				toolTip.filters[i].Play();
			}
		}
	}
	
	with(toolTip) { ns4 ? visibility="show" : style.visibility="visible" }
}
function ColorPicker(DivName, ImgName, IdImg, imgIndex)
{
	var leftPos = topPos =0;
	var toolTip;
	var loadColor;
	leftPos = GetLeft(ImgName) - 230 ;
	topPos = GetTop(ImgName) + 190;
	toolTip = document.getElementById(DivName)
	loadColor = document.getElementById('colorLoading')
	CurrentImgName = IdImg;
	CurrentIndex = imgIndex;
	if (ns4) 
	{
		toolTip.left = leftPos;
		toolTip.Top = topPos;
		loadColor.left = leftPos+25;
		loadColor.Top = topPos+160;
	}
	else
	{
		toolTip.style.left = leftPos+"px";
		toolTip.style.top  = topPos+"px";
		loadColor.style.left = leftPos+25+"px";
		loadColor.style.top = topPos+160+"px";
		if (ie5_5) 
		{
			toolTip.style.filter = "progid:DXImageTransform.Microsoft.DropShadow(color='b0b0b0', Direction=135, OffX='0', OffY='0') progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)";
			for (i = 0; i <= 1; i++)
			{ 
				toolTip.filters[i].Apply();
				toolTip.filters[i].Play();
			}
		}
	}
	
	with(toolTip) { ns4 ? visibility="show" : style.visibility="visible" }
	with(loadColor) { ns4 ? visibility="show" : style.visibility="visible" }
	ChangeColor(document.getElementById("ddlColors"));
	var Comp = document.getElementById("imgFocusColor");
	if(Comp!=null){
		Comp.focus();
	}

}
function hidecolorLoader()
{
	var loadColor = document.getElementById("colorLoading");
	ns4 ? loadColor.visibility="hide" : loadColor.style.visibility="hidden";
}
function HideColorPicker()
{
	var tooltip = document.getElementById("colorPicker");
	var loadColor = document.getElementById("colorLoading");
	ns4 ? tooltip.visibility="hide" : tooltip.style.visibility="hidden";

	ns4 ? loadColor.visibility="hide" : loadColor.style.visibility="hidden";

}
function ChangeColor(obj)
{
	HideDoorPicker();
	HideSamplePicker();
	var loadColor;
	loadColor = document.getElementById('colorLoading')
	with(loadColor) { ns4 ? visibility="show" : style.visibility="visible" }
	
	var colorGroup = obj.options[obj.selectedIndex].value
	XmlReqColor = CreateXmlReq();
    var requestUrl = "GetColors.aspx?RndId=" + Math.random();
    
    if(XmlReqColor)
	{		
		XmlReqColor.onreadystatechange = HandleColor;
		XmlReqColor.open("POST", requestUrl);
		XmlReqColor.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		XmlReqColor.send("cGroup=" + colorGroup);	
	}
	
}
function HandleColor()
{
	if(XmlReqColor.readyState == 4)
	{
		if(XmlReqColor.status == 200)
		{
			var xmlNodes = XmlReqColor.responseXML.documentElement.getElementsByTagName('Colors');			
			if (xmlNodes.length > 0)
			{
				var oStr ="<table><tr><td><input type='image' id='imgFocusColor' src='images/pixel_trans.gif' height='1px' width='1px'></td></tr><tr>";
				var scolorid = "";
				var trFlag = 0;				
				//for(var i=0;i<xmlNodes.childNodes(0).parentNode.childNodes.length;i++)
				for(var i=0;i<xmlNodes.length;i++)
				{
					if (trFlag ==2)
					{
						oStr = oStr + "<tr>";
						trFlag =0;
					}
					
					scolorid = xmlNodes[i].getElementsByTagName("colorid")[0].childNodes[0].nodeValue;//xmlNodes.childNodes(i).childNodes(2).text;
					scolorid = scolorid.substring(0, scolorid.length-4);
					var bgColor =  xmlNodes[i].getElementsByTagName("colorvalue")[0].childNodes[0].nodeValue;//xmlNodes.childNodes(i).childNodes(4).text;
					var imagePath = xmlNodes[i].getElementsByTagName("colorimage")[0].childNodes[0].nodeValue; //xmlNodes.childNodes(i).childNodes(2).text;
					var ColorName = xmlNodes[i].getElementsByTagName("colorname")[0].childNodes[0].nodeValue; //xmlNodes.childNodes(i).childNodes(3).text;

					oStr = oStr + "<td><table><tr> "
					oStr = oStr + "<td align='center' valign='top' bgcolor=" + bgColor +" ><a href=\"javascript:AssignImage('" + CurrentImgName + "','images/colors/" + imagePath + "','" + ColorName +"');\">"
					//oStr = oStr + "Color</a></td>"
					oStr = oStr + "<img src='images/pixel_trans.gif' width='60' height='60' border='0'></a></td>"
					oStr = oStr + "</tr> <tr><td align='center' width='60'  valign='top' class='defaultfonts'>" + scolorid + "</td></tr></table> </td> "
					
					trFlag ++;
					if (trFlag ==2)
						oStr = oStr + "</tr>"
				}
				if (trFlag == 1)
					oStr = oStr + "<td></td></tr>"
				oStr = oStr + "<tr><td colspan=2><input type='image' id='imgLastColor' src='images/pixel_trans.gif' height='1px' width='1px' onLoad='javascript:hidecolorLoader();'></td></tr></table>"
				var objC = document.getElementById("colors")
	
				if(ns4)
				{
					objC.document.write(oStr);
				}
				else
				{
					objC.innerHTML = oStr;
				}
			}
		}
	}
}
function DoorPicker(DivName, ImgName, IdImg, imgIndex)
{
	var leftPos = topPos =0;
	var tooTip;
	leftPos = GetLeft(ImgName) - 140;
	topPos = GetTop(ImgName) + 50;
	toolTip = document.getElementById(DivName)
	CurrentImgName = IdImg;
	CurrentIndex = imgIndex;
	if (ns4) 
	{
		toolTip.left = leftPos;
		toolTip.Top = topPos;
	}
	else
	{
		toolTip.style.left = leftPos+"px";
		toolTip.style.top  = topPos+"px";
		if (ie5_5) 
		{
			toolTip.style.filter = "progid:DXImageTransform.Microsoft.DropShadow(color='b0b0b0', Direction=135, OffX='0', OffY='0') progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)";
			for (i = 0; i <= 1; i++)
			{ 
				toolTip.filters[i].Apply();
				toolTip.filters[i].Play();
			}
		}
	}
	
	with(toolTip) { ns4 ? visibility="show" : style.visibility="visible" }
	ChangeDoor(document.getElementById("ddlDoors"));
	var Comp = document.getElementById("imgFocusWall");
	if(Comp!=null){
		Comp.focus();
	}
}
function HideDoorPicker()
{
	var tooltip = document.getElementById("doorPicker");
	ns4 ? tooltip.visibility="hide" : tooltip.style.visibility="hidden";
}

function ChangeDoor(obj)
{
	HideColorPicker();
	HideSamplePicker();
	var colorGroup = obj.options[obj.selectedIndex].value
	XmlReqColor = CreateXmlReq();
    var requestUrl = "GetDoors.aspx?RndId=" + Math.random();
    
    if(XmlReqColor)
	{		
		XmlReqColor.onreadystatechange = HandleDoor;
		XmlReqColor.open("POST", requestUrl);
		XmlReqColor.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		XmlReqColor.send("dGroup=" + colorGroup);	
	}
	
}

function HandleDoor()
{
	if(XmlReqColor.readyState == 4)
	{
		if(XmlReqColor.status == 200)
		{
			var xmlNodes = XmlReqColor.responseXML.documentElement.getElementsByTagName('Doors');			
			if (xmlNodes.length > 0)
			{
				var oStr ="<table><tr><td><input type='image' id='imgFocusWall' src='images/pixel_trans.gif' height='1px' width='1px'></td></tr><tr>";
				var doorname="";
				var trFlag = 0;
				for(var i=0;i<xmlNodes.length;i++)
				{
					if (trFlag ==2)
					{
						oStr = oStr + "<tr>";
						trFlag =0;
					}
					if(xmlNodes[i].getElementsByTagName("doorname")[0].childNodes[0].nodeValue==null){
					 doorname = " ";
					}else{
					 doorname = xmlNodes[i].getElementsByTagName("doorname")[0].childNodes[0].nodeValue;
					}
					var imagePath = xmlNodes[i].getElementsByTagName("path")[0].childNodes[0].nodeValue;
					oStr = oStr + "<td align='center' valign='top'><a href=\"javascript:AssignDoorImage1('" + CurrentImgName + "','" + imagePath + "',' " + doorname + "');\" class='linkb'><img src='"
					oStr = oStr + imagePath;
					oStr = oStr + "' width='85' height='121' border='0'><br>" + doorname + "</a></td>" 
					trFlag ++;
					if (trFlag ==2)
						oStr = oStr + "</tr>"
				}
				if (trFlag == 1)
					oStr = oStr + "<td></td></tr>"
				oStr = oStr + "</table>"
				var objC = document.getElementById("doors")
	
				if(ns4)
				{
					objC.document.write(oStr);
				}
				else
				{
					objC.innerHTML = oStr;
				}
			}
		}
	}
}

function SamplePicker(DivName, ImgName, IdImg, imgIndex)
{
	HideDoorPicker();
	HideColorPicker();
	var leftPos = topPos =0;
	var tooTip;
	leftPos = GetLeft(ImgName) - 540;
	topPos = GetTop(ImgName) + 10;
	toolTip = document.getElementById(DivName)
	CurrentImgName = IdImg;
	CurrentIndex = imgIndex;
	if (ns4) 
	{
		toolTip.left = leftPos;
		toolTip.Top = topPos;
	}
	else
	{
		toolTip.style.left = leftPos+"px";
		toolTip.style.top  = topPos+"px";
		if (ie5_5) 
		{
			toolTip.style.filter = "progid:DXImageTransform.Microsoft.DropShadow(color='b0b0b0', Direction=135, OffX='0', OffY='0') progid:DXImageTransform.Microsoft.Fade(Overlap=1.00)";
			for (i = 0; i <= 1; i++)
			{ 
				toolTip.filters[i].Apply();
				toolTip.filters[i].Play();
			}
		}
	}
	
	with(toolTip) { ns4 ? visibility="show" : style.visibility="visible" }
	//ChangeDoor(document.getElementById("ddlDoors"));
	var Comp = document.getElementById("imgFocusSample");
	if(Comp!=null){
		Comp.focus();
	}
}
function HideSamplePicker()
{
	var tooltip = document.getElementById("samplePicker");
	ns4 ? tooltip.visibility="hide" : tooltip.style.visibility="hidden";
}
function AssignImage(imgName,imgValue,colorName)
{
	
	document[imgName].src = imgValue;
	var simgName= imgName;
	simgName = 'scolorname' + imgName.substring(12, simgName.length);
	
	//document['scolorname0'].value = imgValue;
	
	SlabArray[CurrentIndex]["color"] = imgValue;
	SlabArray[CurrentIndex]["colorname"] = colorName;
	var objColorname = document.getElementById(simgName);
	if(ns4)
	{
		objColorname.document.write(colorName);
	}
	else
	{
		objColorname.innerHTML = colorName;
	} 

//	alert(CurrentIndex + "-->" + colorName);
	HideColorPicker()
	HideDoorPicker()
	HideSamplePicker()
	AssignSlabToSession()
	SetPrintButton(CurrentIndex);
}
function AssignDoorImage(imgName,imgValue, doorName)
{
	document[imgName].src = imgValue;
	SlabArray[CurrentIndex]["door"] = imgValue
	SlabArray[CurrentIndex]["doorname"] = doorName;

	var simgName= imgName;
	simgName = 'sdoorname' + imgName.substring(11, simgName.length);
	
	var objDoorname = document.getElementById(simgName);
	if(ns4)
	{
		objDoorname.document.write(doorName);
	}
	else
	{
		objDoorname.innerHTML = doorName;
	}

	
	HideColorPicker()
	HideDoorPicker()
	HideSamplePicker()
	AssignSlabToSession()
	SetPrintButton(CurrentIndex);
}
function AssignDoorImage1(imgName,imgValue, doorName)
{
	document[imgName].src = imgValue;
	SlabArray[CurrentIndex]["door"] = imgValue
	SlabArray[CurrentIndex]["doorname"] = doorName;

	var simgName= imgName;
	simgName = 'sdoorname' + imgName.substring(11, simgName.length);
	
	var objDoorname = document.getElementById(simgName);
	if(ns4)
	{
		objDoorname.document.write(doorName);
	}
	else
	{
		objDoorname.innerHTML = doorName;
	}
	HideColorPicker();
	HideDoorPicker();
	HideSamplePicker();
	//alert(imgValue + ":-:" + doorName);
	//alert(imgValue);
	if (SlabArray.length > 0)
	{
		for (i=0; i<=CurrentIndex; i++)
		{
			if (SlabArray[i]["door"] == " ")
			{
				SlabArray[i]["door"] = imgValue;
				SlabArray[i]["doorname"] = doorName;
				//alert(imgValue + ":::" + doorName);
				//alert("yes");
			}
			//alert( i + "-->" + SlabArray[i]["door"]);
		}
	}	
	DisplaySlab();
	AssignSlabColorDoor();
	AssignSlabToSession();
}
function GetLeft(objname)
{
	var curleft = curtop = 0;
	obj = document.getElementById(objname)
	var count = 0;
	if (obj.offsetParent) 
	{
		curleft = obj.offsetLeft
		while (obj = obj.offsetParent) 
		{
			curleft += obj.offsetLeft
			count++;
		}
//		alert(count);
	}
	return curleft
}

function GetTop(objname)
{
	var curleft = curtop = 0;
	obj = document.getElementById(objname)
	if (obj.offsetParent) 
	{
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) 
		{
			curtop += obj.offsetTop
		}
	}
	return curtop
}

function CreateXmlReq()
{
    var objXmlReq;
	try
	{
		objXmlReq = new ActiveXObject("Msxml2.XMLHTTP");
	}
	catch(e)
	{
		try
		{
			objXmlReq = new ActiveXObject("Microsoft.XMLHTTP");
		} 
		catch(oc)
		{
			objXmlReq = null;
		}
	}
	if(!objXmlReq && typeof XMLHttpRequest != "undefined") 
	{
		objXmlReq = new XMLHttpRequest();
	}
	return objXmlReq;
	
}