// JavaScript Document
//function updatenav_new()
$(document).ready(function () {
	/*	Assumes elements are in list */
	var i=0;
	var thePath = window.location.href;
	var thePageName = thePath.substring(thePath.lastIndexOf('/') + 1);
	var theRow		= document.getElementById("theMenu");
	var numColumns	= theRow.childNodes.length;
	var isIE6 = navigator.userAgent.toLowerCase().indexOf('msie') != -1;
	var portMenu	= 3;
	if (isIE6){
		portMenu=1;
	}
	var theItem;
	var theRef;
	var thePageRef;
	
	for (i=0; i<numColumns; i++) 
		{
		theItem		= theRow.childNodes[i];	
		theRef 		= theItem.firstChild;
		if(theRef != null)
			{
			thePageRef	= theRef.href.substring(theRef.href.lastIndexOf('/') + 1);
			//alert(thePageName+', '+thePageRef);
			if( (thePageName==thePageRef)||( (thePageName.indexOf('_port')>0)&&(i==portMenu) ) )
				{
				theRef.id = "current";
				if(theItem.className == "parent") 
					{
					theItem.className = "parent active";
					} 
				else 
					{
					theItem.className = "active"
					}
				}
			}
		}
});

/* using jQuery to make the tab table */
/* using jQuery to handle the tabs    */
//$(function () {
$(document).ready(function(){
	var tabContainers 	= $('div.gallery3, div.gallery2'); // contains the divs which we are going to page
	if(tabContainers.length<2){return false};
	// first cell has left arrow
	// one cell with href for each div in tabContainers
	// last cell has right arrow
	var theLink;
	var theLabel;
	var tabHolder		= $('div.main.subInfo');
	tabHolder.append("<table class='tabHolder'><tr id='tabRow'></tr></table><br />");
	$('tr#tabRow').append("<td class='leftArrow'>&nbsp;</td>");
	$('tr#tabRow').append("<td id='tabs'></td>");
	for (i=0; i< tabContainers.length; i++){
		theLink = tabContainers.eq(i).attr('id');
		if(tabContainers.eq(i).attr('navLabel')!=null){
			theLabel=tabContainers.eq(i).attr('navLabel')}
		else{
			theLabel=i+1};
		$('td#tabs').append("<a href='#"+theLink+"'>&nbsp;"+theLabel+"&nbsp;</a>");
	}
	$('tr#tabRow').append("<td class='rightArrow'>&nbsp;</td>");
	
/* using jQuery to handle the tabs    */	
	var tabButtons 		= $('div.subInfo a');
	var tabPointers		= $('div.subInfo td');
	var tabLeft			= tabPointers.filter(':first');
	var tabRight		= tabPointers.filter(':last');
	var which_page=gup('the_page');
	
	tabButtons.click(function () {
		tabContainers.hide();
		tabContainers.filter(this.hash).show();
		tabButtons.removeClass('navmenuhi');
		tabButtons.addClass('navmenu');
		$(this).removeClass('navmenu');
		$(this).addClass('navmenuhi');
		return false;
	}).filter(':first').click();
	if(which_page!=""){tabButtons.eq(which_page-1).click()};
	
	
	/* handle the left arrow */
	
	tabLeft.click(function () {
		var tabCurrent	= $('div.subInfo a.navmenuhi');
		var tabPrev;
		var tabFirst = tabButtons.filter(':first');
		/*if(tabCurrent.attr('href') != tabFirst.attr('href')) {*/
		if(tabCurrent[0].hash != tabFirst[0].hash) {
			tabPrev = tabCurrent.prev();
			tabCurrent.removeClass('navmenuhi');tabCurrent.addClass('navmenu');
			tabPrev.removeClass('navmenu');tabPrev.addClass('navmenuhi');
			tabContainers.hide();
			/*tabContainers.filter(tabPrev.attr('href')).show();*/
			tabContainers.filter(tabPrev[0].hash).show();
			
		}
	});
	
	/*tabLeft.hover(function () {
		$(this).css({backgroundImage:'url(../images/EGSliderLeftArrowGray.jpg)'});
	},function () {
		$(this).css({backgroundImage:'url(../images/EGSliderLeftArrowGrayDisabled.jpg)'});
	});*/
	
	/* handle the right arrow */
	
	tabRight.click(function () {
		var tabCurrent	= $('div.subInfo a.navmenuhi');
		var tabNext;
		var tabLast = tabButtons.filter(':last');
		if(tabCurrent[0].hash != tabLast[0].hash) {
			tabNext = tabCurrent.next();
			tabCurrent.removeClass('navmenuhi');tabCurrent.addClass('navmenu');
			tabNext.removeClass('navmenu');tabNext.addClass('navmenuhi');
			tabContainers.hide();
			/*tabContainers.filter(tabNext.attr('href')).show();*/
			tabContainers.filter(tabNext[0].hash).show();
		}						  
	});
	
	/*tabRight.hover(function () {
		$(this).css({backgroundImage:'url(../images/EGSliderRightArrowGray.jpg)'});
	},function () {
		$(this).css({backgroundImage:'url(../images/EGSliderRightArrowGrayDisabled.jpg)'});
	});*/
});