function openColorPreview(style, color){
 var link = "http://www.apparelmanufacturers.com/jscript/colorpreview.php?style=" + style + "&color=" + color;
 var l = (screen.width - 300) / 2;
 var t = (screen.height - 300) / 2;
 var code = "menubar=no,scrollbars=yes,resizable=yes,status=no,width=300,height=300,left=" + l + ",top=" + t;
 newWin = window.open(link,"colorPreview",code,false);
 newWin.focus();
}

function getAjax(){
  if (window.XMLHttpRequest){return new XMLHttpRequest();}else if(window.ActiveXObject){return new ActiveXObject("Microsoft.XMLHTTP");}
  return null;
}

var sender = getAjax();

function changeProductColor(style, color){
   if (!sender){return;}
   document.getElementById("msgtd").innerHTML = "Loading data, please wait ...";
   document.getElementById("maindiv").innerHTML = "";
   if (sender.readyState == 4 || sender.readyState == 0){
     if (color == ""){color = document.getElementById("frm_color").value;}
     var url = "http://www.apparelmanufacturers.com/jscript/getcolor.php?style=" + style + "&color=" + color;
     sender.open("GET", url, true);
     sender.onreadystatechange = getProductColor;
     sender.send(null);
   }
}

function getProductColor(){
  if (sender.readyState == 4){
     document.getElementById("msgtd").innerHTML = "&nbsp;";
     if (sender.responseText == ""){return;}
     try{
       var navrat = sender.responseText;
       document.getElementById("maindiv").innerHTML = navrat;
     }catch(err){}
  }
}