// JScript File

var flag=0;
var sizeflag=0;
var tab=1;
var color_mouse_over="#ffb709";
var color_unselected="#eaeeeb";
var color_selected="#F4173D";

var color_tab_selected="white";
var color_tab_unselected="#E3E3E3";;

function viewenlargedimage()
{
   
   var wid = screen.availWidth/2-(600/2);
   var hit =  screen.availHeight/2-(500/2);
   var str =  document.getElementById("productimage").innerHTML;
   var start = str.indexOf("src=\"");
   var ext= ".jpg";
   var end = str.indexOf(".jpg");
   if (end < 0){
    end = str.indexOf(".gif");
    ext = ".gif";
   }else if (end < 0 ){
    end = str.indexOf(".png");
    ext = ".png";
   }
   if (end > 0){
       var image=str.substring(start+5,end);
           image = image+"_enlarge"+ext;
       //var myobj = NewWindow('blank.htm','mywindow','600','500','no')
       var myobj = window.open("blank.htm","mywindow","status=0,toolbar=0,width=600px,height=500px,top="+hit+"px,left="+wid+"px");
       myobj.document.write("<div align='center' style='margin:auto;'><img src='"+image+"' style='vertical-align:middle;'/></div>");
   }else {
       alert("There is No Enlarged Image.");
   }
}

function viewimage(imagename)
{
    var wid = screen.availWidth/2-(600/2);
   var hit =  screen.availHeight/2-(500/2);
   var myobj = window.open("blank.htm", "viewmoreimage","status=0,toolbar=0,width=600px,height=500px,top="+hit+"px,left="+wid+"px");
   myobj.document.write("<div align='center' style='margin:auto;'><img src='"+imagename+"' style='vertical-align:middle;' /></div>");
   //myobj.moveTo(screen.availWidth/2-(400/2),screen.availHeight/2-(400/2));
}


function oneclick()
{
    document.getElementById("one").style.backgroundColor=color_tab_selected;
    document.getElementById("two").style.backgroundColor=color_tab_unselected;
    document.getElementById("three").style.backgroundColor=color_tab_unselected;
    document.getElementById("care_more").style.display = "none";
    document.getElementById("contents").innerHTML =  document.getElementById(HiddenColorID.value + HiddenSizeID.value + "colordesc").innerHTML;
    tab=1;
   
}

function twoclick()
{
    document.getElementById("one").style.backgroundColor=color_tab_unselected
    document.getElementById("two").style.backgroundColor=color_tab_selected;
    document.getElementById("three").style.backgroundColor=color_tab_unselected;
    document.getElementById("contents").innerHTML =  document.getElementById(HiddenColorID.value + HiddenSizeID.value + "colordetails").innerHTML; 
    document.getElementById("care_more").style.display = "none";
    tab=2;
}

function threeclick()
{
    document.getElementById("one").style.backgroundColor=color_tab_unselected;
    document.getElementById("two").style.backgroundColor=color_tab_unselected;
    document.getElementById("three").style.backgroundColor=color_tab_selected;
    document.getElementById("contents").innerHTML =  document.getElementById(HiddenColorID.value + HiddenSizeID.value + "colorcare").innerHTML;
    document.getElementById("care_more").style.display = "block";
    tab=3;
}

function stylemouseover(id)
{
    var lastCategoryId=HiddenCategoryID.value;
    var currentCategoryId=id+"image";
    if (lastCategoryId!=currentCategoryId)
    {
        document.getElementById(id+"image").style.borderColor = color_mouse_over;
    }
}

function stylemouseout(id)
{
    
    var lastCategoryId=HiddenCategoryID.value;
    var currentCategoryId=id+"image";
    if (lastCategoryId!=currentCategoryId)
    {
        document.getElementById(id+"image").style.borderColor = color_unselected;
    }
    
    //document.getElementById(id+"image").style.borderColor = color_unselected;
}

function colorover(id)
{
    var contents;
   
   if (id!=HiddenColorID.value)
   {
       document.getElementById(id).style.borderColor=color_mouse_over;
       
       id= id+ HiddenSizeID.value;
       
       document.getElementById("productimage").innerHTML = "<img src='"+ document.getElementById(id+"colorimage").innerHTML +"'>";

       document.getElementById("colorname").innerHTML = document.getElementById(id+"colorname").innerHTML; //+ " " + document.getElementById(id+"colorsku").innerHTML;
       document.getElementById("colorname1").innerHTML = document.getElementById(id+"colorname").innerHTML;
       document.getElementById("price").innerHTML = document.getElementById(id+"colorprice").innerHTML;
       document.getElementById("size").innerHTML = document.getElementById(id+"size").innerHTML;
       
        contents="";
        if (tab==1) 
            contents=document.getElementById(id+"colordesc").innerHTML;
        else if (tab==2)
            contents=document.getElementById(id+"colordetails").innerHTML;
        else if (tab==3)
            contents=document.getElementById(id+"colorcare").innerHTML;
       

       document.getElementById("contents").innerHTML = contents;
       
       // view more images
       document.getElementById("MoreImagesContainer").innerHTML = document.getElementById(id+"MoreImagesContainer").innerHTML;;
    }
}

