$(document).ready(function(){
	setupHomePortfolio();
	setupBigPortfolio();
	$('ul.portfolioSmall').slideDown('fast');
	backgroundRandomiser();
	$('a.xWindow').click(function(){
		window.open($(this).attr("href"),'newWindow');
		return false;
	});
});

function backgroundRandomiser(){
	var randomnumber=Math.floor(Math.random()*6)
	$('body').addClass('bg'+randomnumber)
};
var t;
function setupBigPortfolio(){
	$('ul#mainFolio li').each(function(){
		$(this).css({"top":"-"+$(this).height()+"px"})
	});
	$('ul#mainFolioList li a').hover(
		function(){$(this).css({"opacity":"1"});},function(){$(this).css({"opacity":"0.6"});}
	)
	$('ul#mainFolioList li a').click(function(){
		var curLi = $(this);
		var curBig = $(this).attr('href');
		var openBig = $('ul#mainFolioList li a.open').attr('href');
		//$('ul#mainFolio').animate({"height":$('ul#mainFolio li'+curBig).height()},"fast",'linear',function(){
			//$('div#inWrap').css({"bottom":"330px"});
		//});
		if($('ul#mainFolio').is('.animating')){return false}else{
		if($('ul#mainFolioList li a.open').length == 1){
			$('ul#mainFolio').addClass('animating');
			$('ul#mainFolio li'+openBig).animate({'top':"-"+$('ul#mainFolio li'+openBig).height()+"px"},"slow",'easeInExpo');
			$('ul#mainFolioList li a.open').removeClass('open').animate({'top':'0px'},'slow','easeInExpo',
				function(){
					curLi.animate({'top':'100px'},'slow','easeInExpo').addClass('open');
					$('ul#mainFolio li'+curBig).animate({'top':'0px'},"slow",'easeInExpo',function(){$('ul#mainFolio').removeClass('animating');});
				}
			);
		}else{
			curLi.animate({'top':'100px'},'slow','easeInExpo').addClass('open');
			$('ul#mainFolio li'+curBig).animate({'top':'0px'},"slow",'easeInExpo',function(){$('ul#mainFolio').removeClass('animating')});
		};
		
		return false;
		};
	});
	var urlVar = window.location.href.split("?");
	if(urlVar[1]){
		var linkurl = '#'+urlVar[1]
		$('ul#mainFolioList li a[href='+linkurl+']').click();
	}else{
		$('ul#mainFolioList li a:first').click();
	}
}
function setupHomePortfolio(){
	var firstLiWidth = parseInt($('ul#portfolioSmall li:first').css("width"));
	var liNumber = $('ul#portfolioSmall li').length;
	window.t = setTimeout(moveLeftLoop,5000);
	$('ul#portfolioSmall').width(firstLiWidth * liNumber);
	$('ul#portfolioSmall li:first').css({"margin-left":0});
	$('ul#portfolioSmall').slideDown('fast');
	$('ul#portfolioSmall li').each(function(i){
		$(this).css({'z-index':100-i, "margin-top":8*i});
	});
	$('a.left').click(function(){moveRight();return false});
	$('a.right').click(function(){moveLeft();return false});
	$('div.portfolioWidget').hover(function(){
		$(this).addClass('hovered');
		if(window.t){clearTimeout(window.t)};
	},function(){
		$(this).removeClass('hovered'); 
		if(window.t){clearTimeout(window.t)};
		window.t = setTimeout(moveLeftLoop,5000);; 
		})
	$('ul#portfolioSmall li').click(function(){
		var newLoc = $(this).children('img').attr('longdesc');
		window.location=newLoc
	});
		
}
function moveLeftLoop(){
	if($('div.portfolioWidget').is('.hovered')){
		if(t){clearTimeout(t)};
	}else{
		if(t){clearTimeout(t)};
		if(window.t){clearTimeout(window.t)};
		moveLeft();
		window.t = setTimeout(moveLeftLoop,5000);}
	}
function moveLeft(){
	$('ul#portfolioSmall li:first').fadeOut("fast",function(){
		$(this).next().animate({"marginLeft":50},0000001,"linear",function(){
			$(this).animate({"marginLeft":0},1000,"easeOutExpo"); 
			$(this).parents('ul').animate({"marginTop":-8},1000,"easeOutExpo",function(){
				$('ul#portfolioSmall').css({"marginTop":0});
				$('ul#portfolioSmall li').each(function(i){
					$(this).css({"margin-top":8*i});
				});
			});
		});
		$(this).css({"marginLeft":-150,"marginTop":$('ul#portfolioSmall li').length * 8}).show().insertAfter('ul#portfolioSmall li:last');
		$('ul#portfolioSmall li').each(function(i){
			$(this).css({'z-index':100-i});
		});
	});
}
function moveRight(){
	if($('ul#portfolioSmall li').is(':animated')){return false;}else{
		$('ul#portfolioSmall').animate({"marginTop":8},500)
		$('ul#portfolioSmall li:first').animate({"marginLeft":50},500,"easeOutQuad",function(){
			$('ul#portfolioSmall li:last').fadeOut(000000001,function(){
			$(this).css({"marginLeft":0}).insertBefore('ul#portfolioSmall li:first');
			$('ul#portfolioSmall li:first').next().css({"marginLeft":-150});
			$('ul#portfolioSmall').css({"marginTop":0});
				$('ul#portfolioSmall li').each(function(i){
					$(this).css({"margin-top":8*i});
				});
			$(this).fadeIn("fast");
			$('ul#portfolioSmall li').each(function(i){
				$(this).css('z-index',100-i);
			});
			})
		});
	};
	
}