var winWidth;
var winHeight;
var WinScrollTop;
var arrdrpdown = new Array(2);
arrdrpdown[0] = "";

	function getAbsLeft(o) {
				oLeft = o.offsetLeft
				while(o.offsetParent!=null) {
					oParent = o.offsetParent
					oLeft += oParent.offsetLeft
					o = oParent
				}
				return oLeft
			}
	
	function move3(whichdiv)
		{   			
			tdiv=whichdiv
			tdiv2=document.getElementById(oDivSub21);
			//alert(tdiv);
			if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5)
			{
				
				tdiv.style.left=0+"px"
				tdiv2.style.left=parseInt(scrollerwidth)+"px";
				
			}
			if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1)
			{
			    //alert(newtest);
				tdiv2.innerHTML=newtest;
				tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
				tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
				setTimeout("move3(tdiv)",pausebetweenimages)
			}
			else
			{
				tdiv.innerHTML=tdiv2.innerHTML;
				tdiv2.innerHTML="";
				tdiv.style.left=0
				tdiv2.style.left=scrollerwidth;
		       
			}
		}
		
		function startscroll(oDivMain,oDivSub1,oDivSub2,oldDiv1)
		{
			pausebetweenimages=30
			scrollerdiv1=oDivSub1;
			//var dMain = document.getElementById(oDivMain);
			document.getElementById(oDivMain).style.overflow='hidden';
			
			scrollerdiv2=oDivSub2;
			move3(document.getElementById(oDivSub1))
			document.getElementById(oDivMain).style.zIndex="100";
			document.getElementById(oDivSub2).style.left=scrollerwidth 
		}
			function showdatalist(obj,oDivMain)
			{
		        if (arrdrpdown[0] == "") {
                    arrdrpdown[0] = obj;
                    arrdrpdown[1] = oDivMain;
                    //   alert(arrdrpdown[0]);
                }
                else {
                    if (arrdrpdown[0] != obj) {
                        document.getElementById(arrdrpdown[0]).style.display = 'none';
                        document.getElementById(arrdrpdown[1]).style.zIndex = "0";
                        arrdrpdown[0] = obj;
                        arrdrpdown[1] = oDivMain;
                    }
                }  
                  
				var dMain = document.getElementById(oDivMain);
				dMain.style.zIndex="20000";
				dMain.style.overflow='visible';
				var divitem=document.getElementById(obj);
				if(divitem.style.display=='block')
				{
				
					divitem.style.display='none';	
					dMain.style.zIndex="100";
				}
				else if(divitem.style.display=='none')
				{
				
					divitem.style.display='block';	
					
				}
			}
			
			var extravar=new Array();
			var imgids=new Array();
			var flgs=new Array();
			var arritmNms=new Array();
			function LoadDiamondShape_CallBack(response)
			{
			   
			    var indx=parseFloat(iImg1.split('_')[3].substring(3));
			 
			    extravar[indx]=response.value;
			    imgids[indx]=iImg1;
			    flgs[indx]=parseFloat(iImg1.split('_')[3].substring(3)) % 3;
			    arritmNms[indx]=lblItemDesc1;
			   
			    var chngtooltip=document.getElementById(iImg1);
			    chngtooltip.setAttribute('onmouseover','temp('+indx+')');
			    //chngtooltip.setAttribute('onmouseout','temp1()');
						
				ChangeData(obj1,iPath1,iImg1,ddlId1,oPriceName1,lblItemId1,lblItemDesc1,oDivMain1,oDivSub11,oDivSub21,oHlnkItem1,sHlnkItem1,itmId11,oZoom1,curobj1,tdShapeButton1,viewlnk1)
				
				var vlnk=document.getElementById(viewlnk1);
				vlnk.href=sHlnkItem1;
				
			}
			function temp(indx)
			    {
			       if(flgs[indx] == 2)
			       {
			       
			            var o=document.getElementById('diviteminfoLast');
			            var o1=document.getElementById('tdItemNmLast');
			            var o2=document.getElementById('tdInfoLast');
			            o.style.display='block';
			            o1.innerHTML=arritmNms[indx];
			            o2.innerHTML=extravar[indx];
			            fnTaskSubmit(imgids[indx] ,3);
			        }
			        else
			        {
			             var o=document.getElementById('diviteminfo');
			            var o1=document.getElementById('tdItemNm');
			            var o2=document.getElementById('tdInfo');
			            o.style.display='block';
			            o1.innerHTML=arritmNms[indx];
			            o2.innerHTML=extravar[indx];
			            fnTaskSubmit(imgids[indx] ,2);
			        }
			    }
			function temp1()
			{
			    var o=document.getElementById('diviteminfoLast');
			    var o1=document.getElementById('tdItemNmLast');
			    o.style.display='none';
			}
			
			function IdentifyResponse(response)
			{
				if(response.value.Rows != null)
				{
					return response.value.Rows;
				}
				else
				{
					return response.value;
				}
			}
			function fnFetchOptimize()
			{
				ProductCatalogNew.DiamondShapeSelection(itmId11,iImg1,sFlgSettingMatching1,sMatchingBandId1,curobj1.id,LoadDiamondShape_CallBack);//pure ajax
			}
			function fnFetchRecord(flgOptimized)
			{			
		
				window.clearTimeout(TimeOptimizeId);
				if(flgOptimized)
				{
					TimeOptimizeId = window.setInterval("fnFetchOptimize();",1);
				}
				else
				{
					TimeOptimizeId = window.setInterval("fnFetchOptimize();",300);
				}
			}
	


			function itemMouseOver(obj)
			{
				
				var itemcs=document.getElementById(obj.id);
				//alert(itemcs.className);
				itemcs.className="cssDropDownOver";
			}
			function itemMouseOut(obj)
			{
				
				var itemcs=document.getElementById(obj.id);
				//alert(itemcs.className);
				itemcs.className="cssDropDownnew";
			}
	
	
	
		
	function showdeadcenterdiv(Xwidth,Yheight,divid) { 
// First, determine how much the visitor has scrolled 

var scrolledX, scrolledY; 
if( self.pageYoffset ) { 
scrolledX = self.pageXoffset; 
scrolledY = self.pageYoffset; 
} else if( document.documentElement && document.documentElement.scrollTop ) { 
scrolledX = document.documentElement.scrollLeft; 
scrolledY = document.documentElement.scrollTop; 
} else if( document.body ) { 
scrolledX = document.body.scrollLeft; 
scrolledY = document.body.scrollTop; 
} 

// Next, determine the coordinates of the center of browser's window 

var centerX, centerY; 
if( self.innerHeight ) { 
centerX = self.innerWidth; 
centerY = self.innerHeight; 
} else if( document.documentElement && document.documentElement.clientheight ) { 
centerX = document.documentElement.clientWidth; 
centerY = document.documentElement.clientheight; 
} else if( document.body ) { 
centerX = document.body.clientWidth; 
centerY = document.body.clientHeight; 
} 

// Xwidth is the width of the div, Yheight is the height of the 
// div passed as arguments to the function: 

var leftoffset = scrolledX + (centerX - Xwidth) / 2; 
var topoffset = scrolledY + (centerY - Yheight) / 2; 
// the initial width and height of the div can be set in the 
// style sheet with display:none; divid is passed as an argument to // the function 
var o=document.getElementById(divid); 
var r=o.style; 
//r.position='absolute'; 
r.top = topoffset + 'px'; 
r.left = leftoffset + 'px'; 
//r.display = "block"; 

} 	
	
