$(document).ready(function() {
		
	// Some functions
	
	function UpdateUl() {
		
		if($.browser.msie) {
			var SliderUlWidth = ($('#slider ul').children().length);
		} else {
			var SliderUlWidth = ($('#slider ul').children().length)-1;
		};
		var winHeight = $(window).height();
		
		$('#slider ul').css({'width' : (SliderUlWidth*760)+401});
		$('#slider').css({'height' : winHeight});
		$('#slider ul').css({'top' : (winHeight/2)-(540/2)});
		
	};
		
	
	// Setting the Vars
	
	var bodyId = "item" + $("body").attr("id");
	
	$("ul.sub").find("li." + bodyId).addClass("selected");
	/*
	if($("ul.sub li").hasClass(bodyId)) {
		$(this).addClass("selected");
	};
	*/
	
	
	UpdateUl();
	$('#arrow').css({'top' : ($(window).height()/2)-(50/2)});
	$('#menu ul#contact').css({'top' : ($(window).height()-110)});
		
	// Menu hover effect
	
	$('.hideMenu #menu').css({'opacity' : 0.4});
	
	$('.hideMenu #menu').hover(
		function() {
			$(this).stop().animate({opacity : 1},300);
			$('#arrow').stop().animate({opacity : 0.8},300);
		},function() {
			$(this).stop().animate({opacity : 0.4},300)
			$('#arrow').stop().animate({opacity : 0},300);
	});
	
	// The gallery scroll effect
	
	
	
	if($('body').hasClass('hideMenu')) {
	
		var divWidth = $('#slider ul').width(),
			div = $('#slider'),
			scrollPos = 0,
			scrollBar = $("body #scrollbar");
	
		div.css({overflow: 'hidden'});
	
		$("body #scrollbar").slider({
			max: 100,
			slide: function(event, ui) {
				var left = (((ui.value/100)*(divWidth-400)));
				div.scrollLeft(left);
				$('#arrow').stop().animate({opacity : 0},100);
				scrollPos = left;
			}
	
		});
		
		$("body").mousewheel(function(event,scrollDir){
			$('#arrow').stop().animate({opacity : 0},100);
			if(scrollDir > 0){
				scrollPos = scrollPos-90;
				div.scrollLeft(scrollPos);
				scrollbarPos = ((scrollPos/(divWidth-400))*100);
				$("body #scrollbar").slider("value", scrollbarPos);
				if(scrollPos < 0){scrollPos = 0;};
			} else if(scrollDir < 0) {
				scrollPos = scrollPos+90;
				div.scrollLeft(scrollPos);
				scrollbarPos = ((scrollPos/(divWidth-400))*100);
				$("body #scrollbar").slider("value", scrollbarPos);
				if(scrollPos > divWidth){scrollPos = divWidth;};
			}
		});
	
	};
	  	
  	// Work sample info
  	
  	$('#content .new ul li span').css({'opacity' : 0});
  	
  	$('#content .new ul li a').hover(
  		function() {
  			$(this).children('span').stop().animate({opacity : 0.8},600);
  		}, function() {
  			$(this).children('span').stop().animate({opacity : 0},600);
  	});
  	
  	// AJAXING
  	  	
	$("#content").css({'top' : $(window).height()/2-($("#content").height()/2)});
	
});