/**
 * Ajax.js
 *
 * Collection of Scripts to allow in page communication from browser to (struts) server
 * ie can reload part instead of full page
 *
 * How to use
 * ==========
 * 1) Call retrieveURL from the relevant event on the HTML page (e.g. onclick)
 * 2) Pass the url to contact (e.g. Struts Action) and the name of the HTML form to post
 * 3) When the server responds ...
 *		 - the script loops through the response , looking for <span id="name">newContent</span>
 * 		 - each <span> tag in the *existing* document will be replaced with newContent
 *
 * NOTE: <span id="name"> is case sensitive. Name *must* follow the first quote mark and end in a quote
 *		 Everything after the first '>' mark until </span> is considered content.
 *		 Empty Sections should be in the format <span id="name"></span>
 */

//global variables
  var req;
  var which;


  /**
   * Get the contents of the URL via an Ajax call
   * url - to get content from (e.g. /struts-ajax/sampleajax.do?ask=COMMAND_NAME_1) 
   * nodeToOverWrite - when callback is made
   * nameOfFormToPost - which form values will be posted up to the server as part 
   *					of the request (can be null)
   */
  function retrieveURL(url,nameOfFormToPost) {
    
    //get the (form based) params to push up as part of the get request
   // url=url;
	var params = getFormAsString(nameOfFormToPost);
	
	params = encodeURI(params) ;
   
    //Do the Ajax call
    if (window.XMLHttpRequest) { // Non-IE browsers
      /*req = new XMLHttpRequest();
      req.onreadystatechange = processStateChange;*/
      var myAjax = null;
      try {
      	//req.open("POST", url, true); //was get
		
		/* myAjax = new Ajax.Request(url,{
						 method: 'post',
						 parameters: params,
						 onComplete:function(transport){
						 	processStateChange(transport);
						 }
		});*/
		new Ajax.Updater(
		{success:'',failure:'notice'},
		url,
		{onSuccess: function(transport){
			// Add a function if you want to do something
			processStateChange(transport);
		},onFailure: function(transport){
			// Add a function if you want to do something
			processStateChange(transport);
		},method:'post',parameters:params,asynchronous:false}
		);
		
		
	  } catch (e) {
        
      }
      //req.send(null);
    } else 
	
	if (window.ActiveXObject) { // IE
      req = new ActiveXObject("Microsoft.XMLHTTP");
	  var myAjax = null;
      if (req) {
		//req.onreadystatechange = processStateChange;
       // req.open("POST", url, true);
	   // req.send();
	   
	   /*	myAjax = new Ajax.Request(url,{
						 method: 'post',
						 parameters: params,
						 onComplete:function(transport){
						 	processStateChange(transport);
						 }
		});*/
		
		new Ajax.Updater(
		{success:'',failure:'notice'},
		url,
		{onSuccess: function(transport){
			// Add a function if you want to do something
			processStateChange(transport);
		},onFailure: function(transport){
			// Add a function if you want to do something
		},method:'post',parameters:params,asynchronous:false}
		);
	   
      }
    }
  }

