//** Ajax Tabs Content script v2.0- © Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Updated Oct 21st, 07 to version 2.0. Contains numerous improvements
//** Updated Feb 18th, 08 to version 2.1: Adds a public "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically. Only .js file changed from v2.0.
//** Updated April 8th, 08 to version 2.2:
//   -Adds support for expanding a tab using a URL parameter (ie: http://mysite.com/tabcontent.htm?tabinterfaceid=0) 
//   -Modified Ajax routine so testing the script out locally in IE7 now works 

var ddajaxtabssettings={}
ddajaxtabssettings.bustcachevar=0  //bust potential caching of external pages after initial request? (1=yes, 0=no)
ddajaxtabssettings.loadstatustext="<img src='/images/ajaxtabs/loading.gif' /> Requesting content..." 


////NO NEED TO EDIT BELOW////////////////////////

function ddajaxtabs(tabinterfaceid, contentdivid){
	this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container
	this.contentdivid = contentdivid
	this.tabs=document.getElementById(tabinterfaceid).getElementsByTagName("a") //Get all tab links within container
	this.enabletabpersistence=true
	this.hottabspositions=[] //Array to store position of tabs that have a "rel" attr defined, relative to all tab links, within container
	this.currentTabIndex=0 //Index of currently selected hot tab (tab with sub content) within hottabspositions[] array
	this.contentdivid=contentdivid
	this.defaultHTML=""
	this.defaultIframe='<iframe src="about:blank" marginwidth="0" marginheight="0" frameborder="0" vspace="0" hspace="0" class="tabcontentiframe" style="width:100%; height:auto; min-height: 100px"></iframe>'
	this.defaultIframe=this.defaultIframe.replace(/<iframe/i, '<iframe name="'+"_ddajaxtabsiframe-"+contentdivid+'" ')
    this.revcontentids=[] //Array to store ids of arbitrary contents to expand/contact as well ("rev" attr values)
	this.selectedClassTarget="link" //keyword to indicate which target element to assign "selected" CSS class ("linkparent" or "link")
    this.page_request = null
    this.pageurl = ""
    this.ajaxfriendlyurl = ""	
}

