//CBExtensions.js


var isIE = (navigator.userAgent.toLowerCase().indexOf("msie") > -1)?true:false;
var isMOZ = (document.implementation && document.implementation.createDocument)?true:false;
var isSafari = ((navigator.userAgent.toLowerCase().indexOf("safari")>-1)||(navigator.userAgent.toLowerCase().indexOf("mac")>-1))?true:false;

function HTTPObj()
{
    try
    {
       return (new ActiveXObject("Msxml2.XMLHTTP"));
    }
    catch(E)
    {
      try
      {
          return(new XMLHttpRequest());
      }
      catch(e)
      {
          return(false);
      }
    }
}

function XmlObj()
{
  if(isMOZ)
    return  document.implementation.createDocument("", "", null);
  else
    return new ActiveXObject("Microsoft.XMLDOM");
}

/////////////////////////////////////////////////////////////////
 function sendToFriend()
 {
  var o = window.open("/includes/html/sentToFriend.html", "sendToFriend", "menubar=0,resizable=1,width=610,height=500,location=0,status=0,scrollbars=1");
 }
 
 function getHTML4Email()
 {
 var zHtml = dataPreview.innerHTML;
  return zHtml;
 }
 function getHTML4EmailLogo()
 {
 d = document.getElementById('buildJewelryPath').value.split("\\");
  return d[d.length-2];
 }  
 function adjustSelection(obj)
 {
  obj.bgColor='#C3C8CC';
  document.getElementById('princess').bgColor='';
 }
 ////////////////////////////////////////////////////
 function actionTaken(obj,onload)
 {
	 //alert("in actionTaken");
  if(!onload)
  {
   document.getElementById('progressTd').style.display="inline";
   window.setTimeout(hideProgress, 2000);
   
  } 
  var theValue = "", theId = "";
  theSettings = document.getElementById("settingsTable").getElementsByTagName("table");
  if (zMenu == "Diamond_Pendant")
  {
	  theChains = document.getElementById("chainsTable").getElementsByTagName("table");
	}
  

  
  	// alert("Before switch");
	//alert(obj.name);
switch(obj.getAttribute("name"))
  //switch (obj.name)
  {
	  
    case "carat":
	 theId = obj.options[obj.selectedIndex].value;
	 if(theId == selectedCarat) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
	 document.getElementById("caratSelectionTd").style.display = (theValue!="")?"inline":"none";
	 document.getElementById("caratSelection").innerHTML = theValue;
	 selectedCarat = theId;	
	 if(!onload) loopSettings();
	 break;
	case "metalType": 
	 theId = obj.options[obj.selectedIndex].value;
	 if(theId == selectedMetal) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
	 document.getElementById("metalSelectionTd").style.display = (theValue!="")?"inline":"none";	
	 document.getElementById("metalSelection").innerHTML = theValue;
     document.getElementById("metalSelectionSpan").innerHTML = theValue;
     selectedMetal = theId;	
     if(!onload) loopSettings();
	 break;	 
	case "nbDmnd": 
	 theId = obj.options[obj.selectedIndex].value;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
	 document.getElementById("nbDmndSelectionSpan").innerHTML = theValue;
	 break;	
    case "cut":
	//alert("1");
	 theId = obj.getAttribute("shapeCode");
	// alert("2");
	 if(theId == selectedShape) break;
	 theValue = obj.getAttribute("id"); 
	 shapeTds = obj.parentNode.parentNode.rows[0].cells;
	 //alert("1");
	 for(var j=0;j<shapeTds.length;j++)
	 {
	   shapeTds[j].style.border="";}
	  // alert("3");
	 obj.style.border="1px solid black";
	 // alert("4");
	 document.getElementById("cutSelectionTd").style.display = (theValue!="")?"inline":"none";	
	 document.getElementById("cutSelection").innerHTML = theValue;
     document.getElementById("cutSelectionSpan").innerHTML = theValue;
	 selectedShape = theId;
	// alert("5");
	if((selectedShape == "PRN") && (zMenu == "Eternity"))
	{
		//alert(document.getElementById("carat").outerHTML);
		document.getElementById("carat").outerHTML = "<SELECT class=size id=carat onchange=actionTakenCriteria(this); name=carat> <OPTION value=1.0>1.0</OPTION> <OPTION value=1.5>1.5</OPTION> <OPTION value=2.0>2.0</OPTION> <OPTION value=2.5>2.5</OPTION></SELECT>";
		//alert("6");
		}
	
	else if ((selectedShape != "PRN") && (zMenu == "Eternity"))
	{
		document.getElementById("carat").outerHTML = "<SELECT class=size id=carat onchange=actionTakenCriteria(this); name=carat> <OPTION value=0.5 selected>0.5</OPTION> <OPTION value=1.0>1.0</OPTION> <OPTION value=1.5>1.5</OPTION> <OPTION value=2.0>2.0</OPTION> <OPTION value=2.5>2.5</OPTION></SELECT>";
		//alert("7");
		}
	
	theValue =  eval(document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value);
	 document.getElementById("caratSelection").innerHTML = theValue;
	 //alert("8");
	 if(!onload) loopSettingsShape();
     break;	
	case "ringSize": 
	theId = obj.options[obj.selectedIndex].value;
	  if(theId == selectedSize) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
    document.getElementById("sizeSelectionSpan").innerHTML = theValue;	
	  selectedSize = theId;
	//if(!onload)  settingChecked(obj);
	 if(!onload) loopSettings();
	 break;	
	case "clarity": 
	 theId = obj.options[obj.selectedIndex].value;
	 if(theId == selectedClarity) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
     document.getElementById("claritySelectionSpan").innerHTML = theValue;	
	 selectedClarity = theId;
	 if(!onload) loopSettings();
	 break;		 
  }
  
 }
 
 
 function actionTakenCriteria(obj,onload)
 {
   document.getElementById('progressTd').style.display="inline";
   window.setTimeout(hideProgress, 2000);

  var theValue = "", theId = "";
  theSettings = document.getElementById("settingsTable").getElementsByTagName("table");
  
  //alert(obj.name);
  switch (obj.name)
  {
	  case "carat":
	 theId = obj.options[obj.selectedIndex].value;
	 if(theId == selectedCarat) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
	 document.getElementById("caratSelectionTd").style.display = (theValue!="")?"inline":"none";
	 document.getElementById("caratSelection").innerHTML = theValue;
	 selectedCarat = theId;	
	 loopSettingsCriteria();
	 break;
	 case "clarity": 
	 theId = obj.options[obj.selectedIndex].value;
	 if(theId == selectedClarity) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
     document.getElementById("claritySelectionSpan").innerHTML = theValue;	
	 selectedClarity = theId;
	 loopSettingsCriteria();
	 break;	
	case "ringSize": 
	theId = obj.options[obj.selectedIndex].value;
	 if(theId == selectedSize) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
    document.getElementById("sizeSelectionSpan").innerHTML = theValue;	
	selectedSize = theId;
	loopSettingsCriteria();
	 break;	
	 case "metalType": 
	 theId = obj.options[obj.selectedIndex].value;
	 if(theId == selectedMetal) break;
	 theValue = obj.options[obj.selectedIndex].innerHTML; 
	 document.getElementById("metalSelectionTd").style.display = (theValue!="")?"inline":"none";	
	 document.getElementById("metalSelection").innerHTML = theValue;
     document.getElementById("metalSelectionSpan").innerHTML = theValue;
     selectedMetal = theId;	
	  var srcOrig = document.getElementById("selectedSettingImage").getAttribute("src");
	 var pos = srcOrig.indexOf(".jpg");
	 pos = pos-1;
	 srcOrig = srcOrig.substring(0,pos);
	if ((selectedMetal == 1) || (selectedMetal == 3)) {
	document.getElementById("selectedSettingImage").setAttribute("src",srcOrig+"Y.jpg");}
	else {
	document.getElementById("selectedSettingImage").setAttribute("src",srcOrig+"W.jpg");}
    loopSettingsCriteria();
	 break;	
  }
 }


   function loopSettingsShape()
  
  {
	 	 sMetal = document.getElementById("metalType").options[document.getElementById("metalType").selectedIndex].value;
 sClarity = document.getElementById("clarity").options[document.getElementById("clarity").selectedIndex].value;
  sShape = (selectedShape==null)? document.getElementById("cutsTable").rows[0].cells[0].getAttribute("shapeCode") : selectedShape;
  
  
  
  
if(document.getElementById("ringSize"))
{
sSize = document.getElementById("ringSize").options[document.getElementById("ringSize").selectedIndex].value;
switch (sSize)
  {
	case "15":
	sSize = 1;
	break;
	case "16":
	sSize = 3;
	break;
	case "17":
	sSize = 5;
	break;
	case "18":
	sSize = 7;
	break;
	case "19":
	sSize = 9;
	break;
	case "20":
	sSize = 11;
	break;
  }
}
else 
sSize = 0;
  sCarat = eval(document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value);
 //alert("M="+sMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat)
 
var boolchek = false;
var setingcode = "";
for(var i=0;i<theSettings.length;i++)
  { 
   if(
	  
	  theSettings[i].getAttribute("metalId") == sMetal && 
	  theSettings[i].getAttribute("shapeCode")==sShape && 
	 theSettings[i].getAttribute("diamondClarity") == sClarity && 
	theSettings[i].getAttribute("settingSize") == sSize &&   
	 eval(theSettings[i].getAttribute("carat")) == sCarat)
   

   {   
    if(theSettings[i].getAttribute("background")==null || theSettings[i].getAttribute("background")=="")
 	 theSettings[i].setAttribute("background",theSettings[i].getAttribute("bkg"));	
    theSettings[i].parentNode.parentNode.style.display=""; 
		if (!boolchek)
		{
		theSettings[i].rows[0].cells[0].getElementsByTagName("input")[0].checked = true; 
		boolchek = true;
		setingcode = theSettings[i].getAttribute("settingCode");
    //wk start
 //alert("M="+selectedMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat);
  if ((sMetal == 1) || (sMetal == 3)) {
	document.getElementById("selectedSettingImage").setAttribute("src","/_shared/assets/images/"+zMenu+"/big/"+setingcode+"Y.jpg");
  }
  else {
  document.getElementById("selectedSettingImage").setAttribute("src","/_shared/assets/images/"+zMenu+"/big/"+setingcode+"W.jpg"); 	
  }
  
		}
	
   }
   else
   {
    theSettings[i].parentNode.parentNode.style.display="none";
   }  	
    

	
  }
  	loopSettingsPrice(setingcode);
 	  }
 
 
  function loopSettingsCriteria()
 {
 
 sMetal = document.getElementById("metalType").options[document.getElementById("metalType").selectedIndex].value;
 sClarity = document.getElementById("clarity").options[document.getElementById("clarity").selectedIndex].value;
  sShape = (selectedShape==null)? document.getElementById("cutsTable").rows[0].cells[0].getAttribute("shapeCode") : selectedShape;
if(document.getElementById("ringSize"))
{sSize = document.getElementById("ringSize").options[document.getElementById("ringSize").selectedIndex].value;
switch (sSize)
  {
	case "15":
	sSize = 1;
	break;
	case "16":
	sSize = 3;
	break;
	case "17":
	sSize = 5;
	break;
	case "18":
	sSize = 7;
	break;
	case "19":
	sSize = 9;
	break;
	case "20":
	sSize = 11;
	break;
  }
}
else 
sSize = 0;
sCarat = eval(document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value);
var StrsCarat = document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value;
//alert("M="+sMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat+"\n-Code="+StrsCarat+"Before")
 
 for(var i=0;i<theSettings.length;i++)
  { 
  if( theSettings[i].rows[0].cells[0].getElementsByTagName("input")[0].checked == true)
  {
	 var setingcode =  theSettings[i].getAttribute("settingCode");
	 break;
	  }
  
  }
 
 
 
if (zMenu == "Eternity")
{
	var firsttwosettingcode = setingcode.substring(0,2);
	var lasttwosettingcode = setingcode.substring(setingcode.length-2,setingcode.length);
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.5":
	newsetingcode = firsttwosettingcode + "50" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = firsttwosettingcode + "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = firsttwosettingcode + "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = firsttwosettingcode + "200" + lasttwosettingcode;
	break;
	case "2.5":
	newsetingcode = firsttwosettingcode + "250" + lasttwosettingcode;
	break;
  }
}
else if (zMenu == "Diamond_Anniversary")
{
	var lastletter = setingcode.substring(setingcode.length-1,setingcode.length);
		if (lastletter == "7")
		{
		  var lasttwosettingcode = setingcode.substring(setingcode.length-3,setingcode.length);
		}
		else {
		  var lasttwosettingcode = setingcode.substring(setingcode.length-2,setingcode.length);	
		}
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
	case "2.5":
	newsetingcode = "250" + lasttwosettingcode;
	break;
  }
}

