function SetImage()
    {
      var CufflinkType,Attribute1, Attribute2, Attribute3,ProductInstance;
      CufflinkType = document.getElementById("ctl00_MainContent_hidCufflinkType").value;
      Attribute1 = document.getElementById("ctl00_MainContent_ddlName").value;
      Attribute2 = document.getElementById("ctl00_MainContent_ddlFinish").value;
      
      if(Attribute2 == ' '){
        Attribute2 = 'silver'
      }
      
      Attribute3 = document.getElementById("ctl00_MainContent_ddlColour").value;
      if(Attribute3 == ' '){
        Attribute3 = 'bb'
      }
      ProductInstance = CufflinkType + "_" + Attribute1 + "_" + Attribute2 + "_" + Attribute3;
     
      ProductDetail.SetImage(ProductInstance, SetImage_callback);  // asynchronous call
    }

    function SetImage_callback(res)
    {
       var CufflinkType,Attribute1, Attribute2, Attribute3,ImageName;
       CufflinkType = document.getElementById("ctl00_MainContent_hidCufflinkType").value;

       Attribute1 = document.getElementById("ctl00_MainContent_ddlName").options[document.getElementById("ctl00_MainContent_ddlName").selectedIndex].innerHTML;
       Attribute2 = document.getElementById("ctl00_MainContent_ddlFinish").options[document.getElementById("ctl00_MainContent_ddlFinish").selectedIndex].innerHTML;
       Attribute3 = document.getElementById("ctl00_MainContent_ddlColour").options[document.getElementById("ctl00_MainContent_ddlColour").selectedIndex].innerHTML;
       if (Attribute1 == 'undefined'){
            Attribute1 = "";
       }
       if (Attribute2 == 'Select...'){
            Attribute2 = "Silver ";
       }
       if (Attribute3 == 'Select...'){
            Attribute3 = "Black Background";
       }
       
       var arr
       arr = res.value.split(":")
       
       ImageName = CufflinkType + "_" + Attribute1 + "_" + Attribute2 + "_" + Attribute3+ ".jpg";

       document.getElementById("ctl00_MainContent_imgProductDetail").alt = Attribute1 + " " + Attribute2 + " " + Attribute3;
       document.getElementById("cufflinkName").innerHTML = " - " + Attribute1 + " " + Attribute2 + " " + Attribute3;
       document.getElementById("price").innerHTML = arr[1];
       document.getElementById("ctl00_MainContent_hidInstanceCode").value = arr[0];
              
       document.getElementById("ctl00_MainContent_imgProductDetail").src = "http://www.cufflinksamerica.com/Resources/ProductImages/Detail/" + arr[0] + ".jpg";    
}


    function SetMiscImage()
    {
      var CufflinkType,Attribute1,ProductInstance;
      CufflinkType = 5;
      Attribute1 = document.getElementById("ctl00_MainContent_ddlName").value;
       
       ProductInstance = CufflinkType + "_" + Attribute1;
    
      MiscellaneousCufflinks.SetMiscImage(ProductInstance, SetMiscImage_callback);  // asynchronous call
    }

    function SetMiscImage_callback(res)
    {
       var CufflinkType,Attribute1ImageName;
       CufflinkType = 1;

       Attribute1 = document.getElementById("ctl00_MainContent_ddlName").options[document.getElementById("ctl00_MainContent_ddlName").selectedIndex].innerHTML;
            if (Attribute1 == 'undefined')
            {
            Attribute1 = "";
       }
      
       var arr
       arr = res.value.split(":")
       
       ImageName = CufflinkType + "_" + Attribute1 + ".jpg";

       document.getElementById("ctl00_MainContent_imgProductDetail").alt = Attribute1;
       document.getElementById("cufflinkName").innerHTML = " - " + Attribute1 ;
       document.getElementById("price").innerHTML = arr[1];
       document.getElementById("ctl00_MainContent_hidInstanceCode").value = arr[0];         
       document.getElementById("ctl00_MainContent_imgProductDetail").src = "http://www.cufflinksamerica.com/Resources/ProductImages/Detail/" + arr[0] + ".jpg";    
}