ddajaxtabs.connect=function(pageurl, tabinstance){
//	var page_request = false
	var bustcacheparameter=""
	if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
		try {
		this.page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e){
			try{
			this.page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
		this.page_request = new XMLHttpRequest()
	else
		return false

//	var ajaxfriendlyurl=pageurl.replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/") 
	var _this = this
	this.page_request.onreadystatechange=function(){ddajaxtabs.loadpage(_this.page_request, _this.pageurl, tabinstance)}
	/*if (ddajaxtabssettings.bustcachevar) //if bust caching of external page
		bustcacheparameter=(ajaxfriendlyurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()*/
	//page_request.open('GET', ajaxfriendlyurl+bustcacheparameter, true)
	//page_request.send(null)
//	ddajaxtabs.get(ajaxfriendlyurl+bustcacheparameter)
}

ddajaxtabs.get = function (pageurl) {
    this.pageurl = pageurl;
	this.page_request.open("GET", pageurl, true);
	this.page_request.send(null);
}

ddajaxtabs.post = function (pageurl, mapParams) {
	var strParams = "";
    for (var key in mapParams)
	{
		var value = mapParams [key];
		//if (value == null || value == "")
		//	continue;
			
		if (strParams)
	    	strParams += "&";
					
		strParams += key + "=" + encodeURIComponent (value || "");
	}

	this.pageurl = pageurl;
	this.page_request.open ("POST", pageurl, true);
	this.page_request.setRequestHeader ("Content-type", "application/x-www-form-urlencoded");
	this.sendAsync (strParams);

}

ddajaxtabs.sendAsync = function (body) {
	setTimeout (function () { ddajaxtabs.page_request.send (body || null); }, 1);
}

ddajaxtabs.loadpage=function(page_request, pageurl, tabinstance){
    var divId=tabinstance.contentdivid
    this.page_request = page_request
    this.pageurl = pageurl
    if (typeof(divId) != "undefined") 
	    document.getElementById(divId).innerHTML=ddajaxtabssettings.loadstatustext //Display "fetching page message"
	else divId.innerHTML = ddajaxtabssettings.loadstatustext
	if (this.page_request.readyState == 4 && (this.page_request.status==200 || window.location.href.indexOf("http")==-1)){
		document.getElementById(divId).innerHTML=this.page_request.responseText
        document.getElementById(divId).setAttribute("href",pageurl)
		_this = this
		ddajaxtabs.ajaxpageloadaction(_this.page_request, _this.pageurl, tabinstance)
	}
}

ddajaxtabs.ajaxpageloadaction=function(page_request, pageurl, tabinstance){
    this.page_quest = page_request
    this.pageurl = pageurl
    _this = this
	ddajaxtabs.replacecontent(_this.page_request, _this.pageurl, tabinstance)
	tabinstance.onajaxpageload(_this.page_request, _this.pageurl) //call user customized onajaxpageload() function when an ajax page is fetched/ loaded
}

ddajaxtabs.getCookie=function(Name){ 
	var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
	if (document.cookie.match(re)) //if cookie found
		return document.cookie.match(re)[0].split("=")[1] //return its value
	return ""
}

ddajaxtabs.setCookie=function(name, value){
	document.cookie = name+"="+value+";path=" //cookie value is domain wide (path=/)
}

ddajaxtabs.replacecontent = function(req, strURL, tabinstance) {
    	
    	// simple: replace the content
		var strHTML = req.responseText;
		var _elt = document.getElementById(tabinstance.contentdivid);
		_elt.innerHTML = strHTML;

		// search for & fixup forms
		var rgForms = _elt.getElementsByTagName ("form");
		var cForms = rgForms.length;
		for (var iForm = 0; iForm < cForms; iForm ++)
		{
			var eltForm = rgForms [iForm];
			
			// fixup the form's action
			var strAction = eltForm.getAttribute ("action");
			if (strURL.toLowerCase ().lastIndexOf (strAction.toLowerCase ()) == strURL.length - strAction.length)
				eltForm.action = strURL;

			// remember any submit handler specified in the markup
			var fnOldSubmit = eltForm.onsubmit;
			var _this = this
			// replace the submit handler with our own custom handler
			eltForm.onsubmit = function (evt)
			{
				// this code is called when the user submits the form
				try
				{
					evt = evt || window.event;
					
					// call original onsubmit handler
					if (fnOldSubmit && !fnOldSubmit (evt))
						return false;	// user code cancelled the form post

					// fake up form post
					// basically, we read through the interesting form elements
					// generating key=value pairs togo into the body of the Ajax request
					
					// these are the elements we're going to use
					var rgFormElts = [];
					
					// get the target element of the event that caused the form post
					var eltTarget = document.activeElement || evt.explicitOriginalTarget;
					
					// find all the <input/> elements
					var rgInputs = eltForm.getElementsByTagName ("input");
					var cInputs = rgInputs.length;
					for (var iInput = 0; iInput < cInputs; iInput++)
					{
						var eltInput = rgInputs [iInput];

						switch (String (eltInput.type))
						{
							case "submit":
								// for submit buttons, we only want to send the one that the user clicked on
								if (eltInput == eltTarget)
									rgFormElts.push (eltInput);
								break;
							
							case "checkbox":
							case "radio":
								// only send the selected checkbox/radio buttons
								if (eltInput.checked)
									rgFormElts.push (eltInput);
								break;
							
							case "image":
							case "button":
								// we don't support clicking on these!
								if (eltInput == eltTarget)
									alert ("<input type='" + eltInput.type + "' /> not supported!");
								break;
								
							default:
								rgFormElts.push (eltInput);
								break;
						}
					}


					// find all the <textarea/>s
					var rgTextAreas = eltForm.getElementsByTagName ("textarea");
					var cTextAreas = rgTextAreas.length;
					for (var iTextArea = 0; iTextArea < cTextAreas; iTextArea++)
						rgFormElts.push (rgTextAreas [iTextArea]);

					// find all the <select/>s that have a value
					var rgSelects = eltForm.getElementsByTagName ("select");
					var cSelects = rgSelects.length;
					for (var iSelect = 0; iSelect < cSelects; iSelect++)
					{
					    var eltSelect = rgSelects [iSelect];
					    if (eltSelect && eltSelect.value)	// only those with selected values
						    rgFormElts.push (rgSelects [iSelect]);
					}


					// this is the collection of parameters to send to the server
					var mapParams = {};

					// go through the list of the interesting form elements
					var cFormElts = rgFormElts.length;
					for (var iFormElt = 0; iFormElt < cFormElts; iFormElt ++)
					{
						var eltFormElt = rgFormElts [iFormElt];
						
						var key = eltFormElt.name || eltFormElt.id;
						var value = eltFormElt.value;
						
						if (eltFormElt.fDefault)
							value = "";

						// add the key/value pair to the map
						mapParams [key] = value;
					}

					// create/send the request
					//var reqPost = new MyXMLHttpRequest (this.onajaxpageload);					
					ddajaxtabs.connect(strURL, tabinstance);
					ddajaxtabs.post (eltForm.action, mapParams);
					//reqPost.post (eltForm.action, mapParams);

					return false;
				}
				catch (err)
				{
					alert (err);
					return false;
				}
				
				// end onsubmit handler
			}

			// more form fixup code:
			
			// fix <asp:HyperLink> handlers
			var rgLinks = eltForm.getElementsByTagName ("a");
			var cLinks = rgLinks.length;
			for (var iLink = 0; iLink < cLinks; iLink ++)
				FixLink (rgLinks [iLink], eltForm);

			// fix <input/> onclick handlers
			var rgInputs = eltForm.getElementsByTagName ("input");
			var cInputs = rgInputs.length;
			for (var iInput = 0; iInput < cInputs; iInput ++)
				FixInput (rgInputs [iInput], eltForm);
		}
    }
    
ddajaxtabs.prototype={

    connect: function(pageurl, tabinstance){
    //	var page_request = false
        this.pageurl = pageurl
	    var bustcacheparameter=""
	    if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
		    try {
		    this.page_request = new ActiveXObject("Msxml2.XMLHTTP")
		    } 
		    catch (e){
			    try{
			    this.page_request = new ActiveXObject("Microsoft.XMLHTTP")
			    }
			    catch (e){}
		    }
	    }
	    else if (window.XMLHttpRequest) // if Mozilla, Safari etc
		    this.page_request = new XMLHttpRequest()
	    else
		    return false

    	this.ajaxfriendlyurl=this.pageurl.replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/") 
        this.pageurl = this.ajaxfriendlyurl + bustcacheparameter
	    var _this = this
	    this.page_request.onreadystatechange=function(){
	            ddajaxtabs.loadpage(_this.page_request, _this.pageurl, tabinstance)
	    }

      if (ddajaxtabssettings.bustcachevar) //if bust caching of external page
		    bustcacheparameter=(this.ajaxfriendlyurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
      
	  //this.page_request.open('GET', _this.ajaxfriendlyurl+bustcacheparameter, true)
	  //this.page_request.send(null)
	  //this.get(_this.ajaxfriendlyurl+bustcacheparameter)
    },

    get:function (pageurl) {
        this.pageurl = pageurl;
	    this.page_request.open("GET", pageurl, true);
	    this.page_request.send(null);
    },

	expandit:function(tabid_or_position){ //PUBLIC function to select a tab either by its ID or position(int) within its peers
		this.cancelautorun() //stop auto cycling of tabs (if running)
		var tabref=""
		try{
			if (typeof tabid_or_position=="string" && document.getElementById(tabid_or_position).getAttribute("rel")) //if specified tab contains "rel" attr
				tabref=document.getElementById(tabid_or_position)
			else if (parseInt(tabid_or_position)!=NaN && this.tabs[tabid_or_position].getAttribute("rel")) //if specified tab contains "rel" attr
				tabref=this.tabs[tabid_or_position]
		}
		catch(err){//alert("Invalid Tab ID or position entered!")
		}
		if (tabref!="") //if a valid tab is found based on function parameter
			this.expandtab(tabref) //expand this tab
	},

	cycleit:function(dir, autorun){ //PUBLIC function to move foward or backwards through each hot tab (tabinstance.cycleit('foward/back') )
		if (dir=="next"){
			var currentTabIndex=(this.currentTabIndex<this.hottabspositions.length-1)? this.currentTabIndex+1 : 0
		}
		else if (dir=="prev"){
			var currentTabIndex=(this.currentTabIndex>0)? this.currentTabIndex-1 : this.hottabspositions.length-1
		}
		if (typeof autorun=="undefined") //if cycleit() is being called by user, versus autorun() function
			this.cancelautorun() //stop auto cycling of tabs (if running)
		this.expandtab(this.tabs[this.hottabspositions[currentTabIndex]])
	},

	setpersist:function(bool){ //PUBLIC function to toggle persistence feature
			this.enabletabpersistence=bool
	},

	loadajaxpage:function(pageurl){ //PUBLIC function to fetch a page via Ajax and display it within the Tab Content instance's container
		this.connect(pageurl, this)
		this.get(pageurl)
	},

	loadiframepage:function(pageurl){ //PUBLIC function to fetch a page and load it into the IFRAME of the Tab Content instance's container
		this.iframedisplay(pageurl, this.contentdivid)
	},

	setselectedClassTarget:function(objstr){ //PUBLIC function to set which target element to assign "selected" CSS class ("linkparent" or "link")
		this.selectedClassTarget=objstr || "link"
	},

	getselectedClassTarget:function(tabref){ //Returns target element to assign "selected" CSS class to
		return (this.selectedClassTarget==("linkparent".toLowerCase()))? tabref.parentNode : tabref
	},

	urlparamselect:function(tabinterfaceid){
		var result=window.location.search.match(new RegExp(tabinterfaceid+"=(\\d+)", "i")) //check for "?tabinterfaceid=2" in URL
		return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
	},

	onajaxpageload:function(page_request, pageurl){ //PUBLIC Event handler that can invoke custom code whenever an Ajax page has been fetched and displayed
		//do nothing by default
		//ddajaxtabs.replacecontent(page_request,pageurl)
	},

	expandtab:function(tabref){
		var relattrvalue=tabref.getAttribute("rel")
		//Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easy searching through
		var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""
		if (relattrvalue=="#default")
			document.getElementById(this.contentdivid).innerHTML=this.defaultHTML
		else if (relattrvalue=="#iframe")
			this.iframedisplay(tabref.getAttribute("href"), this.contentdivid)
		else {
			this.connect(tabref.getAttribute("href"), this)
			this.get(tabref.getAttribute("href"))
			}
		this.expandrevcontent(associatedrevids)
		for (var i=0; i<this.tabs.length; i++){ //Loop through all tabs, and assign only the selected tab the CSS class "selected"
			this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("href")==tabref.getAttribute("href"))? "selected" : ""
		}
		if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers
			//ddajaxtabs.setCookie(this.tabinterfaceid, tabref.tabposition)
		this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array
	},

	iframedisplay:function(pageurl, contentdivid){
		if (typeof window.frames["_ddajaxtabsiframe-"+contentdivid]!="undefined"){
			try{delete window.frames["_ddajaxtabsiframe-"+contentdivid]} //delete iframe within Tab content container if it exists (due to bug in Firefox)
			catch(err){}
		}
		document.getElementById(contentdivid).innerHTML=this.defaultIframe
		window.frames["_ddajaxtabsiframe-"+contentdivid].location.replace(pageurl) //load desired page into iframe
	},


	expandrevcontent:function(associatedrevids){
		var allrevids=this.revcontentids
		for (var i=0; i<allrevids.length; i++){ //Loop through rev attributes for all tabs in this tab interface
			//if any values stored within associatedrevids matches one within allrevids, expand that DIV, otherwise, contract it
			document.getElementById(allrevids[i]).style.display=(associatedrevids.indexOf(","+allrevids[i]+",")!=-1)? "block" : "none"
		}
	},

	setcurrenttabindex:function(tabposition){ //store current position of tab (within hottabspositions[] array)
		for (var i=0; i<this.hottabspositions.length; i++){
			if (tabposition==this.hottabspositions[i]){
				this.currentTabIndex=i
				break
			}
		}
	},

	autorun:function(){ //function to auto cycle through and select tabs based on a set interval
		this.cycleit('next', true)
	},

	cancelautorun:function(){
		if (typeof this.autoruntimer!="undefined")
			clearInterval(this.autoruntimer)
	},

	init:function(automodeperiod, selectedtab){
		//var persistedtab=ddajaxtabs.getCookie(this.tabinterfaceid) //get position of persisted tab (applicable if persistence is enabled)
		//var selectedtab=-1 //Currently selected tab index (-1 meaning none)
		if (typeof(selectedtab) == "undefined") selectedtab = 0;
		var selectedtabfromurl=this.urlparamselect(this.tabinterfaceid) //returns null or index from: tabcontent.htm?tabinterfaceid=index
		this.automodeperiod=automodeperiod || 0
		this.defaultHTML=document.getElementById(this.contentdivid).innerHTML
		for (var i=0; i<this.tabs.length; i++){
			this.tabs[i].tabposition=i //remember position of tab relative to its peers
			if (this.tabs[i].getAttribute("rel")){
				var tabinstance=this
				this.hottabspositions[this.hottabspositions.length]=i //store position of "hot" tab ("rel" attr defined) relative to its peers
				this.tabs[i].onclick=function(){
					tabinstance.expandtab(this)
					tabinstance.cancelautorun() //stop auto cycling of tabs (if running)
					return false
				}
				if (this.tabs[i].getAttribute("rev")){ //if "rev" attr defined, store each value within "rev" as an array element
					this.revcontentids=this.revcontentids.concat(this.tabs[i].getAttribute("rev").split(/\s*,\s*/))
				}
/*				if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 && parseInt(persistedtab)==i || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){
					selectedtab=i //Selected tab index, if found */
				if (selectedtabfromurl==i || this.enabletabpersistence && selectedtab==-1 || !this.enabletabpersistence && selectedtab==-1 && this.getselectedClassTarget(this.tabs[i]).className=="selected"){
					selectedtab=i //Selected tab index, if found
				}
			}
		} //END for loop
		/*if (selectedtab!=-1) //if a valid default selected tab index is found
			this.expandtab(this.tabs[selectedtab]) //expand selected tab (either from URL parameter, persistent feature, or class="selected" class)
		else //if no valid default selected index found
			this.expandtab(this.tabs[this.hottabspositions[0]]) //Just select first tab that contains a "rel" attr
		*/
		if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){
			this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)
		}
	} //END int() function

} //END Prototype assignment