else if (zMenu == "Diamond_Stud")
{		
	var Sletter = setingcode.substring(3,4);
	if (Sletter == "S")
	{
		var lasttwosettingcode = setingcode.substring(3,setingcode.length);
	}
	else {
		var lasttwosettingcode = setingcode.substring(2,setingcode.length);	
	}
	
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.25":
	newsetingcode = "25" + lasttwosettingcode;
	break;
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "0.75":
	newsetingcode = "75" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
  }
}

else if (zMenu == "Diamond_Pendant")
{		
	var Sletter = setingcode.substring(3,4);
	if (Sletter == "P")
	{
		var lasttwosettingcode = setingcode.substring(3,setingcode.length);
	}
	else {
		var lasttwosettingcode = setingcode.substring(2,setingcode.length);	
	}
	
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.25":
	newsetingcode = "25" + lasttwosettingcode;
	break;
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "0.75":
	newsetingcode = "75" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
  }
}


  
//alert("M="+sMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat+"\n-Code="+newsetingcode+"after")  
 
for(var i=0;i<theSettings.length;i++)
  { 
   if(
			theSettings[i].getAttribute("metalId") == sMetal && 
			theSettings[i].getAttribute("shapeCode")==sShape && 
			theSettings[i].getAttribute("diamondClarity") == sClarity && 
			theSettings[i].getAttribute("settingSize") == sSize && 
			eval(theSettings[i].getAttribute("carat")) == sCarat && 
			theSettings[i].getAttribute("settingCode") == newsetingcode) 

		{ 
		
			var zPrice = eval(theSettings[i].getAttribute("settingPrice")).toFixed(2);
			//zPrice = eval(zPrice * 1.3).toFixed(2);
			if (zMenu == "Diamond_Pendant"){zPrice =  parseFloat(zPrice) + parseFloat(chainPrice);}
			zPrice = eval(zPrice).toFixed(2);
			document.getElementById("selectedSettingPrice").innerHTML = "$"+zPrice;
			if(document.buy_now.vwprice)document.buy_now.vwprice.value=zPrice;
			  
			var styleSetting = theSettings[i].getAttribute("settingName");
			document.getElementById("styleSelectionSpan").innerHTML = styleSetting;
	
		}

		//if (theSettings[i].getAttribute("background")!= null)
		if (isMOZ || isSafari)
		{
			if (theSettings[i].getAttribute("background")!= null)
			{ 
				var srcOrig = theSettings[i].getAttribute("background");
				
				var pos = srcOrig.indexOf(".jpg");
				pos = pos-1;
				srcOrig = srcOrig.substring(0,pos);
					if ((selectedMetal == 1) || (selectedMetal == 3)) {
						theSettings[i].setAttribute("background",srcOrig+"Y.jpg");}
					else {
						theSettings[i].setAttribute("background",srcOrig+"W.jpg");}
			
			}
		}
		else {
				if (theSettings[i].getAttribute("background")!= null)
			{ 
				var srcOrig = theSettings[i].getAttribute("background");
				
				var pos = srcOrig.indexOf(".jpg");
				pos = pos-1;
				srcOrig = srcOrig.substring(0,pos);
					if ((selectedMetal == 1) || (selectedMetal == 3)) {
						theSettings[i].setAttribute("background",srcOrig+"Y.jpg");}
					else {
						theSettings[i].setAttribute("background",srcOrig+"W.jpg");}
		
 		}
		
		
			
			
			}
 	}
 }
 
 
  function loopSettingsPrice(setingcode)
 {
 

 sMetal = document.getElementById("metalType").options[document.getElementById("metalType").selectedIndex].value;
 sClarity = document.getElementById("clarity").options[document.getElementById("clarity").selectedIndex].value;
  sShape = (selectedShape==null)? document.getElementById("cutsTable").rows[0].cells[0].getAttribute("shapeCode") : selectedShape;
if(document.getElementById("ringSize"))
{sSize = document.getElementById("ringSize").options[document.getElementById("ringSize").selectedIndex].value;
switch (sSize)
  {
	case "15":
	sSize = 1;
	break;
	case "16":
	sSize = 3;
	break;
	case "17":
	sSize = 5;
	break;
	case "18":
	sSize = 7;
	break;
	case "19":
	sSize = 9;
	break;
	case "20":
	sSize = 11;
	break;
  }
}
else 
sSize = 0;
sCarat = eval(document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value);
var StrsCarat = document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value;
//alert("M="+sMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat+"\n-Code="+StrsCarat+"Before")





if (zMenu == "Eternity")
{
	var firsttwosettingcode = setingcode.substring(0,2);
	var lasttwosettingcode = setingcode.substring(setingcode.length-2,setingcode.length);
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.5":
	newsetingcode = firsttwosettingcode + "50" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = firsttwosettingcode + "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = firsttwosettingcode + "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = firsttwosettingcode + "200" + lasttwosettingcode;
	break;
	case "2.5":
	newsetingcode = firsttwosettingcode + "250" + lasttwosettingcode;
	break;
  }
}
else if (zMenu == "Diamond_Anniversary")
{
	var lastletter = setingcode.substring(setingcode.length-1,setingcode.length);
	if (lastletter == "7")
	{
		var lasttwosettingcode = setingcode.substring(setingcode.length-3,setingcode.length);
		}
		else {
			var lasttwosettingcode = setingcode.substring(setingcode.length-2,setingcode.length);	
			}
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
	case "2.5":
	newsetingcode = "250" + lasttwosettingcode;
	break;
  }
}

