var xmlHttp;
var strModel;
var field;
function showModel(str,field2)
{ 
  field = field2
   if (field == 'update2')
    { 
      document.getElementById('products').innerHTML = ""
    }
  if ( str != -1 ) {
      xmlHttp=GetXmlHttpObject();
      if (xmlHttp==null)
         {
            alert ("Your browser does not support AJAX!");
            return;
         } 
      if (field == 'update2')
         {
            var url="ModelNo.aspx";
         }
      else
         {
            var url="products.aspx";
         } 
      url=url+"?Id="+str;
      //alert(str);
      xmlHttp.onreadystatechange=stateChanged;
      xmlHttp.open("GET",url,true);
      xmlHttp.send(null);
  }
  else
  { 
    document.getElementById(field).innerHTML = ""
    document.getElementById(field).innerHTML = "Please Select Manufacturure"
   
  }
}

function stateChanged() 
{ 
 if (xmlHttp.readyState==4)
 { 
  strModel = xmlHttp.responseText;  
  fillDropDownList();
 }
 else
 {
   document.getElementById(field).innerHTML = '<img src="anim.gif">loading models'   
 }
}



function showSomething(Id)
{  
   var doc = document.getElementById('update2')
  if (Id != -1 ) 
  { 
   doc.innerHTML = " "
   doc.innerHTML ='<img src="anim.gif">Loading . . .'
   //alert(Id);
  }
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
return xmlHttp;
}

function fillDropDownList()
{  
   var strHtml;
   
  if (field == 'update2')
   {
    var arrModels = new Array();
    arrModels = strModel.split(",");
    strHtml ="<select id='ddlModel' OnChange=showModel(this.value,'products')>"
    for(var i=-1;i<arrModels.length -1;i++)
      { 
        if(i==-1)
        { 
          strHtml +="<option value='-1'>Select the projector model</option>"          
        }
        else 
        {
          strHtml +="<option value='" + arrModels[i] + "'>" + arrModels[i] + "</option>" 
        }
      }      
    strHtml +="</select>"
   }
   else
   {
    strHtml=strModel
    //strHtml= strHtml + "<P class=MsoNormal style='MARGIN-LEFT: 0.25in; TEXT-ALIGN: center' align=center>"
    //strHtml= strHtml + "<SPAN style='FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: vardana'>PLEASE PLACE YOUR ORDER ON</SPAN>"
    //strHtml= strHtml + "<P class=MsoNormal style='MARGIN-LEFT: 0.25in; TEXT-ALIGN: center' align=center>"
    //strHtml= strHtml + "<br><SPAN style='FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: vardana'>OUR <FONT color=red><SPAN style='COLOR: red'>HOTLINE: (+65) 6 2525 082</SPAN></FONT></SPAN>"
    //strHtml= strHtml + "<br><SPAN style='FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: vardana'>OR EMAIL US AT <FONT color=red><SPAN style='COLOR: red'>ORDER@INTECH.COM.SG</FONT></SPAN></SPAN></td></tr></table>";
   } 
     
   document.getElementById(field).innerHTML=""; 
   document.getElementById(field).innerHTML=strHtml;
}