function changeElement(i, elementName)
{
 var varLink = elementName+'_link'+i;
 var varDropDrown = elementName+i;
 document.getElementById(varLink).style.display = 'none';
 document.getElementById(varDropDrown).style.display = 'inline';
/* document.getElementById(varLink).style.visibility = 'hidden';
 document.getElementById(varDropDrown).style.visibility = 'visible';*/
 document.getElementById(varDropDrown).focus();
}
function getBackToPreveousVisual(i, elementName)
{
 var varLink = elementName+'_link'+i;
 var varDropDrown = elementName+i;
 document.getElementById(varLink).style.display = 'inline';
 document.getElementById(varDropDrown).style.display = 'none';
 /* document.getElementById(varLink).style.visibility = 'visible';
 document.getElementById(varDropDrown).style.visibility = 'hidden';*/
  document.getElementById(varLink).focus();
}
function updateOrderDetails(i, payment_flag, elementName, elementValue, fileName, parameterString)
{

  if(elementName == 'status' && elementValue == 4)
	{
	 var url1 = 'dispatch-details.php'+parameterString;
	 myWindow = window.open(url1, '', '');
	 myWindow.focus();
	 /*self.location = url1;*/
	 return;
	}
	xmlHttp=GetXmlHttpObject();
  if (xmlHttp==null)
  {
  alert ("Your browser does not support AJAX!");
  return;
  } 
  var url=fileName+parameterString+"&s="+elementValue+"&sid="+Math.random();

  xmlHttp.onreadystatechange=function()
  {
	  if (xmlHttp.readyState==4 && xmlHttp.status==200)
    {
		var tableCell = 'div_'+elementName+i;
		var tableRow = 'tr'+i;
		document.getElementById(tableCell).innerHTML=xmlHttp.responseText;
		// if user close the order. That means if user change order status to close then change the class
		if(elementName == 'status')
		{
		 if(elementValue == 5 || elementValue == 7)
		 {
	  		document.getElementById(tableRow).className =  "orderClosed";
			if(payment_flag == 'Online' && elementValue == 7)
		 	{
				img = 'img'+i;
				document.getElementById(img).src = "images/yellow_dot.png";
		 	}
      //document.getElementById('id').classList.add('class');
		 }else 
		 {
		 	document.getElementById(tableRow).className =  "";
		 }
		} 	
    }
  }
  xmlHttp.open("GET",url,true);
  xmlHttp.send(null);
}
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 toggleCheckboxes(cnt)
{
 	for(var i=0;i<cnt;i++)
	{
 	 var chk = 'o'+i;
	 if(document.getElementById(chk).checked)
   {
	 	document.getElementById(chk).checked = false;
	 }else
   {
	 	document.getElementById(chk).checked = true;   
   }
	} 
}
function validateSelectionofCheckboxes(cnt)
{
 var checkFlag = 0;
 	for(var i=0;i<cnt;i++)
	{
 	 var chk = 'o'+i;
	 if(document.getElementById(chk).checked)
   {
	 	checkFlag = 1;
	 	break;
	 }
	}
	if(checkFlag == 0)
	{
	 alert('Please select atleast one checkbox');
	 return false;
	}
	return true;
}