function FindWindowSize()
	{
		
	 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use window.innerWidth and window.innerHeight
	   if (window.innerHeight && window.scrollMaxY)
		{
			yWithScroll = window.innerHeight + window.scrollMaxY;         
			xWithScroll = window.innerWidth + window.scrollMaxX;
		}
	   else if (document.documentElement.scrollHeight > document.documentElement.offsetHeight)
		{
			yWithScroll = document.documentElement.scrollHeight;         
			xWithScroll = document.documentElement.scrollWidth; 
		}
	  else
		{
			yWithScroll = document.documentElement.offsetHeight;
			xWithScroll = document.documentElement.offsetWidth;
		}
		
		winWidth = xWithScroll;
		winHeight = yWithScroll;
		
		WinScrollTop = document.documentElement.scrollTop

		
	}
			
			
			
			
			function fillArray_Callback(response) //Callback to fill array
			{
			
				if (response.error != null)
				{
					alert("Unable to retrive data"); 
					return;
				}
				
				
			}
			function ZoomClose(obj)
	{
	  
	   var zoomdiv = document.getElementById(obj);//document.getElementById("<%= apDiv1.ClientID %>");
		zoomdiv.style.display = 'none';
		document.getElementById("ModalBG").style.display = 'none'; 
    }
//			function ZoomClose()
//			{
//			    
//			    var zoomdiv = document.getElementById("<%= apDiv1.ClientID %>");
//				//var zoomdiv = document.getElementById("apDiv1").style.display = 'none'; 
//				zoomdiv.style.display = 'none';
//				document.getElementById("ModalBG").style.display = 'none'; 
//				
//				/*document.getElementById('drMetal').disabled = false;
//				if(document.getElementById('hdnfrom').value=="0")
//				{
//				document.getElementById('cmbShape').disabled = true;
//				}
//				else
//				{
//				document.getElementById('cmbShape').disabled = false;
//				}
//				document.getElementById('cmbCarat').disabled = false;
//				document.getElementById('cmbOrder').disabled = false;
//				document.getElementById('drPage').disabled = false;
//				document.getElementById('grPageD').disabled = false;
//				document.getElementById('hdnflg').value = "1";
//				document.getElementById('drMetal').style.display = 'block';
//				document.getElementById('cmbShape').style.display = 'block';
//				document.getElementById('cmbCarat').style.display = 'block';
//				document.getElementById('divpaging').style.display = 'block';
//				*/
//			}
			
			function fnDefalut()
			{	
				
				if(document.getElementById('hdnDefaultImage').value != "")
				{
					fnSetFlashVaribles(document.getElementById('hdnDefaultImage').value);
				}
				else if(aShape.length != 0)
				{
					fnThumbnail(aShape[0][4]);
				}
				else
				{
					return;	
				}
			}
			function fnThumbnail(strShape)
			{
				var intCount =0;				
				var flgSet=true;
				document.getElementById('tdThumbnails').innerHTML = "";
				//document.Form1.imgZoom.alt = "";

				for(var i=0;i<aShape.length;i++)
				{
					if(strShape == aShape[i][8])
					{
						for(var j=0;j<4;j++)
						{
							if(aShape[i][j] != '')
							{
								var a = aShape[i][j];
								var b = aShape[i][j+4];
								var len = a.split("\\");
								var lenb = b.split("\\");
								a = "";
								b = "";
								for(var k=0;k<len.length;k++)
								{
									if(k+1 == len.length)
									{
										a += len[k];
									}
									else
									{
										a += len[k] + "\\\\";
									}
								}
								for(var k=0;k<lenb.length;k++)
								{
									if(k+1 == lenb.length)
									{
										b += lenb[k];
									}
									else
									{
										b += lenb[k] + "\\\\";
									}
								}
								//document.Form1.imgZoom.src = aShape[i][j];
								if(flgSet)
								{
									fnSetFlashVaribles(b);	//Set Flash Variable
									flgSet=false;
								}
								
								var  objlbl= document.getElementById("lblMsg");
								objlbl.innerText="";															
								document.getElementById('tdThumbnails').innerHTML  +=  "<table><tr><td align='center'><img border=1 alt='Image not available' onmouseover='ChangeCursorToHand(this)' onerror=\"LoadImageFailed(this);\" onclick=\"javascript:fnSetFlashVaribles('"+ b +"')\"  title='" + aShape[i][8] + "'  src='" + aShape[i][j] + "'></td></tr></table>"; 
							}
							else
							{
								intCount++;
							}
						}
						if(intCount == 4)
						{
							fnSetFlashVaribles("");		//Set Flash Variable
							//if(a)
							//document.getElementById('tdThumbnails').innerHTML  +=  "<table><tr><td align='center'><img border=1 alt='Image not available' style='cursor: Hand' onclick=\"javascript:fnSetFlashVaribles('"+ a +"')\" width=50 height=50  title='" + aShape[i][4] + "'  src='" + aShape[i][j] + "'></td></tr></table>";
							var  objlbl= document.getElementById("lblMsg");
							objlbl.innerText="Image Not Available"; 
							//document.Form1.imgZoom.src = "";
							//document.Form1.imgZoom.alt = "Image not available";
							//alert('Image not available');
						}
						
						break;
					}
				}						
				
			}
			
			function LoadImageFailed(obj)
			{				
				obj.parentNode.removeChild(obj);
				var imgArray= document.getElementById('tdThumbnails').getElementsByTagName('img');
				if(imgArray.length==0)
				{
					var  objlbl= document.getElementById("lblMsg");
					objlbl.innerText="Image Not Available"; 
				}
			}
			
			//Set Flash Varibles
			function fnSetFlashVaribles(strImagePath)
			{
				so = null;
				
				so = new FlashObject("Image.swf?imageData=" + strImagePath, "imgZoom", "525", "525", "8", "#FFFFFF");
				so.addVariable("lang", "en");
				so.addVariable("enforce", "0");
				so.addParam("menu", "false");
				so.addParam("wmode", "transparent");
				so.addParam("swLiveConnect", "false");
				so.addParam("loop", "false");
				so.addParam("scale", "noborder");
				so.addParam("Quality", "best");
				so.write("flashcontent");
				
				//document.getElementById('imgZoom').movie="Image.swf?imageData=" + strImagePath;
				//document.getElementById('imgZoom').src = "Image.swf?imageData=" + strImagePath;
				//document.getElementById('imgZoom').src = "Image.swf?imageData=" + img.src;
				//document.getElementById('imgZoom').movie = "Image.swf?imageData=" + img.src;
				
				//so.addVariable("imageData",loadImage);
				
			}


		function window_resize(evt)
	{
		adjustHeight();
	}

	function adjustHeight()
	{
		var intWindowHeight=WindowObject.getInnerDimension().getY();
		var dynModalBG=new DynamicLayer("ModalBG");
		var intModalHeight=dynModalBG.getHeight();

		if(intModalHeight<intWindowHeight)
		{
			dynModalBG.setHeight(intWindowHeight);
		}
	}

	function addExtensionsForOpera()
	{
		/* classes for opera */
		var ModalBG=new CBObject("ModalBG").getObject();
		if(typeof(window.opera)!="undefined")
		{
			ModalBG.className="modalOpera";
		}
	}

	function attachOpacityCSS()
	{
		/*
		 * CSS for opacity support
		 * Note that this can be directly added to the body.
		 * If you do not care about blindly adhering to standards
		 * you can directly include the rules into Master.css
		 *
		 * Do I care? Yes and no.(visit http://www.sarmal.com/Exceptions.aspx
		 * to learn how I feel about it).
		 */
		var opacityCSS = document.createElement("link");
		opacityCSS.type="text/css";
		opacityCSS.rel="stylesheet";
		opacityCSS.href="Opacity.css";
		document.getElementsByTagName("head")[0].appendChild(opacityCSS);
	}
	
	function zoomlink(id1,id,sCurObj,apdiv,shepid,bid,selid)
	{		
		if(id == oZoom1)
		{	id1 = imgZoomId1;
			id = oZoom1;
			sCurObj = curobj1.id;	}
		else
		{id1 = id1.id;
		sCurObj = sCurObj.replace(sCurObj.substring(sCurObj.length-13),'0_hdnShapeChange');	}
		
		id = document.getElementById(id).value;
		FindWindowSize();
		var DefShape = id1//id1.id;
		var DefShape1 ;
		DefShape = DefShape.substring(0,DefShape.lastIndexOf('_')+1);
		DefShape = DefShape + "Hidden1";
		
		var hShapeItmId = document.getElementById(shepid);
		var hShape = new String(sCurObj);
		hShape = hShape.replace('lblItemName','hdnShapeChange');
		hShape = document.getElementById(hShape);
		if(hShape.value == "")
			DefShape1 = "Round";
		else
			DefShape1 = hShape.value;
		
		var buildid = document.getElementById(bid).value;
		document.getElementById(selid).value = id;
		var strLink = "zoom_new.aspx?sitemid=" + id +"&shape="+ DefShape1 +"&buildid="+buildid;
		
		var ifDISPzoom = document.getElementById("ifDISPzoom");
		ifDISPzoom.src = strLink;
		
		var objDivColumn=document.getElementById(apdiv);
			o = document.getElementById("tdDisplayColumnList");
			objDivColumn.style.left = getAbsLeft(o) + o.offsetWidth - 550+'px'; 
			objDivColumn.style.top = WinScrollTop + 100+'px';
		document.getElementById("ModalBG").style.display = 'block'; 
		document.getElementById("ModalBG").style.width = winWidth+'px';
		document.getElementById("ModalBG").style.height = winHeight+'px';
		document.getElementById("ModalBG").style.zIndex = "99999";
		var zoomdiv = document.getElementById(apdiv).style.display = 'block'; 
		objDivColumn.style.zIndex = "999999";
		
	}
	
			function ChangeData1(obj,iPath,iImg,ddlId,oPriceName,lblItemId,lblItemDesc,oDivMain,oDivSub1,oDivSub2,oHlnkItem,sHlnkItem,itmId1,oZoom,curobj,tdShapeButton,sFlgSettingMatching,sMatchingBandId,imgZoomId,viewlnk)
			{
			    
				if(sFlgSettingMatching == "0")
				{
					var hShape = new String(curobj.id);
					hShape = hShape.replace('lblItemName','hdnShapeChange');
					hShape = document.getElementById(hShape);
					hShape.value = "";
				}
				else if(sFlgSettingMatching == "1")
				{
					var hShape = new String(curobj.id);
					hShape = hShape.replace('lblItemNameMatching','hdnShapeChangeMatching');
					hShape = document.getElementById(hShape);
					hShape.value = "";
				}
				obj1=obj;iPath1=iPath;iImg1=iImg;ddlId1=ddlId;oPriceName1=oPriceName;lblItemId1=lblItemId;
				lblItemDesc1 = lblItemDesc.replace("\"", "'"); oDivMain1 = oDivMain; oDivSub11 = oDivSub1; oDivSub21 = oDivSub2; oHlnkItem1 = oHlnkItem;
				sHlnkItem1=sHlnkItem;itmId11=itmId1;oZoom1=oZoom;curobj1=curobj;tdShapeButton1=tdShapeButton;
				sFlgSettingMatching1=sFlgSettingMatching;sMatchingBandId1=sMatchingBandId;imgZoomId1=imgZoomId;
				viewlnk1=viewlnk;
				//alert(viewlnk1);
			 	fnFetchOptimize();
			}
			function ChangeData(obj,iPath,iImg,ddlId,oPriceName,lblItemId,lblItemDesc,oDivMain,oDivSub1,oDivSub2,oHlnkItem,sHlnkItem,itmId1,oZoom,curobj,tdShapeButton,sFlgSettingMatching,sMatchingBandId,imgZoomId,viewlnk)
			{
			   
				itemId = itmId1;
				itmimg = iImg;
				var vTdShapeButton = document.getElementById(tdShapeButton);
				vTdShapeButton.innerHTML = gTdShapeButton;
				document.getElementById(oZoom).value = itmId1;
				var curitem=document.getElementById(curobj.id);
				curitem.className="cssDropDownnew";
				var obj1=document.getElementById(obj);
				obj1.style.display='none';
				document.getElementById(lblItemId).innerHTML = lblItemDesc;
				var oldDiv1 = document.getElementById(oDivSub1).innerHTML;
				var iImgNew = document.getElementById(iImg);
				var iImgOld = document.getElementById(iImg);
				var oldImgPath = iImgOld.src
				var hypItemPath = document.getElementById(oHlnkItem);
				hypItemPath.href = sHlnkItem;
				//var viewlnknew = document.getElementById(viewlnk);
				//alert (sHlnkItem);
				//viewlnknew.href=sHlnkItem;
				iImgNew.src = iPath;
				document.getElementById(ddlId).innerHTML = oPriceName;		
				if(navigator.userAgent.indexOf("Firefox") == -1)
				{	obj1.style.display='none';
					newtest = document.getElementById(oDivSub1).innerHTML;
					document.getElementById(oDivSub1).innerHTML = oldDiv1;
					startscroll(oDivMain,oDivSub1,oDivSub2,oldDiv1);
				}
				else
				{	 var odivmain1=document.getElementById(oDivMain);  
					odivmain1.style.zIndex="100";
					odivmain1.style.overflow='hidden';
					obj1.style.display='none';	
				}
			}
			function zoomlink_New(id1,id,sCurObj,apdiv,bid,selid)
	{
		if(id == oZoom1)
		{
			id1 = imgZoomId1;
			id = oZoom1;
			sCurObj = curobj1.id;
		}
		else
		{	id1 = id1.id;
			sCurObj = sCurObj.replace(sCurObj.substring(sCurObj.length-21),'0_lblItemNameMatching');//hdnShapeChangeMatching
		}
		FindWindowSize();
		var DefShape = id1;//id1.id;
		var DefShape1 ;
		DefShape = DefShape.substring(0,DefShape.lastIndexOf('_')+1);
		var hShape = new String(sCurObj);
		hShape = hShape.replace('lblItemNameMatching','hdnShapeChangeMatching');
		hShape = document.getElementById(hShape);
		var MatchId = new String(sCurObj);
		var SetId = new String(sCurObj);
		MatchId = MatchId.replace('lblItemNameMatching','hdnMatchingId');
		SetId = SetId.replace('lblItemNameMatching','hdnSettingId');
		MatchId = document.getElementById(MatchId).value;
		SetId = document.getElementById(SetId).value;
		if(hShape.value == "")
			DefShape1 = "Round";
		else
			DefShape1 = hShape.value;
		var buildid = document.getElementById(bid).value;
		document.getElementById(selid).value = id;
			
		if(MatchId != "0")
			var strLink = "zoom_new.aspx?itemid1=" + SetId +"&itemid2="+ MatchId +"&shape="+ DefShape1 +"&buildid="+buildid;
		var ifDISPzoom = document.getElementById('ifDISPzoom');
		ifDISPzoom.src = strLink;
		var objDivColumn=document.getElementById(apdiv);
			o = document.getElementById("tdDisplayColumnList");
			objDivColumn.style.left = getAbsLeft(o) + o.offsetWidth - 450+'px';
			objDivColumn.style.top = WinScrollTop + 100+'px';
			document.getElementById("ModalBG").style.display = 'block'; 
			document.getElementById("ModalBG").style.width = winWidth+'px';
			document.getElementById("ModalBG").style.height = winHeight+'px';
		var zoomdiv = document.getElementById(apdiv).style.display = 'block'; 
		   objDivColumn.style.zIndex = "999999";
	}