//** Tab Content script v2.0- ?Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Updated Oct 7th, 07 to version 2.0. Contains numerous improvements:
//   -Added Auto Mode: Script auto rotates the tabs based on an interval, until a tab is explicitly selected
//   -Ability to expand/contract arbitrary DIVs on the page as the tabbed content is expanded/ contracted
//   -Ability to dynamically select a tab either based on its position within its peers, or its ID attribute (give the target tab one 1st)
//   -Ability to set where the CSS classname "selected" get assigned- either to the target tab's link ("A"), or its parent container
//** Updated Feb 18th, 08 to version 2.1: Adds a "tabinstance.cycleit(dir)" method to cycle forward or backward between tabs dynamically
//** 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)

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

function shadetabsddtabcontent(tabinterfaceid){

	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.enabletabonmouseover=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.subcontentids=[] //Array to store ids of the sub contents ("rel" attr values)
	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")
}

shadetabsddtabcontent.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 ""
}

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

shadetabsddtabcontent.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
	},

	setonmouseover:function(bool){ //PUBLIC function to toggle on mouse over feature
			this.enabletabonmouseover=bool
	},

    hidetabs:function(bool){ //PUBLIC function to disable tabs, added by trabis
            if(bool){
                obj=document.getElementById(this.tabinterfaceid)
                obj.style.display = "none"
           }
	},


	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
	},

	expandtab:function(tabref){
		var subcontentid=tabref.getAttribute("rel") //Get id of subcontent to expand
		//Get "rev" attr as a string of IDs in the format ",john,george,trey,etc," to easily search through
		var associatedrevids=(tabref.getAttribute("rev"))? ","+tabref.getAttribute("rev").replace(/\s+/, "")+"," : ""
		this.expandsubcontent(subcontentid)
		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 "tabs-selected"
		   //  alert('atbid:'+ this.tabs[i].getAttribute("rel") +'subid:' + subcontentid);
		 //  if(subcontentid!='tab-27-1259030088')
			this.getselectedClassTarget(this.tabs[i]).className=(this.tabs[i].getAttribute("rel")==subcontentid)? "tabs-selected" : ""


		}
		if (this.enabletabpersistence) //if persistence enabled, save selected tab position(int) relative to its peers
			shadetabsddtabcontent.setCookie(this.tabinterfaceid, tabref.tabposition)
		this.setcurrenttabindex(tabref.tabposition) //remember position of selected tab within hottabspositions[] array
	},

	expandsubcontent:function(subcontentid){
		for (var i=0; i<this.subcontentids.length; i++){

			var subcontent=document.getElementById(this.subcontentids[i]) //cache current subcontent obj (in for loop)
			subcontent.style.display=(subcontent.id==subcontentid)? "block" : "none"

			//"show" or hide sub content based on matching id attr value

		}
	},

	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
            //if id exist check - added by trabis
            if(document.getElementById(allrevids[i]) != null){
              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=shadetabsddtabcontent.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
		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.subcontentids[this.subcontentids.length]=this.tabs[i].getAttribute("rel") //store id of sub content ("rel" attr value)

                if (this.tabs[i].getAttribute("href").indexOf('#') >= 0){
                this.tabs[i].onclick=function(){
					tabinstance.expandtab(this)
					tabinstance.cancelautorun() //stop auto cycling of tabs (if running)
					return false
				}
				}
				//added by trabis
				if (this.enabletabonmouseover){

				    this.tabs[i].onmouseover=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=="tabs-selected"){
					selectedtab=i //Selected tab index, if found
				}
			}

		} //END for loop

        if (parseInt(this.automodeperiod)>500 && this.hottabspositions.length>1){
			this.autoruntimer=setInterval(function(){tabinstance.autorun()}, this.automodeperiod)
		}

		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="tabs-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
        }
	} //END int() function
} //END Prototype assignment

//alert(getClientNav());

	/*YUI().use("node", function(Y) {

	    alert(Y.one("#tabscontents-1259030088 ul"));
	});
*/
YUI().use('node-base', function(Y) {


      Y.on('domready', initMenus);


    function  initMenus(){
         //alert('aa');
		  Y.one('#div_menus_area').setAttribute('class' , 'div_menus_area_prepare');

	}


});