function colorout(id)
{
    var contents;
    if(flag == 0)
   { 
       if (id!=HiddenColorID.value){

           document.getElementById(id).style.borderColor=color_unselected; 
           
           id= id+ HiddenSizeID.value;
           
           var pid = HiddenColorID.value + HiddenSizeID.value;
           
          
           if(id != pid) 

           document.getElementById("productimage").innerHTML = "<img src='"+ document.getElementById(pid+"colorimage").innerHTML +"'>";
           document.getElementById("colorname").innerHTML = document.getElementById(pid+"colorname").innerHTML;// + " " + document.getElementById(pid+"colorsku").innerHTML;
           document.getElementById("colorname1").innerHTML = document.getElementById(pid+"colorname").innerHTML;
           document.getElementById("price").innerHTML = document.getElementById(pid+"colorprice").innerHTML;
           document.getElementById("size").innerHTML = document.getElementById(pid+"size").innerHTML;

            contents="";
            if (tab==1) 
                contents=document.getElementById(pid+"colordesc").innerHTML;
            else if (tab==2)
                contents=document.getElementById(pid+"colordetails").innerHTML;
            else if (tab==3)
                contents=document.getElementById(pid+"colorcare").innerHTML;
           

           document.getElementById("contents").innerHTML = contents;
           
            // view more images
            document.getElementById("MoreImagesContainer").innerHTML = document.getElementById(pid+"MoreImagesContainer").innerHTML;;


       }
   }
   else
   {
        flag = 0;
   }
}

function colorclick(id)
{
    var lastColorId=HiddenColorID.value;
    var selectedColorId=id;

    HiddenColorID.value = selectedColorId;
    
    document.getElementById(lastColorId).style.borderColor=color_unselected; 
    document.getElementById(selectedColorId).style.borderColor=color_selected;  
    
   
    HiddenVariantID.value = document.getElementById(HiddenColorID.value +  HiddenSizeID.value + "variantid").innerHTML;
    
    flag =1; 
}

function sizeover(id)
{
    var contents;

    if (id!=HiddenSizeID.value)
    {
        document.getElementById(id+"size").style.borderColor=color_mouse_over;

        id=HiddenColorID.value + id

        document.getElementById("productimage").innerHTML = "<img src='"+ document.getElementById(id+"colorimage").innerHTML +"'>";
        document.getElementById("colorname").innerHTML = document.getElementById(id+"colorname").innerHTML;// + " " + document.getElementById(id+"colorsku").innerHTML;
        document.getElementById("colorname1").innerHTML = document.getElementById(id+"colorname").innerHTML;
        document.getElementById("price").innerHTML = document.getElementById(id+"colorprice").innerHTML;
        document.getElementById("size").innerHTML = document.getElementById(id+"size").innerHTML;
        
        contents="";
        if (tab==1) 
            contents=document.getElementById(id+"colordesc").innerHTML;
        else if (tab==2)
            contents=document.getElementById(id+"colordetails").innerHTML;
        else if (tab==3)
        contents=document.getElementById(id+"colorcare").innerHTML;

       // view more images
       document.getElementById("MoreImagesContainer").innerHTML = document.getElementById(id+"MoreImagesContainer").innerHTML;;
    }
}

function sizeout(id)
{
   if(sizeflag == 0)
   { 
    var contents;
    if (id!=HiddenSizeID.value){
       document.getElementById(id+"size").style.borderColor=color_unselected; 
       
       id= HiddenColorID.value + id;
       var pid = HiddenColorID.value+HiddenSizeID.value;
       
       if(id != pid) 
       
       document.getElementById("productimage").innerHTML = "<img src='"+ document.getElementById(pid+"colorimage").innerHTML +"'>";
       document.getElementById("colorname").innerHTML = document.getElementById(pid+"colorname").innerHTML;// + " " + document.getElementById(pid+"colorsku").innerHTML;
       document.getElementById("colorname1").innerHTML = document.getElementById(pid+"colorname").innerHTML;
       document.getElementById("price").innerHTML = document.getElementById(pid+"colorprice").innerHTML;
       document.getElementById("size").innerHTML = document.getElementById(pid+"size").innerHTML;

        contents="";
        if (tab==1) 
            contents=document.getElementById(pid+"colordesc").innerHTML;
        else if (tab==2)
            contents=document.getElementById(pid+"colordetails").innerHTML;
        else if (tab==3)
            contents=document.getElementById(pid+"colorcare").innerHTML;

       // view more images
       document.getElementById("MoreImagesContainer").innerHTML = document.getElementById(pid+"MoreImagesContainer").innerHTML;;

       }
   }
   else
   {
        sizeflag = 0;
   }
}

function sizeclick(id)
{
    var lastSizeId=HiddenSizeID.value;
    var selectedSizeId=id;
    
    HiddenSizeID.value = selectedSizeId; 
    
    document.getElementById(lastSizeId+"size").style.borderColor=color_unselected;  
    document.getElementById(selectedSizeId+"size").style.borderColor=color_selected;  
    

    HiddenVariantID.value = document.getElementById(HiddenColorID.value +  HiddenSizeID.value + "variantid").innerHTML;
   
    sizeflag =1; 
}


function changevariantid()
{
   document.getElementById("VariantID").value = HiddenVariantID.value; 
}


/* preload misc images*/
MM_preloadImages('images/enlarge_button_up.gif', 'images/enlarge_button_over.gif', 'images/buy-button_up.gif', 'images/buy-button_over.gif');


function EnsureNumeric(evt)
    {
      var charCode = (evt.which) ? evt.which : event.keyCode

         if ((charCode > 31 && (charCode < 48 || charCode > 57)) )
            return false;
		else
         return true;
    }
 function checkQuantity(){
    
    
    var qty = parseInt(document.getElementById("Quantity").value);
    
    if (qty <= 0){
        alert("Quantity must be greater than 0.");
        return false;
    }
    
    return true;    
    
 }