else if (zMenu == "Diamond_Stud")
{		
	var Sletter = setingcode.substring(3,4);
	if (Sletter == "S")
	{
		var lasttwosettingcode = setingcode.substring(3,setingcode.length);
	}
	else {
		var lasttwosettingcode = setingcode.substring(2,setingcode.length);	
	}
	
	

	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.25":
	newsetingcode = "25" + lasttwosettingcode;
	break;
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "0.75":
	newsetingcode = "75" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
  }
}


else if (zMenu == "Diamond_Pendant")
{		
	var Sletter = setingcode.substring(3,4);
	if (Sletter == "P")
	{
		var lasttwosettingcode = setingcode.substring(3,setingcode.length);
	}
	else {
		var lasttwosettingcode = setingcode.substring(2,setingcode.length);	
	}
	
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.25":
	newsetingcode = "25" + lasttwosettingcode;
	break;
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "0.75":
	newsetingcode = "75" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
  }
}



  
//alert("M="+sMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat+"\n-Code="+newsetingcode+"after")  
  
for(var i=0;i<theSettings.length;i++)
  { 
   if(
			theSettings[i].getAttribute("metalId") == sMetal && 
			theSettings[i].getAttribute("shapeCode")==sShape && 
			theSettings[i].getAttribute("diamondClarity") == sClarity && 
			theSettings[i].getAttribute("settingSize") == sSize && 
			eval(theSettings[i].getAttribute("carat")) == sCarat &&
  			 theSettings[i].getAttribute("settingCode") == newsetingcode) 

		{ 
			var styleSetting = theSettings[i].getAttribute("settingName");
			document.getElementById("styleSelectionSpan").innerHTML = styleSetting;
			var zPrice = eval(theSettings[i].getAttribute("settingPrice")).toFixed(2);
			//zPrice = eval(zPrice * 1.3).toFixed(2);
			if (zMenu == "Diamond_Pendant"){zPrice =  parseFloat(zPrice) + parseFloat(chainPrice);}
			zPrice = eval(zPrice).toFixed(2);
			document.getElementById("selectedSettingPrice").innerHTML = "$"+zPrice;
			if(document.buy_now.vwprice)document.buy_now.vwprice.value=zPrice;
		}	
 	}
 }
 
 
 
 
 function loopSettings()
 {
	
  sMetal = document.getElementById("metalType").options[document.getElementById("metalType").selectedIndex].value;
 sClarity = document.getElementById("clarity").options[document.getElementById("clarity").selectedIndex].value;
  sShape = (selectedShape==null)? document.getElementById("cutsTable").rows[0].cells[0].getAttribute("shapeCode") : selectedShape;
if(document.getElementById("ringSize"))
{
sSize = document.getElementById("ringSize").options[document.getElementById("ringSize").selectedIndex].value;
switch (sSize)
  {
	case "15":
	sSize = 1;
	break;
	case "16":
	sSize = 3;
	break;
	case "17":
	sSize = 5;
	break;
	case "18":
	sSize = 7;
	break;
	case "19":
	sSize = 9;
	break;
	case "20":
	sSize = 11;
	break;
  }
}
else 
sSize = 0;
  sCarat = eval(document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value);
 //alert("M="+sMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat)
 

for(var i=0;i<theSettings.length;i++)
  { 
  //alert("M="+theSettings[i].getAttribute("metalId")+"\n-h="+theSettings[i].getAttribute("shapeCode")+"\n-q="+theSettings[i].getAttribute("diamondClarity")+"\n-s="+theSettings[i].getAttribute("settingSize")+"\n-c="+theSettings[i].getAttribute("carat"))
   if(
	  
	  theSettings[i].getAttribute("metalId") == sMetal && 
	  theSettings[i].getAttribute("shapeCode")==sShape && 
	 theSettings[i].getAttribute("diamondClarity") == sClarity && 
	theSettings[i].getAttribute("settingSize") == sSize &&   
	 eval(theSettings[i].getAttribute("carat")) == sCarat)
   

   {   
    if(theSettings[i].getAttribute("background")==null || theSettings[i].getAttribute("background")=="")
 	 theSettings[i].setAttribute("background",theSettings[i].getAttribute("bkg"));	
    theSettings[i].parentNode.parentNode.style.display=""; 
   }
   else
   {
    theSettings[i].parentNode.parentNode.style.display="none";
   }  	
   theSettings[i].rows[0].cells[0].getElementsByTagName("input")[0].checked = false;      	  
  }
  
 
  settingChecked();  
 }
 
 
 
 
 
 function hideProgress()
 {
  document.getElementById('progressTd').style.display="none";
 }
 
 
 function settingChecked(obj)
 {
  if(!obj) {
     document.getElementById("selectedSettingImage").parentNode.style.visibility = "hidden";
	 //
	 	//if (typeof(zChain) != "undefined")    
	 //document.getElementById("selectedSettingChain").parentNode.style.visibility = "hidden";
	 //
	 if(document.getElementById("selectedSettingPrice")) 
	   document.getElementById("selectedSettingPrice").innerHTML = "";
	   if(document.buy_now.vwprice)document.buy_now.vwprice.value="";
	   checkFirstDefault();
	   
     return;
  }
  document.getElementById('progressTd').style.display="inline";
  window.setTimeout(hideProgress, 2000); 
  sett = obj.getAttribute("settingCode");
  document.getElementById("selectedSettingImage").parentNode.style.visibility = "visible";
  document.getElementById("selectedSettingImage").parentNode.style.width = "20px";
  
	 	//if (typeof(zChain) != "undefined") {
    //document.getElementById("selectedSettingChain").parentNode.style.visibility = "visible";
  //document.getElementById("selectedSettingChain").parentNode.style.width = "20px";}

  
  //wk start
 //alert("M="+selectedMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat);
  if ((selectedMetal == 1) || (selectedMetal == 3)) {
	document.getElementById("selectedSettingImage").setAttribute("src","/_shared/assets/images/"+zMenu+"/big/"+sett+"Y.jpg");
	 	//if (typeof(zChain) != "undefined") 
	//document.getElementById("selectedSettingChain").setAttribute("src","/_shared/assets/images/"+zChain+"/ChainY.jpg");
  }
  else {
  document.getElementById("selectedSettingImage").setAttribute("src","/_shared/assets/images/"+zMenu+"/big/"+sett+"W.jpg");
	 	//if (typeof(zChain) != "undefined") 
  //document.getElementById("selectedSettingChain").setAttribute("src","/_shared/assets/images/"+zChain+"/ChainW.jpg");
  }
   
   //wk end
  //price could be hidden
 // if(document.getElementById("selectedSettingPrice")) {
   //  zPrice = eval(obj.getAttribute("settingPrice")).toFixed(2);
	// zPrice = eval(zPrice * 1.3).toFixed(2);
   //  document.getElementById("selectedSettingPrice").innerHTML = "$"+zPrice;	 
 // }
  settId = obj.getAttribute("settingId"); 
  
  style = obj.getAttribute("settingName");
 document.getElementById("styleSelectionSpan").innerHTML = style;

var settCode = obj.getAttribute("settingCode"); 
 

loopSettingsPrice(settCode); 

  xmlHttp = new HTTPObj();
  xmlHttp.open("GET","index.cfm?do=ring.apply&SettingCode="+settId, true);
  //xmlHttp.onreadystatechange = renderGrid;
  xmlHttp.send("");  


 }
 
 function actionsOnload()
 {
  actionTaken(document.getElementById("cutsTable").rows[0].cells[0],true);
  actionTaken(document.getElementById("carat"),true);
  if(document.getElementById("nbDmnd"))
  actionTaken(document.getElementById("nbDmnd"),true);
  actionTaken(document.getElementById("clarity"),true);
  actionTaken(document.getElementById("metalType"),true);
  if (zMenu == "Diamond_Pendant")
  	showChainImage();
	  //theChains = document.getElementById("chainsTable").getElementsByTagName("table");
  
 	if(document.getElementById("ringSize"))
  actionTaken(document.getElementById("ringSize"),true);
  loopSettings();
  checkFirstDefault();
 }
 var selectedShape;
 var selectedMetal;
 var selectedClarity;
 var selectedSize;
 var selectedCarat;
 var chainPrice;
 
