//** Tab Content script-  Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Last updated: June 29th, 06

var enabletabpersistence=1 //enable tab persistence via session only cookies, so selected tab is remembered?

////NO NEED TO EDIT BELOW////////////////////////
var tabcontentIDs=new Object()

function expandcontent(linkobj){
	var ulid=linkobj.parentNode.parentNode.id //id of UL element
	var ullist=document.getElementById(ulid).getElementsByTagName("li") //get list of LIs corresponding to the tab contents
	for (var i=0; i<ullist.length; i++){
		ullist[i].className="nor"  //deselect all tabs
	if (typeof tabcontentIDs[ulid][i]!="undefined") //if tab content within this array index exists (exception: More tabs than there are tab contents)
		document.getElementById(tabcontentIDs[ulid][i]).style.display="none" //hide all tab contents
	}
	linkobj.parentNode.className="act"  //highlight currently clicked on tab
	document.getElementById(linkobj.getAttribute("rel")).style.display="block" //expand corresponding tab content
	saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}

function savetabcontentids(ulid, relattribute){// save ids of tab content divs
	if (typeof tabcontentIDs[ulid]=="undefined") //if this array doesn't exist yet
		tabcontentIDs[ulid]=new Array()
	tabcontentIDs[ulid][tabcontentIDs[ulid].length]=relattribute
}

function saveselectedtabcontentid(ulid, selectedtabid){ //set id of clicked on tab as selected tab id & enter into cookie
	if (enabletabpersistence==1) //if persistence feature turned on
		setCookie(ulid, selectedtabid)
}

function getullistlinkbyId(ulid, tabcontentid){ //returns a tab link based on the ID of the associated tab content
	var ullist=document.getElementById(ulid).getElementsByTagName("li")
	for (var i=0; i<ullist.length; i++){
		if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel")==tabcontentid){
			return ullist[i].getElementsByTagName("a")[0]
			break
		}
	}
}

function initializetabcontent(){
	for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
		if (enabletabpersistence==0 && getCookie(arguments[i])!="") //clean up cookie if persist=off
			setCookie(arguments[i], "")
		var clickedontab=getCookie(arguments[i]) //retrieve ID of last clicked on tab from cookie, if any
		var ulobj=document.getElementById(arguments[i])
		var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
		for (var x=0; x<ulist.length; x++){ //loop through each LI element
			var ulistlink=ulist[x].getElementsByTagName("a")[0]
				if (ulistlink.getAttribute("rel")){
					savetabcontentids(arguments[i], ulistlink.getAttribute("rel")) //save id of each tab content as loop runs
					ulistlink.onclick=function(){
						expandcontent(this)
						return false
					}
					if (ulist[x].className=="selected" && clickedontab=="") //if a tab is set to be selected by default
						expandcontent(ulistlink) //auto load currenly selected tab content
				}
		} //end inner for loop
		if (clickedontab!=""){ //if a tab has been previously clicked on per the cookie value
			var culistlink=getullistlinkbyId(arguments[i], clickedontab)
		if (typeof culistlink!="undefined") //if match found between tabcontent id and rel attribute value
			expandcontent(culistlink) //auto load currenly selected tab content
		else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
		expandcontent(ulist[0].getElementsByTagName("a")[0]) //just auto load first tab instead
		}
	} //end outer for loop
}


function getCookie(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 ""
}

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

//////////**********************************
	var allServices;
	var tabi = 1;
	var _mystart = -1;
	
	function slideInTab(id) {
		document.getElementById(id).className='no_ok';
		c_tab = 'content_'+id;
		document.getElementById(c_tab).style.display='block';
	}
	
	function slideOutTab(id) {
		document.getElementById(id).className='ok';
		c_tab = 'content_'+id;
		document.getElementById(c_tab).style.display='none';
	}
	
	function autoTab( tabi ){
		switch( tabi ){
			case 1:
				slideInTab('tab1'); slideOutTab('tab2'); slideOutTab('tab3'); slideOutTab('tab4');
			break;
			case 2:
				slideInTab('tab2'); slideOutTab('tab1'); slideOutTab('tab3'); slideOutTab('tab4');
			break;
			case 3:
				slideInTab('tab3'); slideOutTab('tab1'); slideOutTab('tab2'); slideOutTab('tab4');
			break;
			case 4:
				slideInTab('tab4'); slideOutTab('tab1'); slideOutTab('tab2'); slideOutTab('tab3');
			break;
		}
	}

	function hideServices() {
		allServices.slideOut();
	}
	
	function showServices(){
		allServices.slideIn();
	}
	
	function initalize() {		
		allServices = new Fx.Slide($('services'), {duration: 400, mode: 'horizontal', transition: Fx.Transitions.quadInOut});
		/* hide the all-services menu */
		allServices.hide();
		/* redisplay the none-display menu (none-display for designer see the layout better) */
		document.getElementById('serviceContent').style.display = 'block';					
	}