//DEclation The XMLHTTP REquest for all Browsers
var request = false;
var dest;

try {
  request = new XMLHttpRequest();
} catch (trymicrosoft) {
  try {
    request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (othermicrosoft) {
    try {
      request = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (failed) {
      request = false;
    }
  }
}
if (!request)
  alert("Error initializing XMLHttpRequest!");



function processStateChange(){
	contentDiv = document.getElementById(dest);
	
    if (request.readyState == 4){
        
        if (request.status == 200){
            response = request.responseText;
			//alert(response);
            contentDiv.innerHTML = response;

        } else {

            contentDiv.innerHTML = "Error: Status "+request.status+"shazib";

        }
    }
}

function loadHTML(URLs, Destinations){
	var arrDestination=Destinations.split("|||");
	var arrURL=URLs.split("|||");
    

	for (i=0;i<arrDestination.length;i++){

		dest = arrDestination[i];
	
        if (request) {
			//alert(arrURL[i]);
			url=arrURL[i];
			request.open("GET", url, false);
            request.onreadystatechange = processStateChange;
            request.send(null);
				
			
	

        }
		else {
		alert("No Request");
		}
	}//end of For
}//end of funtion

//////////////////////////////////////////////////////

function formData2QueryString(docForm) {

 // alert(docForm + "   Shazib  ");
  
  var submitContent = '';
  var formElem;
  var lastElemName = '';
  
  for (i = 0; i < docForm.elements.length; i++) {
    
    formElem = docForm.elements[i];
    switch (formElem.type) {
      // Text fields, hidden form elements
      case 'text':
      case 'hidden':
      case 'password':
      case 'textarea':
      case 'select-one':
        submitContent += formElem.name + '=' + escape(formElem.value) + '&'
        break;
        
      // Radio buttons
      case 'radio':
        if (formElem.checked) {
          submitContent += formElem.name + '=' + escape(formElem.value) + '&'
        }
        break;
        
      // Checkboxes
      case 'checkbox':
        if (formElem.checked) {
          // Continuing multiple, same-name checkboxes
          if (formElem.name == lastElemName) {
            // Strip of end ampersand if there is one
            if (submitContent.lastIndexOf('&') == submitContent.length-1) {
              submitContent = submitContent.substr(0, submitContent.length - 1);
            }
            // Append value as comma-delimited string
            submitContent += ',' + escape(formElem.value);
          }
          else {
            submitContent += formElem.name + '=' + escape(formElem.value);
          }
          submitContent += '&';
          lastElemName = formElem.name;
        }
        break;
        
    }
  }
  // Remove trailing separator
  submitContent = submitContent.substr(0, submitContent.length - 1);
  return submitContent;
}
///////////////////////////////////
function PostFormData(URL,formName,functionValue){
	//var strShipperName = document.getElementById("strShipperName").value;
	
	
		var submitContent=formData2QueryString(formName);
			
		 var NewURL=URL+"?"+submitContent;
		//alert(NewURL);
		 request.open("Post", NewURL, true);
		 request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
		 request.onreadystatechange = updatePage;
		 request.send(null);
		 return true;
		
   }
///////////////////////////////////
/////////////////////////////////////////////////////////////////
   function updatePage() {
		
	   if(request.readyState==4){
		   if(request.status==200){
			//alert("Server is done!"+request.readyState);
			var response=request.responseText;
			//alert(response);

			var arrResponse=response.split("|||");

			var fileName=arrResponse[0];
			var divName=arrResponse[1];

			//ContentDiv=document.getElementById(divName);
			//ContentDiv.innetHTML=fileName;
			loadHTML(fileName, divName);
			
		   }else{
		   alert("Server status!"+request.status);
		   }
	   }
   }
/////////////////////////////////////////////////////////////
function ShareLink(URL){
		 request.open("Get", URL, true);
		 request.onreadystatechange = LinkShared;
		 request.send(null);
	 }

/////////////////////////////////////////////////////////////

function LinkShared(){
	
	 if(request.readyState==4){
		 var response=request.responseText;
		 var divName=response;
		 sharedDiv = document.getElementById(divName);
		   if(request.status==200){
			sharedDiv.innerHTML="<b>Shared</b>";
		   }else{
		   alert("Server status!"+request.status);
		   }
	   }
}

/////////////////////////////////////////////////////////////
function DeleteLink(URL){
		 request.open("Get", URL, true);
		 request.onreadystatechange = LinkDeleted;
		 request.send(null);
	 }

/////////////////////////////////////////////////////////////

function LinkDeleted(){
	
	 if(request.readyState==4){
		 var response=request.responseText;
		 //alert(response);
		 var divName=response;
		 deletedDiv = document.getElementById(divName);
		   if(request.status==200){
			   //alert('Here');
			deletedDiv.style.visibility = "hidden";
			deletedDiv.style.display = "none";	
		   }else{
		   alert("Server status!"+request.status);
		   }
	   }
}
////////////////////////////////////////////////////////////

function SelectAndTextBox(URL){
request.open("Get", URL, true);
request.onreadystatechange = UpdateTextBox;
 request.send(null);
}

function UpdateTextBox(){

 if(request.readyState==4){
		 var response=request.responseText;
		 //alert(response);
		 var arrResponse=response.split("|||");

		 var valueNew=arrResponse[0];
		 var textBoxName=arrResponse[1];

		 textBox = document.getElementById(textBoxName);

		   if(request.status==200){
			   //alert('Here');
			 textBox.value += valueNew;
		 }else{
		   alert("Server status!"+request.status);
		   }
	   }
}