/* function submitForm()
 {
  xmlHttp = new HTTPObj();
xmlHttp.open("GET","index.cfm?do=ring.generate", true);
//xmlHttp.open("GET","process_order.cfm", true);
  xmlHttp.onreadystatechange = excuteSubmit;
 xmlHttp.send("");  

  
 }
 function excuteSubmit()
 {  


  if(xmlHttp.readyState == 4)
  { 
   var xm = xmlHttp.responseText;
   xm = xm.substring(xm.lastIndexOf("<?"),xm.lastIndexOf("</OrderRequest>")+15);
   document.buy_now.cblencoded.value = xm;
      //window.open().document.write(xm);
   document.buy_now.submit();
  } 
 } */
 
 function sendEmailAafes()
	{
	
			alert("innn sending");
			var pendantPrice = document.getElementById("selectedSettingPrice").innerHTML;
			pendantPrice = pendantPrice.substring(1,pendantPrice.length);
			pendantPrice = parseFloat(pendantPrice);
			alert("the price " + pendantPrice);
			var settingsCheck ="dialogHeight:0px; dialogWidth:0px; status:no";
			var param1 = "ztotalPrice="+pendantPrice;
			var msgWindowsendEmail = window.showModalDialog("sendEmail.cfm?" +param1,"",settingsCheck);
			alert(msgWindowsendEmail);

	}
 
 
 function submitForm()
 {
	 
	 //alert("before sending");
	//sendEmailAafes();
	//alert("after sending");
	 //get the id of the correspondant ring :
	var RingID = "";
	var settingCode = "";
	var settingId = "";
	var settingDesc = "";
	var settingPrice = "";
	var settingMetal = "";
	var settingSize = "";
	var diamondWeight = "";
	var diamondShape = "";
	var diamondClarity = "";
	var diamondPrice = "";
	
	
sMetal = document.getElementById("metalType").options[document.getElementById("metalType").selectedIndex].value;
sClarity = document.getElementById("clarity").options[document.getElementById("clarity").selectedIndex].value;
 sShape = (selectedShape==null)? document.getElementById("cutsTable").rows[0].cells[0].getAttribute("shapeCode") : selectedShape;
if(document.getElementById("ringSize"))
{
 sSize = document.getElementById("ringSize").options[document.getElementById("ringSize").selectedIndex].value;
 switch (sSize)
  {
	case "15":
	sSize = 1;
	break;
	case "16":
	sSize = 3;
	break;
	case "17":
	sSize = 5;
	break;
	case "18":
	sSize = 7;
	break;
	case "19":
	sSize = 9;
	break;
	case "20":
	sSize = 11;
	break;
  }
}
else 
 sSize = 0;
 
 sCarat = eval(document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value);
 //alert("M="+sMetal +"\n-h="+ sShape +"\n-q="+ sClarity+"\n-s="+sSize+"\n-c="+sCarat)
var StrsCarat = document.getElementById("carat").options[document.getElementById("carat").selectedIndex].value;

 for(var i=0;i<theSettings.length;i++)
  { 
  if( theSettings[i].rows[0].cells[0].getElementsByTagName("input")[0].checked == true)
  {
	 var setingcode =  theSettings[i].getAttribute("settingCode");
	 break;
	  }
  
  }


if (zMenu == "Eternity")
{
	var firsttwosettingcode = setingcode.substring(0,2);
	var lasttwosettingcode = setingcode.substring(setingcode.length-2,setingcode.length);
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.5":
	newsetingcode = firsttwosettingcode + "50" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = firsttwosettingcode + "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = firsttwosettingcode + "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = firsttwosettingcode + "200" + lasttwosettingcode;
	break;
	case "2.5":
	newsetingcode = firsttwosettingcode + "250" + lasttwosettingcode;
	break;
  }
}
else if (zMenu == "Diamond_Anniversary")
{
	var lastletter = setingcode.substring(setingcode.length-1,setingcode.length);
	if (lastletter == "7")
	{
		var lasttwosettingcode = setingcode.substring(setingcode.length-3,setingcode.length);
		}
		else {
			var lasttwosettingcode = setingcode.substring(setingcode.length-2,setingcode.length);	
			}
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
	case "2.5":
	newsetingcode = "250" + lasttwosettingcode;
	break;
  }
}

