var xmlHttp; 
 var g_xModalDialog=new XModalDialog;
 var is_ie = (navigator.userAgent.indexOf('MSIE') >= 0) ? 1 : 0; 
 var is_ie5 = (navigator.appVersion.indexOf("MSIE 5.5")!=-1) ? 1 : 0; 
 var is_opera = ((navigator.userAgent.indexOf("Opera6")!=-1)||(navigator.userAgent.indexOf("Opera/6")!=-1)) ? 1 : 0; 
 //netscape, safari, mozilla behave the same??? 
 var is_netscape = (navigator.userAgent.indexOf('Netscape') >= 0) ? 1 : 0; 
 
 
 function xmlHttp_Get(xmlhttp, url) { 
        xmlhttp.open('POST', url, true); 
        xmlhttp.send(null); 
    } 

    function GetXmlHttpObject(handler) { 
        var objXmlHttp = null;    //Holds the local xmlHTTP object instance 

        //Depending on the browser, try to create the xmlHttp object 
        if (is_ie){ 
            //The object to create depends on version of IE 
            //If it isn't ie5, then default to the Msxml2.XMLHTTP object 
            var strObjName = (is_ie5) ? 'Microsoft.XMLHTTP' : 'Msxml2.XMLHTTP'; 
            
            //Attempt to create the object
            try{
                objXmlHttp = new ActiveXObject(strObjName);
                objXmlHttp.onreadystatechange = handler;
            }
            catch(e){
            //Object creation errored
                alert('IE detected, but object could not be created. Verify that active scripting and activeX controls are enabled');
                return;
            }
        }
        else if (is_opera){
            //Opera has some issues with xmlHttp object functionality
            alert('Opera detected. The page may not behave as expected.');
            return;
        }
        else{
            // Mozilla | Netscape | Safari
            objXmlHttp = new XMLHttpRequest();
            objXmlHttp.onload = handler;
            objXmlHttp.onerror = handler;
        }
         
        //Return the instantiated object 
        return objXmlHttp; 
    } 
    
   
     function addToOrder(prodID)
     {        
                if(document.getElementById('qty').value == "")
                {
                     alert('Please, Enter the Quantity!');
                     return false;
                }      
                else if(isNaN(document.getElementById('qty').value)==true)
                {
                    alert('Please, Enter Valid Quantity!');
                    return false;
                }
                else if(document.getElementById('qty').value==0)
                {
                    alert('Please, Enter Quantity More than "0"!');                                           
                    return false;
                }                              
                var opid ="";
                var  url = "Products.aspx?Call=addToOrder&prodId=" + prodID + "&qty=" + document.getElementById('qty').value + "&desc=" + document.getElementById('desc').value;
                xmlHttp = GetXmlHttpObject(receiveResponse);
                xmlHttp_Get(xmlHttp, url);
    }
    
    function receiveResponse() 
    {
        if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
        {
            var str = xmlHttp.responseText;
			if(str =='-1')
			{
			        g_xModalDialog.hide();
			        alert('Product Already Added!!!');
		    }
			else
			{
			        g_xModalDialog.hide();
					alert('Product Added SucessFully....');
			}
					
        }
        else
        {
            showWait();
        }
    }
   function delOrder(prodID)
   {
               //var url = "Default.aspx?jsessionid=" + document.getElementById('sessid').value + "&stepId=" + step;        
                
                var opid ="";
                var  url = "Products.aspx?Call=delOrder&prodId=" + prodID;
                xmlHttp = GetXmlHttpObject(receiveResponse1);
                xmlHttp_Get(xmlHttp, url);
                
   }

    function receiveResponse1()
    {
        if(xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
        {
			var str = xmlHttp.responseText;
			showOrder();
			alert('Product "'+ str +'" Deleted SucessFully....');
        }
    }
   
        
   function showOrder()
   {      
               //var url = "Default.aspx?jsessionid=" + document.getElementById('sessid').value + "&stepId=" + step;        
                var opid =""; 
                var  url = "Products.aspx?Call=showOrder";
                xmlHttp = GetXmlHttpObject(receiveShowOrder); 
                xmlHttp_Get(xmlHttp, url); 
                
     }

    function receiveShowOrder() 
    { 
        if (xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
        { 
        
			var str = xmlHttp.responseText;
			showOrderDetail(str);
						 		
        } 
    } 
    
    
    function showModal(msg)
    {   
       document.getElementById('divMsg').innerHTML = msg;  
       g_xModalDialog.show('div_dlgForgotPassword');    
    }
    
    function showWait()
    { 
        var myHTML ="";    
        myHTML = "<table width='90%' cellpadding='0' cellspacing='0'><tr><td align='center' valign='middel'>";
        myHTML = myHTML + "<img alt='' src='Images/wait_ax.gif' border='0' /><img alt='' src='Images/processing.jpg' border='0' />";
        myHTML = myHTML + "</td></tr></table>";
        showModal(myHTML);
    }
    
    function showTextBox(productID)
    {
        var myHTML ="";
        
//      myHTML = "<table width='100%' cellpadding='0' cellspacing='0' border='0'>";
//      myHTML = myHTML + "<tr><td align='left'> Please Enter Quantity : <input type='text' id='qty' size='4' />";
//      myHTML = myHTML + "</td></tr><tr><td align='left'>Enter Item Description: <textArea value='' id='desc'></textarea></td><tr><td></td></tr>";
//      myHTML = myHTML + "<tr><td align='center' valign='middle'><a href='#' onClick='addToOrder(" + productID + ");'><img alt='' src='Images/ok.jpg' border='0' /></a>";
//      myHTML = myHTML  + " </td> </tr></table>";
    myHTML = "<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0' width='350' align='left'>";
    myHTML = myHTML + "<TR>";
	myHTML = myHTML + "<TD width='3' height='8'><img src='Images/box_01.gif' width='9' height='8' align='bottom' /></TD>";
	myHTML = myHTML + "<TD width=100% valign='top' ><img src='Images/2-line.jpg' width='332' height='1' align='top' /></TD>";
	myHTML = myHTML + "<TD width=3><img src='Images/box_03.gif' width='9' height='8' /></TD>";
    myHTML = myHTML + "</TR>";
    myHTML = myHTML + "<TR>";
	myHTML = myHTML + "<TD background='Images/box_04.gif'><IMG SRC='Images/box_04.gif' WIDTH=9 HEIGHT=100 ALT=''>";
	myHTML = myHTML + "</TD>";
	myHTML = myHTML + "<TD align='left' valign='top'><table width='322' height='55' border='0' cellpadding='0' cellspacing='0'>";
    myHTML = myHTML + "<tr>";
    myHTML = myHTML + "<td width='11' height='19'></td>";
    myHTML = myHTML + "<td  class='myTabStyle'>Please enter quantity: </td>";
    myHTML = myHTML + "<td width='169' align='left' valign='middle'><input class='textfield' name='textarea2' id='qty' type='text' style='width:160px;  text-decoration: none;' value='' /></td>";
    myHTML = myHTML + "</tr>";
    myHTML = myHTML + "<tr>";
    myHTML = myHTML + "<td></td>";
    myHTML = myHTML + "<td  class='myTabStyle'>Enter Item description: </td>";
    myHTML = myHTML + "<td><textarea class='textfield' name='textarea2' id='desc' rows='4' class='table' style='width:160px ;  text-decoration: none;'></textarea></td>";
    myHTML = myHTML + "</tr>";
    myHTML = myHTML + "<tr>";
    myHTML = myHTML + "<td colspan='3' style='height:8px'></td>";    
    myHTML = myHTML + "</tr>";
    myHTML = myHTML + "<tr>";
    myHTML = myHTML + "<td></td>";
    myHTML = myHTML + "<td></td>";
    myHTML = myHTML + "<td><a href='#' onClick='addToOrder(" + productID + ");'><img alt='' src='Images/ok.jpg' border='0' /></a></td>";
    myHTML = myHTML + "</tr>";
    myHTML = myHTML + "</table></TD>";
	myHTML = myHTML + "<TD background='Images/box_06.gif' bgcolor='#0099CC'><IMG SRC='Images/box_06.gif' WIDTH=9 HEIGHT=100 ALT=''>	</TD>";
    myHTML = myHTML + "</TR>";
    myHTML = myHTML + "<TR>";
	myHTML = myHTML + "<TD width=9><IMG SRC='Images/box_07.gif' WIDTH=9 HEIGHT=8 ALT=''></TD>";
	myHTML = myHTML + "<TD background='Images/box_08.gif' bgcolor='#0099CC'><IMG SRC='Images/box_08.gif' HEIGHT=8 ALT=''></TD>";
	myHTML = myHTML + "<TD width=9>";
	myHTML = myHTML + "<IMG SRC='Images/box_09.gif' WIDTH=9 HEIGHT=8 ALT=''></TD>";
    myHTML = myHTML + "</TR><TR><TD style='height:10px'></TD></TR>";
    myHTML = myHTML + "</TABLE>";

    showModal(myHTML);
    }
    
    function showOrderDetail(orderInfo)// this function use for view Order Detail...
    {
    
        var strInfo = orderInfo.split("|"); 
        var myHTML ="";
        var flag,icount;
        flag=1;
        icount=0;
        
        //border table start....
        myHTML = "<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0' width='350' align='left'>"
        myHTML = myHTML + "<TR>";
	    myHTML = myHTML + "<TD width='3' height='8'><img src='Images/box_01.gif' width='9' height='8' align='bottom' ";
        myHTML = myHTML + "/></TD>";
	    myHTML = myHTML + "<TD width=100% valign='top' ><img src='Images/2-line.jpg' width='332' height='1' align='top' ";
        myHTML = myHTML + "/></TD>";
	    myHTML = myHTML + "<TD width=3><img src='Images/box_03.gif' width='9' height='8' /></TD>";
        myHTML = myHTML + "</TR>";
        myHTML = myHTML + "<TR>";
	    myHTML = myHTML + "<TD background='Images/box_04.gif'><IMG SRC='Images/box_04.gif' WIDTH=9 HEIGHT=50 ALT=''>";
	    myHTML = myHTML + "</TD>";
	    myHTML = myHTML + "<TD align='left' valign='top'>";
        //border table end....       
        
        myHTML = myHTML + "<table width='100%' cellpadding='0' border='0' cellspacing='0' border='0'><tr><td colspan='3' style='height:5px'></td></tr>";
        myHTML = myHTML + "<tr bgcolor='#40598a' style='color:white' class='myTabStyle'><td width='50%'>Product Name";
        myHTML = myHTML + "</td><td width='35%'>Quantity";
        myHTML = myHTML + "</td><td width='25%' align='center'>Edit";
        myHTML = myHTML + "</td><td>Delete";        
        myHTML = myHTML + " </td></tr>";
    
        var str = "";
        while(flag)
        {
            if(strInfo[icount]!= "")
            {
                str = strInfo[icount].split("#");
                myHTML = myHTML + "<tr class='myTabStyle' bgcolor='#ECEEF6'  style='height:25px'><td>"+str[3]+"";
                myHTML = myHTML + "</td><td>"+str[1]+"";                
                myHTML = myHTML + "</td><td  align='center' width='25%'><a href='javascript:editOrder("+str[0]+")'><img alt='' src='Images/edit.gif' border='0' /></a>";
                myHTML = myHTML + "</td><td  align='center'><a href='javascript:delOrder("+str[0]+")'><img alt='' src='Images/Close.gif' border='0' /></a>";                
                myHTML = myHTML  + " </td></tr>";
                icount += 1;
            }
            else
            {
                flag = 0;
            }
        }
        myHTML = myHTML + "<tr><td  align='center' style='height:10px'  colspan='3' ></td></tr>";        
        myHTML = myHTML + "<td  align='center'  colspan='4' ><a href='javascript:viewOrderForm();'><img alt='' src='Images/submitOrder.jpg' border='0' /></a>";
        myHTML = myHTML + " </td></tr>";
        myHTML = myHTML  + "</table>";
        
        //border table start....
        myHTML = myHTML  + "</TD>";
        myHTML = myHTML  + "<TD background='Images/box_06.gif' bgcolor='#0099CC'><IMG SRC='Images/box_06.gif' WIDTH=9 HEIGHT=50 ";
        myHTML = myHTML  + "ALT=''>	</TD>";
        myHTML = myHTML  + "</TR>";
        myHTML = myHTML  + "<TR>";
        myHTML = myHTML  + "<TD width=9><IMG SRC='Images/box_07.gif' WIDTH=9 HEIGHT=8 ALT=''></TD>";
        myHTML = myHTML  + "<TD background='Images/box_08.gif' bgcolor='#0099CC'><IMG SRC='Images/box_08.gif' HEIGHT=8 ";
        myHTML = myHTML  + "ALT=''></TD>";
        myHTML = myHTML  + "<TD width=9>";
        myHTML = myHTML  + "<IMG SRC='Images/box_09.gif' WIDTH=9 HEIGHT=8 ALT=''></TD>";
        myHTML = myHTML  + "</TR><TR><TD style='height:10px'></TD></TR>";
        myHTML = myHTML  + "</TABLE>";
        //border table end....

        showModal(myHTML);
    }
    
    function viewOrderForm()
    {                   
            var opid ="";
            var  url = "frmOrderDtls.aspx?Call=showOrder";
            xmlHttp = GetXmlHttpObject(receiveResponse2);
            xmlHttp_Get(xmlHttp, url);
     }

    function receiveResponse2()
    {
        if(xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
        {
			var str = xmlHttp.responseText;
	        if(str=="1")
	        {
	            window.location = "frmOrderDtls.aspx";
			}
			else if(str=="0")
			{
			    alert('Please select One or More Item for Order!');
			}
        }
    }
    
   function editOrder(prodID)
   {                
                var opid ="";
                var  url = "Products.aspx?Call=editOrder&prodId=" + prodID;
                xmlHttp = GetXmlHttpObject(receiveResponseEdit);
                xmlHttp_Get(xmlHttp, url);            
   }
   function receiveResponseEdit()
   {
        if(xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
        {
			var str = xmlHttp.responseText;			
			showEditOrder(str);
			//alert('Product "'+ str +'" Edited SucessFully....');
        }
    }
    function editRec(pid)
    {           
        var  url = "Products.aspx?Call=editRec&prodId=" + pid + "&qty=" + document.getElementById('qty').value;
        xmlHttp = GetXmlHttpObject(receiveResponseRec);
        xmlHttp_Get(xmlHttp, url);            
        
    }
    function receiveResponseRec()
    {
        if(xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete')
        {
			var str = xmlHttp.responseText;			
			showOrderDetail(str);			
        }
    }
    function showEditOrder(orderInfo)// this function for Show order detail with Edit Quantity...
    {
    
        var str11 = orderInfo.split("@"); //str[0]=> prod Id and str[1]=> is oeder detail
        var strInfo = str11[1].split("|"); 
        var myHTML ="";
        var flag,icount;
        flag=1;
        icount=0;
        
        //border table start....
        myHTML = "<TABLE BORDER='0' CELLPADDING='0' CELLSPACING='0' width='350' align='left'>"
        myHTML = myHTML + "<TR>";
	    myHTML = myHTML + "<TD width='3' height='8'><img src='Images/box_01.gif' width='9' height='8' align='bottom' ";
        myHTML = myHTML + "/></TD>";
	    myHTML = myHTML + "<TD width=100% valign='top' ><img src='Images/2-line.jpg' width='332' height='1' align='top' ";
        myHTML = myHTML + "/></TD>";
	    myHTML = myHTML + "<TD width=3><img src='Images/box_03.gif' width='9' height='8' /></TD>";
        myHTML = myHTML + "</TR>";
        myHTML = myHTML + "<TR>";
	    myHTML = myHTML + "<TD background='Images/box_04.gif'><IMG SRC='Images/box_04.gif' WIDTH=9 HEIGHT=50 ALT=''>";
	    myHTML = myHTML + "</TD>";
	    myHTML = myHTML + "<TD align='left' valign='top'>";
        //border table end....       
        
        myHTML = myHTML + "<table width='100%' cellpadding='0' border='0' cellspacing='0' border='0'><tr><td colspan='3' style='height:5px'></td></tr>";
        myHTML = myHTML + "<tr bgcolor='#40598a' style='color:white' class='myTabStyle'><td width='50%'>Product Name";
        myHTML = myHTML + "</td><td width='35%'>Quantity";
        myHTML = myHTML + "</td><td width='25%' align='center'>Edit";
        myHTML = myHTML + "</td><td>Delete";        
        myHTML = myHTML + " </td></tr>";
    
        var str = "";
        while(flag)
        {
            if(strInfo[icount]!= "")
            {
                str = strInfo[icount].split("#");
                myHTML = myHTML + "<tr class='myTabStyle' bgcolor='#ECEEF6'  style='height:25px'><td>"+str[3]+"";
                if(str[0]==str11[0])
                {
                    myHTML = myHTML + "</td><td colspan='2'><input class='textfield' name='textarea2' id='qty' type='text' style='width:80px;  text-decoration: none;' value="+str[1]+" />";                
                }
                else
                {
                    myHTML = myHTML + "</td><td>"+str[1]+"";                
                    myHTML = myHTML + "</td><td  align='center' width='25%'><a href='javascript:editOrder("+str[0]+")'><img alt='' src='Images/edit.gif' border='0' /></a>";
                }
                
                myHTML = myHTML + "</td><td  align='center'><a href='javascript:delOrder("+str[0]+")'><img alt='' src='Images/Close.gif' border='0' /></a>";                
                myHTML = myHTML  + " </td></tr>";
                icount += 1;
            }
            else
            {
                flag = 0;
            }
        }
        myHTML = myHTML + "<tr><td  align='center' style='height:10px'  colspan='3' ></td></tr>";        
        myHTML = myHTML + "<td  align='center'  colspan='4' ><a href='javascript:editRec("+str11[0]+");'><img alt='' src='Images/ok.jpg' border='0' /></a>";
        myHTML = myHTML + " </td></tr>";
        myHTML = myHTML  + "</table>";
        
        //border table start....
        myHTML = myHTML  + "</TD>";
        myHTML = myHTML  + "<TD background='Images/box_06.gif' bgcolor='#0099CC'><IMG SRC='Images/box_06.gif' WIDTH=9 HEIGHT=50 ";
        myHTML = myHTML  + "ALT=''>	</TD>";
        myHTML = myHTML  + "</TR>";
        myHTML = myHTML  + "<TR>";
        myHTML = myHTML  + "<TD width=9><IMG SRC='Images/box_07.gif' WIDTH=9 HEIGHT=8 ALT=''></TD>";
        myHTML = myHTML  + "<TD background='Images/box_08.gif' bgcolor='#0099CC'><IMG SRC='Images/box_08.gif' HEIGHT=8 ";
        myHTML = myHTML  + "ALT=''></TD>";
        myHTML = myHTML  + "<TD width=9>";
        myHTML = myHTML  + "<IMG SRC='Images/box_09.gif' WIDTH=9 HEIGHT=8 ALT=''></TD>";
        myHTML = myHTML  + "</TR><TR><TD style='height:10px'></TD></TR>";
        myHTML = myHTML  + "</TABLE>";
        //border table end....

        showModal(myHTML);
    }