﻿function switchTab(e)
{
	target = $(eventTarget(e));		// see which tab was clicked
	var oldTab = $(".selected");		// get the currently selected tab
	if(oldTab.attr("id") != target.attr("id"))	// if the IDs are different, we switch them
	{
		switch(oldTab.attr("id"))
		{
			case "tab1":
				oldTab.css({zIndex:2});
				break;
			case "tab2":
				oldTab.css({zIndex:3});
				break;
			case "tab3":
				oldTab.css({zIndex:1});
				break;				
		}
		// var projectId = target.attr("id");
		// projectId = projectId.substring(projectId.length-1);
		$("#"+oldTab.attr("rel")).fadeOut(function(){$("#"+target.attr("rel")).fadeIn();});
		oldTab.removeClass("selected");
		target.addClass("selected");
		target.css({zIndex:4});		// make the clicked tab on top		
	}
	return false;
}
/*----------------------------*/

// duplicate of Tab function with "sample" case instead - used in portfolio
function switchTabPortfolio(e)
{
	target = $(eventTarget(e));		// see which tab was clicked
	var oldTab = $(".portfolio_selected");		// get the currently selected tab
	if(oldTab.attr("id") != target.attr("id"))	// if the IDs are different, we switch them
	{
		switch(oldTab.attr("id"))
		{
		case "ptab1":
				oldTab.css({zIndex:1});
				break;
		case "ptab2":
				oldTab.css({zIndex:1});
				break;
		case "ptab3":
				oldTab.css({zIndex:1});
				break;				
		case "ptab4":
				oldTab.css({zIndex:1});
				break;
	  case "ptab5":
		oldTab.css({zIndex:1});
		break;
	  case "ptab6":
		oldTab.css({zIndex:1});
		break;
	  case "ptab7":
		oldTab.css({zIndex:1});
		break;
	  case "ptab8":
		oldTab.css({zIndex:1});
		break;
		}
		// var projectId = target.attr("id");
		// projectId = projectId.substring(projectId.length-1);
		$("#"+oldTab.attr("rel")).fadeOut(function(){$("#"+target.attr("rel")).fadeIn();});
		oldTab.removeClass("portfolio_selected");
		target.addClass("portfolio_selected");
		target.css({zIndex:4});		// make the clicked tab on top		
	}
	return false;
}
/*----------------------------*/

// gets event target so we know which link is being moused over
function eventTarget(e)
{
	if (!e)
		var e = window.event;
	if (e.target)
		targ = e.target;
	else if(e.srcElement)
		targ = e.srcElement;
	if (targ.nodeType == 3)		// defeat Safari bug
		targ = targ.parentNode;
	return targ;	
}
/*-----------------------------*/