else if (zMenu == "Diamond_Stud")
{		
	var Sletter = setingcode.substring(3,4);
	if (Sletter == "S")
	{
		var lasttwosettingcode = setingcode.substring(3,setingcode.length);
	}
	else {
		var lasttwosettingcode = setingcode.substring(2,setingcode.length);	
	}
	
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.25":
	newsetingcode = "25" + lasttwosettingcode;
	break;
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "0.75":
	newsetingcode = "75" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
  }
}


else if (zMenu == "Diamond_Pendant")
{		
	var Sletter = setingcode.substring(3,4);
	if (Sletter == "P")
	{
		var lasttwosettingcode = setingcode.substring(3,setingcode.length);
	}
	else {
		var lasttwosettingcode = setingcode.substring(2,setingcode.length);	
	}
	
	
	
	var newsetingcode = "";

switch (StrsCarat)
  {
	case "0.25":
	newsetingcode = "25" + lasttwosettingcode;
	break;
	case "0.5":
	newsetingcode = "50" + lasttwosettingcode;
	break;
	case "0.75":
	newsetingcode = "75" + lasttwosettingcode;
	break;
	case "1.0":
	newsetingcode = "100" + lasttwosettingcode;
	break;
	case "1.5":
	newsetingcode = "150" + lasttwosettingcode;
	break;
	case "2.0":
	newsetingcode = "200" + lasttwosettingcode;
	break;
  }
}



