/* ========================================================
 *  JS used on productDetail.aspx 
 * ======================================================== */


		function recordBackOrder ( args ) {
			var selectorObject = args.selectorObject;
			if(selectorObject[selectorObject.selectedIndex].text.indexOf("*") < 0)return;
			var s=s_gi('dcdctevaprod')
			s.prop3=selectorObject[selectorObject.selectedIndex].value.replace(/\s*/g, '');
			s.eVar13=selectorObject[selectorObject.selectedIndex].value.replace(/\s*/g, '');
			s.tl(true,'o','backordered')
			}
			
		$(function() {
			$('#descriptionDiv > ul').tabs({ fx: { opacity: 'toggle' } });
            $('#extraInfoDiv > ul').tabs({ fx: { opacity: 'toggle' } });
          });



          window.productDetail_jso = {
              colorselectorchanged: function(so) {

                  document.getElementById("sizeSelector").disabled = false;
                  var s = document.getElementById("sizeSelector");
                  var sb = window.selectorBoxObj_jso.colors;


                  for (var i = (s.options.length - 1); i >= 0; i--) s.options[i] = null; // empty the selector

                  s[0] = new Option("-- Select --"); // add the "-- Select --" item.
                  s.selectedIndex = 0;


                  // find the sizes in the main object...
                  for (var i = 0; i < sb.length; i++) {
                      document.getElementById("currColor").innerHTML = sb[i].fullcolorname;

                      if (so[so.selectedIndex].value == sb[i].colorcode) {
                          for (var j = 0; j < sb[i].sizes.length; j++) {
                              s.options.add(new Option(sb[i].sizes[j].size.replace(/^0/, ""), sb[i].sizes[j].sku));
                              if (sb[i].sizes[j].nad)
                                  s.options[(j + 1)].setAttribute("Xnad", sb[i].sizes[j].nad);
                          }
                          break;
                      }
                  }


              },
              sizeselectorchanged: function(so) {
                  if (so.value != "-- Select --") {
                      if (so[so.selectedIndex].getAttribute("Xnad") != 'null') {
                          document.getElementById("warrningText").innerHTML = "The item you have selected is on backorder until <span id='warnDate'>" + so[so.selectedIndex].getAttribute("Xnad") + "</span>";
                          $("#warrningText").css("display","block"); 
                          $('#warrningText').highlightFade({ color: 'yellow', speed: 500 });
                      }
                      //alert("is backordered ... " + so[so.selectedIndex].getAttribute("Xnad") );
                  }
              },
              colorsizeselectorchanged: function(c) {
                  var so = document.getElementById("colorSelector");


                  for (var n = 1; n <= so.options.length; n++) {
                      if (so[n].value == c) {
                          so.selectedIndex = n;
                          window.productDetail_jso.colorselectorchanged(so);
                          break;
                      }
                  }
              }
          };
 
		function addToCartValue(o, model){
		
			
			waitingforadd('waiting');
             var socolor = document.getElementById('colorSelector');
             var sosize = document.getElementById('sizeSelector');
             var soqty = document.getElementById('qtySelector');
             if(socolor.selectedIndex <= 0 || sosize.selectedIndex <= 0){
				document.getElementById("warrningText").innerHTML = "Please select a color and size before clicking add to cart";
				$("#colortr").addClass("errorselected");
				$("#colortr").addClass("errorselected");
				waitingforadd('not');
				$('#warrningText').highlightFade({color:'red',speed:2000});
				
				if(socolor[socolor.selectedIndex].value == "Choose a color"){

					$('#colorSelector').highlightFade({color:'red',speed:2000});
					
					
				}
				if(sosize[sosize.selectedIndex].value == "-- Select --"){
					$('#sizeSelector').highlightFade({color:'red',speed:2000});
					if(socolor[socolor.selectedIndex].value != "Choose a color")document.getElementById("warrningText").innerHTML = "Please select an size before clicking add to cart";
				}
				return false;
             }
             
             var addecartvalu = sosize[sosize.selectedIndex].value + "-" + soqty[soqty.selectedIndex].value;
			
             o.setAttribute("xvalue", addecartvalu);
             return true;
        
        }  
  
        function addedToCart(){
			
			document.getElementById("warrningText").innerHTML = "This item has been added to your cart <a href='\shoppingcart.aspx'>visit shopping cart</a>";
			$('#warrningText').highlightFade({color:'white',speed:500});
			  window.location.href = "\shoppingcart.aspx";
        
        }
        function waitingforadd(which){
			if(which == "waiting"){document.getElementById("addToCart").src='/images/global/wait.gif';
			}else{document.getElementById("addToCart").src='/images/buttons/addtocart.gif'}
		
		}
          function didNotaddedToCart(){
          waitingforadd('not');
			document.getElementById("warrningText").innerHTML = "There was an error adding your item to the cart";
			$('#warrningText').highlightFade({color:'red',speed:2000});
        
        }
        function buildPage(){
			
			var sbo = window.selectorBoxObj_jso;
			if(!sbo||!sbo.colors){//this checks to see if there 
				//turns error on
				document.getElementById("pdPage").style.display = "none";
				document.getElementById("errorMessage").style.display = "block";
			}
			else{ 
				//turns the error div off and the content on
				document.getElementById("pdPage").style.display = "block";
				document.getElementById("errorMessage").style.display = "none";
				
				makeSwatchStayOpen("image_"+sbo.colors[0].colorcode);
				var s = document.getElementById("colorSelector");
				for(var i=(s.options.length - 1);i>=0;i--) s.options[i] = null; // empty the selector
				s[0] = new Option("Choose a color", "Choose a color");
				
				document.getElementById("sizeSelector").disabled = true;
				
					//window.productDetail_jso.colorselectorchanged(sbo.colors[0].colorcode);

				
				document.getElementById("currColor").innerHTML = sbo.colors[0].fullcolorname ;
				//document.getElementById('mainProductImage').innerHTML= "<img alt='" + sbo.name + " color: " + sbo.colors[0].fullcolorname + "'src='/images/product/587/" + sbo.model + "-" + sbo.colors[0].colorcode + "-main.jpg'  />";
								
				loadFirstImage(sbo)
				for(var i = 0 ; i < sbo.colors.length ; i++)
				{
					 s.options.add(new Option(sbo.colors[i].fullcolorname,sbo.colors[i].colorcode));
				}
				if(sbo.colors.length  == 1){	
					colorPicked(sbo.colors[0].colorcode);
					}
			}
		};
		function colorPicked(who){
			clearbackordertext()
			window.productDetail_jso.colorsizeselectorchanged(who);
			makeSwatchStayOpen("image_"+who);
			
		}
		function clearbackordertext(){
			document.getElementById("warrningText").innerHTML = "";
			$("#colortr").removeClass("errorselected");
			$("#colortr").removeClass("errorselected");
		
		}
		function makeSwatchStayOpen(id){
			
			for(var i = 0 ; i < window.selectorBoxObj_jso.colors.length ; i++)
			{
				var a = document.getElementById("image_"+window.selectorBoxObj_jso.colors[i].colorcode);
				if(!a)continue;//maybe Remove this line
				
				a.setAttribute("class" , 'swatchImg');
				a.src=a.src.replace(/_over\.jpg$/,'.jpg');
				
			}
			
			var d = document.getElementById(id)
			if(d != null){
			d.className = 'swatchImgSelected';
			d.src=d.src.replace(/_over\.jpg$/,'.jpg').replace(/\.jpg$/,'_over.jpg');
			}
		}
        function changeContent(colorcode, value){

			 clearbackordertext();
			if(value != "Choose a color"){
				if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)){ //test for Opera/x.x or Opera x.x (ignoring remaining decimal places);
					
					}
				else{
					 makeSwatchStayOpen("image_"+value)
					 fireEvent(document.getElementById("color_" + value),'click');//this clicks the ahref color swatch function in _t_global
				
				 }
				  window.productDetail_jso.colorselectorchanged(colorcode);//calls function to change size selector box
			}else{
					
				document.getElementById("sizeSelector").disabled =true;
					

			
			}
        }
        function showEmailFriend(onOFF){
				if(onOFF == 'show'){
					$("div#EmailAFriend").addClass("emailOn").show("slow");
				}
				if(onOFF == 'hide'){
					$("div#EmailAFriend").addClass("emailOn").hide("slow");
				}
			}
       
		    function emailSent(){

				$("#emailFriend").animate({ 
				height: "150px"
		       
			  }, 1000 );

				$("#emailFriend_emailFormPnl").fadeOut("fast");
				 $("#messageSentp").fadeIn("slow");
				//showEmailFriend('hide');
			};
           
			function doThis() {  
				buildPage();  
				window.productdetails_jso.OnLoad();
				$('.colorSwatch').ajaxContent({  
				    loaderType:'img',  
				    loadingMsg:'/images/global/wait.gif',  
				    target:'#mainProductImage'  
				});  
				
				if(GetCookie('emlWin') == "open"){
					showEmailFriend('show');
					eraseCookie('emlWin');
					}
				window.emailfriend_jso.OnLoad();
                window.emailfriend_jso.EmailSentDone = 'emailSent';
				createCookie('returnUrl',document.location.href,0);
			};
			
			if (window.addEventListener) window.addEventListener ("load",function(event) {doThis()},false);
			else if (window.attachEvent) window.attachEvent ("onload",function(event) {doThis()});
