function changeTabs() {
	var myHash = this.hash,
		theTagName = this.tagName,
		theClass,
		theWrapper = $('.contentWrapper');
		
		(theTagName == 'H1')?theClass='h1':theClass = this.className;
		//console.log(theClass);
	switch(theClass)
		{
			case 'h1':
				{
					$('#mainNav li a#aboutus').addClass('selected');
					$('#mainNav li a#portfolio, #mainNav li a#clientlist, #mainNav li a#contactus, #mainNav li a#photo').removeClass('selected');
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('aboutUsContent.html')
							.fadeTo(1000,1);
					})
					return false;
				}
				break;
			case 'aboutus':
				{
					$('#mainNav li a#aboutus').addClass('selected');
					$('#mainNav li a#portfolio, #mainNav li a#clientlist, #mainNav li a#contactus, #mainNav li a#photo').removeClass('selected');
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('aboutUsContent.html')
							.fadeTo(1000,1);
					})
					return false;
				}
				break;
			case 'portfolio':
				{
					$(this).addClass('selected');
					$('#mainNav li a#aboutus, #mainNav li a#clientlist, #mainNav li a#contactus, #mainNav li a#photo').removeClass('selected');
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent.html')
							.fadeTo(1000,1);
					})
					return false;
				}
				break;
			case 'clients':
				{
					$(this).addClass('selected');
					$('#mainNav li a#portfolio, #mainNav li a#aboutus, #mainNav li a#contactus, #mainNav li a#photo').removeClass('selected');
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('clientListContent.html')
							.fadeTo(1000,1);
					})
					return false;
				}
				break;
			case 'contactus':
				{
					$(this).addClass('selected');
					$('#mainNav li a#portfolio, #mainNav li a#clientlist, #mainNav li a#aboutus, #mainNav li a#photo').removeClass('selected');
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('contactUsContent.html')
							.fadeTo(1000,1);
					})
					return false;
				}
				break;
			case 'photo':
				{
					$(this).addClass('selected');
					$('#mainNav li a#portfolio, #mainNav li a#clientlist, #mainNav li a#aboutus, #mainNav li a#contactus').removeClass('selected');
					$('#footer').css('display','none');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('photoContent.html')
							.fadeTo(1000,1, sizeEm);
					})
					return false;
				}
				break;
			case 'portfolioDescription':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-1.html')
							.fadeTo(1000,1);
					})
					return false;
				}
					break;
			case 'portfolioBase':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-1.html')
							.fadeTo(1000,1);
					})
					return false;
				}
					break;
			case 'portfolio-1':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-2.html')
							.fadeTo(2500,1);
					})
					return false;
				}
			case 'portfolio-2':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-3.html')
							.fadeTo(2500,1);
					})
					return false;
				}
			case 'portfolio-3':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-4.html')
							.fadeTo(2500,1);
					})
					return false;
				}
			case 'portfolio-4':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-5.html')
							.fadeTo(2500,1);
					})
					return false;
				}
			case 'portfolio-5':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-6.html')
							.fadeTo(2500,1);
					})
					return false;
				}
			case 'portfolio-6':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-7.html')
							.fadeTo(2500,1);
					})
					return false;
				}
			case 'portfolio-7':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-8.html')
							.fadeTo(2500,1);
					})
					return false;
				}
			case 'portfolio-8':
				{
					$('#footer').css('display','block');
					$('.contentWrapper').fadeTo(25,0, function(){
						$('.contentWrapper')
							.load('portfolioContent-1.html')
							.fadeTo(2500,1);
					})
					return false;
				}
					break;
			default:
					break;
		}

	
}
function newPic(e)
{
	var target=e.target,
		myID = target.id,
		myIMG = $("#photoWindow img");
		imgSrc = myIMG.attr("src");
	
	if(myID == "next"){
		switch(imgSrc)
		{
			case "images/ip/pic1.jpg":
				myIMG.attr("src","images/ip/pic2.jpg");
				break;
			case "images/ip/pic2.jpg":
				myIMG.attr("src","images/ip/pic3.jpg");
				break;
			case "images/ip/pic3.jpg":
				myIMG.attr("src","images/ip/pic4.png");
				break;
			case "images/ip/pic4.png":
				myIMG.attr("src","images/ip/pic5.jpg");
				break;
			case "images/ip/pic5.jpg":
				myIMG.attr("src","images/ip/pic6.jpg");
				break;
			case "images/ip/pic6.jpg":
				myIMG.attr("src","images/ip/pic7.jpg");
				break;
			case "images/ip/pic7.jpg":
				myIMG.attr("src","images/ip/pic8.jpg");
				break;
			case "images/ip/pic8.jpg":
				myIMG.attr("src","images/ip/pic9.jpg");
				break;
			case "images/ip/pic9.jpg":
				myIMG.attr("src","images/ip/pic10.jpg");
				break;
			case "images/ip/pic10.jpg":
				myIMG.attr("src","images/ip/pic11.jpg");
				break;
			case "images/ip/pic11.jpg":
				myIMG.attr("src","images/ip/pic1.jpg");
				break;
			default:
			return;
		}
	}
	else if(myID == "prev"){
		switch(imgSrc)
		{
			case "images/ip/pic1.jpg":
				myIMG.attr("src","images/ip/pic11.jpg");
				break;
			case "images/ip/pic2.jpg":
				myIMG.attr("src","images/ip/pic1.jpg");
				break;
			case "images/ip/pic3.jpg":
				myIMG.attr("src","images/ip/pic2.jpg");
				break;
			case "images/ip/pic4.png":
				myIMG.attr("src","images/ip/pic3jpg");
				break;
			case "images/ip/pic5.jpg":
				myIMG.attr("src","images/ip/pic4.png");
				break;
			case "images/ip/pic6.jpg":
				myIMG.attr("src","images/ip/pic5.jpg");
				break;
			case "images/ip/pic7.jpg":
				myIMG.attr("src","images/ip/pic6.jpg");
				break;
			case "images/ip/pic8.jpg":
				myIMG.attr("src","images/ip/pic7.jpg");
				break;
			case "images/ip/pic9.jpg":
				myIMG.attr("src","images/ip/pic8.jpg");
				break;
			case "images/ip/pic10.jpg":
				myIMG.attr("src","images/ip/pic9.jpg");
				break;
			case "images/ip/pic11.jpg":
				myIMG.attr("src","images/ip/pic10.jpg");
				break;
			default:
			return;
		}
	}
	
}
function goToIt()
{
	window.location = "infinite-personality.html";
}
function sizeEm()
{
	var leftCol = $('#left'),
		rightCol = $('#right')
		height_l = $(leftCol).height(),
		padding_t= $(leftCol).css('padding-top');
		height_r = $(rightCol).height();
		newHeight = parseInt(height_l);
		rightCol.css('height',newHeight);
}
function loadIP()
{
	var photos = $('a#photo');
	
	photos.click();
	return false;
}

$(function(){


	/***********************
	*
	*	Controls the mouse over behavior of the nav menu
	*	If is IE defaults to CSS hover behavior and does not
	*	use this script
	*
	*/
	if (!($.browser.msie))
		{
			$('#mainNav li').removeClass('link');
			$('#mainNav a').append('<span class="hover" />').each(function() {
				var $span = $('> span.hover', this).css('opacity', 0);
				$(this).hover(function() {
					
					$span.stop().fadeTo(500,1);
				}, function() {
					$span.stop().fadeTo(500,0);
				});
			});
		}
	$('a, #head h1').live('click',changeTabs);
	$('#ip, #ip a').live('click',loadIP);
	$('a#next, a#prev').live('click',newPic);
	$('div#container #content #ip, #personality #container #left #header h2 a').live('click',goToIt);
});