// injects the results of the ajax call into the content node
// fixes up any ASP.NET forms so that form submits are handled via the ajax mechanism


	// fixup ASP.NET <a/> __doPostBack handlers
	function FixLink (eltLink, eltForm)
	{	
		// get the 'href' attribute
		var strHref = eltLink.getAttribute ("href");
		if (!strHref)
			return;
	
		// match against the ASP.NET __doPostBack pattern
		var rgMatches = _reFixLink.exec (strHref);
		if (!rgMatches)
			return;
		
		// re-write the link to use our onclick handler
		eltLink.href = "#";
		eltLink.onclick = BindCall (this, DoPostBack, eltForm, rgMatches [1], rgMatches [2], eltLink.onclick);
	}
	
	// fixup ASP.NET <input/> __doPostBack handlers
	function FixInput (eltInput, eltForm)
	{	
		// find the ASP.NET onclick function
		var strOnClick = eltInput.attributes && eltInput.attributes ["onclick"] && eltInput.attributes ["onclick"].value;
		if (!strOnClick || strOnClick == "null")
			strOnClick = eltInput.getAttribute ("onclick");
			
		if (!strOnClick)
			return;

		// match against the ASP.NET __doPostBack pattern
		var rgMatches = _reFixInput.exec(strOnClick);
		if (!rgMatches)
			return;

		// replace the onclick handler with our own
		eltInput.onclick = BindCall (this, DoPostBack, eltForm, rgMatches [1], rgMatches [2], null);
	}
	
	// add these public methods to the content element for convenience:
