$(document).ready(
	function(){ 
		var clicked=null;
		var currentPort=0;
		var maxPort=Math.round(($("#portHolder").find('ul').length)/2)-1;
		
		
		$("#portHolder").find('li').css({
			display:'none'
		})
		$("#aboutButton").click(function(){
			if (clicked!=this){
				clicked=this;
				hideMenus();
				$(this).find(".selected").fadeIn('fast');
				$("#about").slideDown('fast');
			}else{
				hideMenus();
				clicked=null;
			}
		})
		$("#portfolioButton").click(function(){
			if (clicked!=this){
				clicked=this;
				hideMenus();
				$(this).find(".selected").fadeIn('fast');
				$("#portfolio").slideDown('fast');
			}else{
				hideMenus();
				clicked=null;
			}
		})
		$("#contactButton").click(function(){
			if (clicked!=this){
				clicked=this;
				hideMenus();
				$(this).find(".selected").fadeIn('fast');
				$("#contact").slideDown('fast');
			}else{
				hideMenus();
				clicked=null;
			}
		})
		
		$("#up").click(function(){
			currentPort=currentPort-1;
			if (currentPort<0) currentPort=maxPort;
			var portHeight=$("#portHolder").outerHeight();
			$("#portHolder").find('.held').animate({
				marginTop: -(currentPort*portHeight)
			},"fast");
		});
		$("#down").click(function(){
			currentPort=currentPort+1;
			if (currentPort>maxPort) currentPort=0;
			var portHeight=$("#portHolder").outerHeight();
			$("#portHolder").find('.held').animate({
				marginTop: -(currentPort*portHeight)
			},"fast");
		});

		function hideMenus(){
			$(".menu").find(".selected").fadeOut('fast');
			$(".content").slideUp('fast');
		}
	}
);	

var ImageList= new Array();
	
function loadPage(id){
	ImageList=[];
	$("#temp").load('?page_id='+id +' img',function(){
		var count=0;
		var Images=$(this).find('img');
		/*alert(Images.length);
		for(var i =0; i!= Images.length;i++){
			alert(Images[i].src);
			
		}*/
		$("#lightBox").fadeIn('fast');
		var controls=$("#lightBoxControls");
		controls.empty();
		for (var i=0;i!=Images.length;i++){
			controls.append('<span rel="' +Images[i].src+'" class="number pic'+(i+1)+'" numb="'+i+'"> </span>');
			ImageList.push(Images[i].src);
		}
		$("#lightBox").click(function(){
			$("#lightBox").fadeOut('fast');
			$("#lightBoxImage").fadeOut('fast');
			$("#lightBoxControls").fadeOut('fast');
			$("#lightboxClose").fadeOut('fast');
		});
		
		$("#lightboxClose").click(function(){
			$("#lightBox").fadeOut('fast');
			$("#lightBoxImage").fadeOut('fast');
			$("#lightBoxControls").fadeOut('fast');
			$("#lightboxClose").fadeOut('fast');
		});
		
		$("#lightBoxImage").fadeOut(function(){
			$("#lightBoxImage").attr('src',Images[0].src);
			$("#loading").fadeIn();
		});
		var current=0;
		$("#lightBoxImage").unbind();
		
		$("#lightBoxImage").click(function(){
			current++;
			if (current>ImageList.length-1) current=0;
			var newImage=ImageList[current];
			$("#lightBoxImage").fadeOut(function(){
				$("#lightBoxImage").attr('src',newImage);
				$("#loading").fadeIn();
			});
		});
		
		var numbers=$('.number');
		numbers.click(function(){
			var newImage=$(this).attr('rel');
			current=$(this).attr('numb');
			if ($("#lightBoxImage").attr('src')!=newImage){
				$("#lightBoxImage").fadeOut(function(){
					$("#lightBoxImage").attr('src',newImage);
					$("#loading").fadeIn();
				});
			}
		});
		
		$("#lightBoxImage").load(function(){
			var image=$("#lightBoxImage");
			var tempSrc=$("#lightBoxImage").attr('src');
			var closebox=$("#lightboxClose");
			numbers.removeClass('numberselected');
			$(numbers[current]).addClass('numberselected');
			
			
			var margintop=($(window).height()-(image.height()))/2;
			var marginleft=($(window).width()-(image.width()))/2;
			
			controls.fadeIn('fast');
			controls.css({
				'top' : margintop+(image.outerHeight()), 'left' : marginleft
			})
			closebox.fadeIn('fast');
			closebox.css({
				'top' : margintop+(-50), 'left' : marginleft+(image.outerWidth())-93
			})
			$("#loading").fadeOut();
			$("#lightBoxImage").css('margin-left',marginleft);
			$("#lightBoxImage").css('margin-top',margintop);
			$("#lightBoxImage").fadeIn("fast");
		});
	})

}