for(var i=0;i<theSettings.length;i++)
  { 
   if(
	  theSettings[i].getAttribute("metalId") == sMetal && 
	  theSettings[i].getAttribute("shapeCode")==sShape && 
	 theSettings[i].getAttribute("diamondClarity") == sClarity && 
	theSettings[i].getAttribute("settingSize") == sSize && 
	 eval(theSettings[i].getAttribute("carat")) == sCarat &&
  	 theSettings[i].getAttribute("settingCode") == newsetingcode) 

		{ 

		 RingID = theSettings[i].getAttribute("settingId");
		 settingCode = theSettings[i].getAttribute("settingCode");
		settingId = theSettings[i].getAttribute("settingID");
		settingDesc = theSettings[i].getAttribute("settingName");
		//rei 16/09/09
		//settingDesc =  document.getElementById("styleSelectionSpan").innerHTML;
		 settingPrice = theSettings[i].getAttribute("settingPrice");
		settingMetal = sMetal;
		settingMetal = document.getElementById("metalSelection").innerHTML
		settingSize = sSize;
		if(document.getElementById("ringSize"))
		settingSize = document.getElementById("sizeSelectionSpan").innerHTML;
		diamondWeight = sCarat;
		diamondShape = sShape;
		diamondClarity = sClarity;
		diamondPrice = theSettings[i].getAttribute("settingDiamondPrice");
		}
	 }
    if(zMenu == "Diamond_Pendant") {
	 settingPrice = parseFloat(settingPrice) + parseFloat(chainPrice);
	}
	
	tParam = "RingID="+RingID+"&settingCode="+settingCode+"&settingId="+settingId+"&settingDesc="+settingDesc
	       +"&settingPrice="+settingPrice+"&settingSize="+settingSize+"&settingMetal="+settingMetal
		   +"&diamondWeight="+diamondWeight+"&diamondShape="+diamondShape+"&diamondClarity="+diamondClarity
		   +"&diamondPrice="+diamondPrice+"&writePath="+document.buy_now.xmlWriteFolder.value+"&varSessionId="+varSessionId
		   +"&retaillerId="+hidRetailerId;

		   

	
	
  xmlHttp1 = new HTTPObj();
  xmlHttp1.open("GET","index.cfm?do=ring.generate&"+tParam, true);
  xmlHttp1.onreadystatechange = generateXmlFile;
  xmlHttp1.send("");	

  
 }
 
 var tParam = "";