//	_elt.load = BindCall (this, this.load);
//	_elt.setURL = BindCall (this, this.setURL);

var _reFixLink = new RegExp ("javascript:__doPostBack\\('([^']*)','([^']*)'\\)");
var _reFixInput = new RegExp ("javascript:setTimeout\\('__doPostBack\\(\\\\'([^']*)\\\\',\\\\'([^']*)\\\\'\\)");


	// this is the replacement for the ASP.NET '__doPostBack' function
	// we call any pre-existing onclick handlers, then execute our custom form posting code
	function DoPostBack (eltForm, strTarget, strArgument, fnOldOnClick, evt) {

		// call any user-specified onclick handler
		if (fnOldOnClick && !fnOldOnClick (evt))
			return false;	// the handler returned false, abort form post

		// ASP.NET uses these hidden input values to call the correct postback handlers
		eltForm.__EVENTTARGET.value = strTarget;
		eltForm.__EVENTARGUMENT.value = strArgument;

		// fire the 'real' form submit even - this will call our custom form posting code
		if (eltForm.fireEvent) {
		    return eltForm.fireEvent("onsubmit", evt);
		}
		else {
		    return eltForm.onsubmit(evt);
		}
	}

function pSearchPanel (p, elt) {
    var ajaxtabs = new ddajaxtabs ("ajaxtabs","ajaxcontainer");
    var url = document.getElementById(ajaxtabs.contentdivid).getAttribute("href");

   	var rgParts = url.split ('?');
	var qs = ParseQueryString (rgParts [1]);
	qs ['p'] = p;
    ajaxtabs.loadajaxpage(rgParts [0] + '?' + BuildQueryString (qs));
    return false;
}