/*
   * Set as the callback method for when XmlHttpRequest State Changes 
   * used by retrieveUrl
  */
  function processStateChange(transport) {

       if (transport.status == 200) { // OK response
	  // spanElements = 
	  
	  var reponseText = transport.responseText;

	   splitTextIntoSpan(transport.responseText);
  
        //Use these span elements to update the page
        //replaceExistingWithNewHtml(spanElements);
		
		//replaceSpanElements()
		

      } else {
        alert("Problem with server response:\n " + req.statusText);
      }
  }
 
 /**
  * gets the contents of the form as a URL encoded String
  * suitable for appending to a url
  * @param formName to encode
  * @return string with encoded form values , beings with &
  */ 
 function getFormAsString(formName){
 	
 	//Setup the return String
 	returnString ="";
 	
  	//Get the form values
 	formElements=document.forms[formName].elements;
 	
 	//loop through the array , building up the url
 	//in the form /strutsaction.do&name=value
 	
 	for ( var i=formElements.length-1; i>=0; --i ){
 		//we escape (encode) each value
		if(returnString == ""){
			
			if(formElements[i].name != "" && formElements[i].type!="file")
			returnString = escape(formElements[i].name)+"="+escape(formElements[i].value);
		}else{
			if(formElements[i].name != "" && formElements[i].type!="file")
			returnString=returnString+"&"+escape(formElements[i].name)+"="+escape(formElements[i].value);
		}
 		
 	}
	
 	//return the values
 	return returnString; 
 }
 
 /**
 * Splits the text into <span> elements
 * @param the text to be parsed
 * @return array of <span> elements - this array can contain nulls
 */
 function splitTextIntoSpan(textToSplit){
 
	var divText = textToSplit;
  	//Split the document using span
 	returnElements=textToSplit.split("</span>")
	for (var i=0;i<returnElements.length;i++){
		returnElements[i] = returnElements[i].substring(returnElements[i].indexOf("<span"),returnElements[i].length);
		if((returnElements[i].substring(0,5))=="<span"){
			var spanIndex = returnElements[i].indexOf(">")+1;
			var spanElement = returnElements[i].substring(0,spanIndex);
			var contentOfInnerHtml = returnElements[i].substring(spanElement.length,returnElements[i].length);
			if(spanElement.indexOf("id")>0){
			var spanElementId = "";
			spanElementId = spanElement.substring(spanElement.indexOf("\"")+1,spanElement.lastIndexOf("\""));
			 if(spanElementId == ""){
			 	spanElementId = spanElement.substring(spanElement.indexOf("'")+1,spanElement.lastIndexOf("'"));
			 }
			 if(document.getElementById(spanElementId)!=null && document.getElementById(spanElementId)!="undefined"){
			 	document.getElementById(spanElementId).innerHTML = contentOfInnerHtml;
			 }

			}
		}
		
	
	}
	//Split the document using div
 	returnElements=divText.split("</div>")
	for (var i=0;i<returnElements.length;i++){
		returnElements[i] = returnElements[i].substring(returnElements[i].indexOf("<div"),returnElements[i].length);
		if((returnElements[i].substring(0,4))=="<div"){
			var spanIndex = returnElements[i].indexOf(">")+1;
			var spanElement = returnElements[i].substring(0,spanIndex);
			var contentOfInnerHtml = returnElements[i].substring(spanElement.length,returnElements[i].length);
			if(spanElement.indexOf("id")>0){
			var spanElementId = "";
			spanElementId = spanElement.substring(spanElement.indexOf("\"")+1,spanElement.lastIndexOf("\""));
			 if(spanElementId == ""){
			 	spanElementId = spanElement.substring(spanElement.indexOf("'")+1,spanElement.lastIndexOf("'"));
			 }
			// document.getElementById('ajaxChangedPrice1').innerHTML = contentOfInnerHtml;
			 if(document.getElementById(spanElementId)!=null && document.getElementById(spanElementId)!="undefined"){
			 	document.getElementById(spanElementId).innerHTML = contentOfInnerHtml;
			 }
			}
		}
		
	
	}
 	
 	//Process each of the elements 	
 	/*for ( var i=returnElements.length-1; i>=0; --i ){
 		//Remove everything before the 1st span
		//alert(returnElements[i]);
 		spanPos = returnElements[i].indexOf("<span");		
 		
 		//if we find a match , take out everything before the span
 		if(spanPos>0){
 			subString=returnElements[i].substring(spanPos);
 			returnElements[i]=subString;
			//alert(subString);
 		
 		} 
 	}
 	
 	return returnElements;*/
 }
 
 /*
  * Replace html elements in the existing (ie viewable document)
  * with new elements (from the ajax requested document)
  * WHERE they have the same name AND are <span> elements
  * @param newTextElements (output of splitTextIntoSpan)
  *					in the format <span id=name>texttoupdate
  */
 function replaceExistingWithNewHtml(newTextElements){
 
 	//loop through newTextElements
 	for ( var i=newTextElements.length-1; i>=0; --i ){
  
 		//check that this begins with <span
 		if(newTextElements[i].indexOf("<span")>-1){
 			
 			//get the name - between the 1st and 2nd quote mark
 			startNamePos=newTextElements[i].indexOf('"')+1;
 			endNamePos=newTextElements[i].indexOf('"',startNamePos);
 			name=newTextElements[i].substring(startNamePos,endNamePos);
 			
 			//get the content - everything after the first > mark
 			startContentPos=newTextElements[i].indexOf('>')+1;
			
			content=newTextElements[i].substring(startContentPos);
 			
 			//Now update the existing Document with this element
 			
	 			//check that this element exists in the document
	 			if(document.getElementById(name)){
	 				//alert("Replacing Element:"+name);
	 				document.getElementById(name).innerHTML = content;
	 			} else {
	 				//alert("Element:"+name+"not found in existing document");
	 			}
				
				//Trying my own method
				//alert(name);
				var spanElementById = "<span id=\""+name+"\">";
				//alert(spanElementById.length);
				
				
				
				
				
 		}
 	}
 }