function generateXmlFile()
{
  if(xmlHttp1.readyState == 4)
  { 
    var url = "http://www.diamondjewelrybuilder.com/process_order.cfm?";  
    url = url + tParam;
 	xmlHttp = new HTTPObj();
	xmlHttp.open("GET", url , true);
	xmlHttp.onreadystatechange = excuteSubmit;
	xmlHttp.send(""); 
  }
}
 
 
 function excuteSubmit()
 {  

  if(xmlHttp.readyState == 4)
  { 
		var xm = xmlHttp.responseText;
		if(isYahoo!="1")
		 document.buy_now.cblencoded.value = xm;
		else {
		  document.buy_now.action +="&Retailer Name="+retailerName+((document.buy_now.ringSize)?"&Ring Size="+document.buy_now.ringSize.options[document.buy_now.ringSize.selectedIndex].text:"");
		  document.buy_now.action +=((document.buy_now.carat)?"&Carat Weight="+document.buy_now.carat.options[document.buy_now.carat.selectedIndex].text:"");
		  zElements = document.getElementsByTagName('input');
		  for(var i=0;i<zElements.length;i++) {
		   if(zElements[i].getAttribute('name')!="vwname" && zElements[i].getAttribute('name')!="vwprice" 
		   && zElements[i].getAttribute('name')!="vwquantity" && zElements[i].getAttribute('name')!="ysco_key_store_id"
		   && zElements[i].getAttribute('name')!="vwitem" && zElements[i].getAttribute('name')!=".autodone")
		   zElements[i].setAttribute('name','');
		  }
		  zElements = document.getElementsByTagName('select');
		  for(var i=0;i<zElements.length;i++) {
		  if(zElements[i].getAttribute('name')!="clarity")
		   zElements[i].setAttribute('name','');
		  }
		  document.buy_now.vwname.value = document.getElementById("cutSelectionTd").innerText+"\n"+document.getElementById("metalSelectionTd").innerText;
		}		
		document.buy_now.submit();
  } 
 } 
 
 
 function checkFirstDefault()
 {
	 
	 var radioGroup = document.getElementsByName('settingCode');
	 for(var m = 0, n = radioGroup.length; m < n; ++m)
			{
				//if (radioGroup[m].style.display != "none")
				if (theSettings[m].parentNode.parentNode.style.display!="none")
				{
				radioGroup[m].checked = true;
				settingChecked(radioGroup[m]);
				break;
				}
				
			}
	
	 }
	 
	 
	  function checkFirstDefaultShape()
 {
	 
	 var radioGroup = document.getElementsByName('settingCode');
	 for(var m = 0, n = radioGroup.length; m < n; ++m)
			{
				//if (radioGroup[m].style.display != "none")
				if (theSettings[m].parentNode.parentNode.style.display!="none")
				{
				radioGroup[m].checked = true;
				settingChecked(radioGroup[m]);
				break;
				}
				
			}
	
	 }
 
 
 
  function checkRadio(img)
 	{
	 var imgCode = img.getAttribute("settingCode") ;
	 var radioGroup = document.getElementsByName('settingCode');
	 for(var m = 0, n = radioGroup.length; m < n; ++m)
			{
				//if (radioGroup[m].style.display != "none")
				if ((theSettings[m].parentNode.parentNode.style.display!="none") && (imgCode == theSettings[m].getAttribute("settingCode")))
				{
					
	
				radioGroup[m].checked = true;
				settingChecked(radioGroup[m]);
				break;
				}
				
			}
	 
	 }
	 
	  function showChainImage()
 	{
	var sChainId = document.getElementById("ChainSelection").options[document.getElementById("ChainSelection").selectedIndex].value;
		for(var i=0;i<theChains.length;i++)
		{ 
			if(theChains[i].getAttribute("chainId") == sChainId)
				{
				
				theChains[i].setAttribute("background",theChains[i].getAttribute("bkg"));
				theChains[i].parentNode.parentNode.style.display=""; 
				additionChainPrice = eval(theChains[i].getAttribute("ChainPrice")).toFixed(2) - ((isNaN(chainPrice))?0:chainPrice);
				chainPrice = eval(theChains[i].getAttribute("ChainPrice")).toFixed(2);
				
					if(document.getElementById("selectedSettingPrice").innerHTML != "")
					{
						var pendantPrice = document.getElementById("selectedSettingPrice").innerHTML;
						pendantPrice = pendantPrice.substring(1,pendantPrice.length);
						var newPendantPrice = parseFloat(pendantPrice) + parseFloat(additionChainPrice);
						newPendantPrice = eval(newPendantPrice).toFixed(2);
						document.getElementById("selectedSettingPrice").innerHTML = "$"+newPendantPrice;
						if(document.buy_now.vwprice)document.buy_now.vwprice.value=newPendantPrice;
					}
				
				}
			else
				{
				theChains[i].parentNode.parentNode.style.display="none"; 
				}
		
		}
	 
	}