$(document).ready(function(){

	var $scrollArea = $('#slajder #scrollWrapper').css('overflow', 'hidden');
	
	 $('#scrollContent > div').css({
		'float' : 'left',
		'position' : 'relative' // IE fix to ensure overflow is hidden
	});
	
	var settings = {
		target: $scrollArea,
		duration: 4000,
		axis: 'x',
		easing: 'easeOutExpo'
	};
	
	$('#navMenu').localScroll(settings);	
	
	$('#scrollWrapper').animate({
		scrollLeft: '0px'
	},500);
	
	$('#navMenu li:eq(1) a').addClass('selected');
	$('#navMenu li a').click(function(){
		$('#navMenu li a.selected').removeAttr('class');
		$(this).attr('class','selected');
	});
	

	
	$('#site-links a').css('opacity','0.2');
	$('#site-links a span').css('opacity','1.0');
	
	$('#site-links a').hover(function(){
		$(this).stop().animate({opacity: '1.0'}, 250);
	}, function(){
		$(this).stop().animate({opacity: '0.2'}, 800);
	});
	
	
	$('#download ul li a').hover(function(){
		$(this).children('span').css('visibility','visible');
	}, function(){
		$(this).children('span').css('visibility','hidden');
	});
	
	$('#download ul li a img').each(function(){
		$(this).css('marginLeft',((192-$(this).width())/2));
	});
	
	/*
	$('.down').click(
		function (e) {
			$('.content').scrollTo('+=200px', 1000,{easing:'easeOutExpo'});
		}
	);
	
	$('.up').click(
		function (e) {
			$('.content').scrollTo('-=200px', 1000,{easing:'easeOutExpo'});
		}
	);
	*/
		
	var maxScroll = $('#slideContainer').attr('scrollHeight') - $('#slideContainer').height();	
	
	$('#unlock-slider').slider({
		handle: '#unlock-handle',
		animate: true,
		min: 0,
		slide: function(e,ui){
			$('#slideContainer').attr({scrollTop: ui.value * (maxScroll / 100) });
		},
		stop: function(e,ui){
			/*if($("#unlock-handle").position().top == 250){
				unlock();
			} else{
				$('#unlock-handle').animate({top: 0}, 200 );
				$('#slideContainer').animate({scrollTop: -(ui.value * (maxScroll / 100)) }, 1000);					
			}*/
			$("#slideContainer").attr({scrollTop: ui.value * (maxScroll / 100) }, 1000);
		},
       
	});
	/*
	var unlock = function(){	
	}
	*/
	
	var nav = $('#navMenu');
	var currMenuAnch = $('#selected');
	
	$('<li id="box"></li>').css({
		width : currMenuAnch.outerWidth(),
		height : currMenuAnch.outerHeight(),
		left : currMenuAnch.position().left,
		top : currMenuAnch.position().top
	}).appendTo(nav);

	var boxElm = $('#box');

	$('li:not(#box)').click(function() {
	boxElm.animate(
		{
			left : $(this).position().left,
			width : $(this).width()
		},
		{
			duration : 1000,
			easing : 'easeOutBack',
			queue : false
		}
	);
	}, function() {
			boxElm.animate({
				width : currMenuAnch.outerWidth(),
				left : currMenuAnch.position().left
			}, 3000);
	});
	
});