$(function() {

	// Restyle for JS browsers
	 $("link[id=stylesheet]").attr({href : "./css/jsstyle.css"});
	
	
	// JS Actions
	
	$('a.tab').removeClass('active');
	$('#workCol a.tab').addClass('active');
	
	$('#workCol a.tab').click(function() {
		$('.content').hide();
		$('#aboutCol').css({"width":"70px"});
		$('#contactCol').css({"width":"70px"});
		$('#workCol').css({"width":"720px"});
		$('#workCol .content').fadeIn(1000);
		$('a.tab').removeClass('active');
		$(this).addClass('active');
	});
	$('#aboutCol a.tab').click(function() {
		$('.content').hide();
		$('#workCol').css({"width":"70px"});
		$('#contactCol').css({"width":"70px"});
		$('#aboutCol').css({"width":"720px"});
		$('#aboutCol .content').fadeIn(1000);
		$('a.tab').removeClass('active');
		$(this).addClass('active');
	});
	$('#contactCol a.tab').click(function() {
		$('.content').hide();
		$('#aboutCol').css({"width":"70px"});
		$('#workCol').css({"width":"70px"});
		$('#contactCol').css({"width":"720px"});
		$('#contactCol .content').fadeIn(1000);
		$('a.tab').removeClass('active');
		$(this).addClass('active');
	});
	
	
	$('ul#portfolioItems > li').hide();
	$('ul#portfolioItems').find('li:first').show();
	
	$('ul#portfolioLinks > li a').click(function() {
		var n = $('ul#portfolioLinks > li a').index($(this));
		$('ul#portfolioLinks > li a').removeClass('active');
		$(this).addClass('active');
		$('ul#portfolioItems > li').hide();
		$('ul#portfolioItems > li:eq('+n+')').fadeIn(1000);
		return false;
	});
	

	$('ul#aboutMeItems > li').hide();
	$('ul#aboutMeItems').find('li:first').show();
	
	$('ul#aboutMeLinks > li a').click(function() {
		var n = $('ul#aboutMeLinks > li a').index($(this));
		$('ul#aboutMeLinks > li a').removeClass('active');
		$(this).addClass('active');
		$('ul#aboutMeItems > li').hide();
		$('ul#aboutMeItems > li:eq('+n+')').fadeIn(1000);
		return false;
	});
	

});