//** 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 loadedUrl;
var loadedFormElements;
var loadedFormElementsArray = new Array();

var ddajaxtabssettings={}
//2vi was 1
ddajaxtabssettings.bustcachevar=1  //bust potential caching of external pages after initial request? (1=yes, 0=no)
ddajaxtabssettings.loadstatustext="<img src='/assets/layout/ajaxtabs/loading.gif' /> Requesting content..." //#For Live
//ddajaxtabssettings.loadstatustext="<img src='http://mvrm.nextbridge.org/mvrm/assets/layout/ajaxtabs/loading.gif' /> Requesting content..." 


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

function ddajaxtabs(tabinterfaceid, contentdivid){
	//alert("ddajaxtabs");
	this.tabinterfaceid=tabinterfaceid //ID of Tab Menu main container
	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")
	//document.write('Before Loding Tab:\n' + contentdivid);
	//alert('Before Loding Tab:\n' + contentdivid + "\nBasit");	
}

ddajaxtabs.connect=function(pageurl, tabinstance){
	if( document.propertiesdetails )
	{
		if(document.propertiesdetails.elements.length > 10)
		{
			var formChanged = 0;
			var currentFormElements = document.propertiesdetails.elements;
			var posting_elements = '';
			
			for (var i=0; i <= currentFormElements.length - 1; i++)
			{
				include_element = 1;
				current_element_name = currentFormElements[i].name;
				current_element = currentFormElements[i].value;
				current_element_to_compare = currentFormElements[i].value;
				
				/*if(current_element_name == 'int_villa' || current_element_name == 'holiday_avail' || current_element_name == 'real_estate')
				{
					alert("current_element_name: " + current_element_name + "\ncurrent_element: " + current_element + "\ncurrent_element check: " + currentFormElements[i].checked)
				}*/
				
				loaded_element = loadedFormElementsArray[current_element_name]
				
				// Starts Changes (On July 1st, 2009)
				if(currentFormElements[i].type == 'checkbox')
				{
					current_element_to_compare = currentFormElements[i].checked;
					
					if(current_element_to_compare == false)
					{
						include_element = 0;
					}
				}
				 
				if( current_element_name == "description" )
				{
					if(loadedUrl.match("/details/") == "/details/" && loadedUrl.match("/details/") != null)
					{
						//alert('description In C&B' + "\npageurl" + pageurl + "\nMatch:- " + pageurl.match("/details/") + "\n\nloadedUrl:- " + loadedUrl);
						current_element = trim(tinyMCE.activeEditor.getContent());
					}
					
					//if("<p>" + trim(loaded_element) + "</p>" != current_element)
					if(trim(loaded_element) != trim(current_element))
					{
						//alert("current_element_name:- " + current_element_name "\nloaded_element:- " + loaded_element "\n\n\ncurrent_element_name:- " + current_element_name "\ncurrent_element:- " + current_element);
						formChanged = 1;
					}
					current_element = encodeURIComponent(current_element);
				}
				else if (loadedUrl.match("/bookings") == "/bookings"){
					//alert('loaded'+loaded_element);
					//alert('current'+current_element_to_compare);
					if ((loaded_element != 'New Booking') && (loaded_element != 'name'))
					{
						//alert('i am here');
						
						if(loaded_element != current_element_to_compare){
							//alert('in');
							formChanged = 1;
						}
					}
				}
				else
				{
					if(loaded_element != current_element_to_compare)
					{
						//alert("current_element_name:- " + current_element_name "\nloaded_element:- " + loaded_element "\n\n\ncurrent_element_name:- " + current_element_name "\ncurrent_element:- " + current_element_to_compare);
						formChanged = 1;
					}
				}
				// Endss Changes (On July 1st, 2009)
				
				if(include_element == 1)
				{
					if(posting_elements != '') { posting_elements += "\n&"; }
					posting_elements += current_element_name + "=" + current_element;
				}
			}
			posting_elements += "\n&tabswitch=ajaxpost";
			
			if(formChanged == 1 && loadedUrl.match("/bookings/") == null)
			{
				if(confirm('Save Changes ?'))
				{
					var html = $.ajax({
					//url: "<?php echo $this->baseUrl();?>/propertiesdetails/rateparticipant?" + posting_elements,
					url: document.propertiesdetails.action,
					//url: "",
					type: 'POST',
					data: posting_elements,
					async: false
					}).responseText;
					//alert(html);
					//document.write(html);
					//if(!html)
						//{ alert( html ); }
						//document.write(html);
					
					/*$(".content").slideUp("slow");
						var content_show = $(this).attr("title"); //retrieve title of link so we can compare with php file 
							$.ajax({ 
							method: "get",url: "<?php echo $this->baseUrl();?>/propertiesdetails/rateparticipant",data: posting_elements,
							//async: false
							beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked 
							complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
							success: function(html){ //so, if data is retrieved, store it in html 
							alert(html);
							$(".content").show("slow"); //animation 
							$(".content").html(html); //show the html inside .content div 
						} 
					}); //close $.ajax(*/
				}
			}else {'Not Changed!!!!'}
		}
	}
		
	var page_request = false
	var bustcacheparameter=""
	if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
		try {
		page_request = new ActiveXObject("Msxml2.XMLHTTP")
		} 
		catch (e){
			try{
			page_request = new ActiveXObject("Microsoft.XMLHTTP")
			}
			catch (e){}
		}
	}
	else if (window.XMLHttpRequest) // if Mozilla, Safari etc
		page_request = new XMLHttpRequest()
	else
		return false

	var host_var = window.location.hostname
	/** Starts Added By Imran for Local property configuration */