YUI().use("event-mouseenter", function(Y) {


	Y.on("mouseleave", function (e) {

		 var nodesLi ;
		//  alert(document.getElementById('tabscontents-1259030088').id);
		 // alert(Y.one('#tabscontents-1259030088'));
		 if (getOS()==1 && getClientNav()<7)
		{
			   Y.one('#shadetabsul').removeClass('shadetabs-menuUlIe6');
		    Y.all('.shadetabs-content').removeClass('div_menus_area');
		}

		 /* >=IE8 WITH  documentMode>=8 OR NOT IE*/
		  if (getOS()==1 && getClientNav()>=8 && getClientEngineMode ()>=8 || getOS()>1)
             nodesLi = Y.all('#tabscontents-1259030088 ul li');

          /* <IE8 OR IE8 WITH documentMode<8*/
		  if (getOS()==1 && getClientNav()>5.5 && getClientNav()<8 || getOS()==1 && getClientNav()>=8 && getClientEngineMode ()<8) {
			  nodesLi  = Y.all('.shadetabsMenus')  ;
			//  alert( nodesLi );
		  }
	   // node = Y.one('#tabscontents-1259030088 ul');
		//alert(node.hasChildNodes());
		//var nodelis = node.getElementsByTagName('li');

		//alert(node.getAttribute('class'));
		// alert(nodesLi.getAttribute('class'));

        	//	alert(currentNodeRelDivObjs.length);

		nodesLi.each(function(currentNode , nodeIndex , nl)
		{

             var currentNodeRelDiv;

			  /*for IE6 , IE7*/
			 if(currentNode.one('a')==null)
			{
				 var currentNodeRelDivObjs = document.getElementsByName('shadetabsMenusLiA');

				// alert('null '+currentNodeRelDivObjs[nodeIndex].getAttribute('rel'));
				 currentNodeRelDiv = currentNodeRelDivObjs[nodeIndex].getAttribute('rel') ;
			}
            else
			currentNodeRelDiv =currentNode.one('a').getAttribute('rel') ;



			if(nodeIndex != 0)
			{

		        if( document.getElementById(currentNodeRelDiv).style.display == 'block')
				{
			       document.getElementById(currentNodeRelDiv).style.display='none' ;

				   /*for IE6 , IE7*/
		          if(currentNode.one('a')==null)
				   {
				    // alert(currentNodeRelDivObjs[nodeIndex].getAttribute('className'));
                     currentNodeRelDivObjs[nodeIndex].setAttribute('className' , '');
				   }
			      else
		             currentNode.one('a').setAttribute('class' , '');
				}

				//alert(document.getElementById(currentNodeRelDiv).style.display);
			}
			else {
				    document.getElementById(currentNodeRelDiv).style.display = 'block' ;
					//document.getElementById(currentNodeRelDiv).style.visibility='hidden';
					//alert(document.getElementById('div_menus_area').style.backgroundImage);
				//	document.getElementById('div_menus_area').style.backgroundImage='';
				  if (getOS()==1 && getClientNav()>=7  || getOS()>1)
					Y.one('#div_menus_area').setAttribute('class' , '');
			}

			//alert(currentNode.one('a').getAttribute('class'));
		}
		);
		//  var lis = Y.NodeList.getDOMNodes ( nodesLi );

	//	 alert('l: '+lis.length );


		 /*
		  for(var i=0 ; i<lis.length ; i++)
		  {
			 // alert(lis[i]);
			    alert(lis[i].getAttribute('class'));
			   if(lis[i].getAttribute('class')=='tabs-selected')
			   {
			      lis[i].removeClass('tabs-selected');
			      var subid =lis[i].get('rel') ;
			 //  Y.one('#firstShadesTab').setAttribute('class' , 'tabs-selected');
			   //    alert(subid);
			      if(document.getElementById(subid).style)
			      {

			    //    var a = subid + ' 1: '+document.getElementById(subid).style.display ;

			        document.getElementById(subid).style.dispaly="none";
			        //alert(a+ ' . '+ ' 2: '+document.getElementById(subid).style.dispaly);
			      }
			   }
			  //Y.one(lis[i]).setStyle("display","none");
		 //alert(lis[i]);
		  }

*/
		//alert("Mouse left: " + this.get("id"));

	}, "#div_menus_search");

});

YUI().use("event-mouseenter", function(Y) {


	Y.on("mouseenter", function (e) {

  if (getOS()==1 && getClientNav()>=7  || getOS()>1)
{

	Y.one('#div_menus_area').setAttribute('class' , 'div_menus_area');
}
  else {
	//Y.one('.shadetabs-content').setAttribute('class' , 'div_menus_area');
//	if (document.getElementsByClassName)
	//	alert('yes'); IE SUPPORTS !
   // alert(Y.one('#shadetabsul'));
   Y.one('#shadetabsul').addClass('shadetabs-menuUlIe6');
   //alert(Y.one('#shadetabsul'));
	Y.all('.shadetabs-content').addClass('div_menus_area');
	//document.getElementByClassName('.shadetabs-content');
  }


	}, "#div_menus_area");

});