/*	if (host_var == 'mvrm.nextbridge.org')
		host_var = host_var+':8080'
*/
	/** Ends Added By Imran for Local property configuration */
	
	/* Starts To show/hide buttons on tab switch (Comment and Btn Divs added By Muhammad Imran August 21, 2009)*/
	//alert( 'here 1' );
	if (pageurl.indexOf("/bookings/sid/") != -1 ){
		//alert( 'here' );
		document.getElementById('save_form_top').style.display='none';
		document.getElementById('apply_form_top').style.display='none';
		document.getElementById('reset_form_top').style.display='none';
	}else if(pageurl.indexOf("/general/sid/") != -1 || pageurl.indexOf("/details/sid/") != -1 || pageurl.indexOf("/seasons_rates/sid/") != -1 || pageurl.indexOf("/media/sid/") != -1 || pageurl.indexOf("/bookings/sid/") != -1 || pageurl.indexOf("/specials/sid/") != -1 || pageurl.indexOf("/maps/sid/") != -1 || pageurl.indexOf("/guestbook/sid/") != -1){
		document.getElementById('save_form_top').style.display='block';		
		document.getElementById('apply_form_top').style.display='block';		
		document.getElementById('reset_form_top').style.display='block';		
	}
	/* Ends To show/hide buttons on tab switch (Comment and Btn Divs added By Muhammad Imran August 21, 2009)*/

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

ddajaxtabs.loadpage=function(page_request, pageurl, tabinstance){
	var divId=tabinstance.contentdivid
	document.getElementById(divId).innerHTML=ddajaxtabssettings.loadstatustext //Display "fetching page message"
	if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
		document.getElementById(divId).innerHTML=page_request.responseText
		ddajaxtabs.ajaxpageloadaction(pageurl, tabinstance)
	}
	//alert("ddajaxtabs.loadpage\nDiv ID:- " + divId);
}

ddajaxtabs.ajaxpageloadaction=function(pageurl, tabinstance){	//alert('Begining Loding Tab');
	loadedUrl = pageurl;
	
	if(document.propertiesdetails == null) return;
	loadedFormElements = document.propertiesdetails.elements;
	
	if(document.propertiesdetails.elements == null) return;
	
	
	for (var i=0; i <= loadedFormElements.length - 1; i++)
	{
		loaded_element = loadedFormElements[i].value;
		loaded_element_name = loadedFormElements[i].name;
		
		// Starts Changes (On July 1st, 2009)
		if(loadedFormElements[i].type == 'checkbox')
		{
			loaded_element = loadedFormElements[i].checked;
			//alert(i + "\n\nType: " + loadedFormElements[i].type +"\nChecked: " + loaded_element +"\nName: " + loadedFormElements[i].name + "\nValue: " + loadedFormElements[i].value);
		}
		// Endss Changes (On July 1st, 2009)
		
		loadedFormElementsArray[loaded_element_name] = loaded_element;		
	}

	tabinstance.onajaxpageload(pageurl) //call user customized onajaxpageload() function when an ajax page is fetched/ loaded
	
//(Starts On June 30th, 2009)
	//alert('Before Visiablity:- ' + document.getElementById('disp_msg').style.visibility);
	if(typeof(already_exists) != "undefined" && already_exists == 1)
	{
		document.getElementById('disp_msg').style.visibility = 'visible';
		document.getElementById('inner_disp_msg').innerHTML = "The property '" + posted_name + "' already exists on the server.";
	}
	//alert('After Visiablity:- ' + document.getElementById('disp_msg').style.visibility);
//(Ends On June 30th, 2009)
}

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

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

ddajaxtabs.prototype={
	//alert("ddajaxtabs.prototype");
	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
		ddajaxtabs.connect(pageurl, this)
	},

	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(pageurl){ //PUBLIC Event handler that can invoke custom code whenever an Ajax page has been fetched and displayed
		//do nothing by default
		
		//init the page (primarily for tiny mce editors)
		initPage(); // tiny mce callback
		
		if (pageurl.search(/maps/) != -1) {
			initAutoSuggest(layoutdir_url); // Auto Suggest callback
		}
		
		// do this on the map tab only
		if(pageurl.search(/maps/) != -1){
			//Live_Render(); // render live map
			//Google_Render(); // render live map
		}
	},

	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
			ddajaxtabs.connect(tabref.getAttribute("href"), this)
		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){
		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)
		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
				}
			}
		} //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
//alert("After:- " + temm);
//alert(document.propertiesdetails.elements.length);