jQuery(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').css('visibility','visible');
	
	$('.down').click(
		function (e) {
			$('.playlistScrollPane').stop().scrollTo('+=260px', 1000,{easing:'easeOutExpo'});
			$('.up').css('visibility','visible');
			$('.down').css('visibility','hidden');
		}
	);
	
	$('.up').click(
		function (e) {
			$('.playlistScrollPane').stop().scrollTo('-=260px', 1000,{easing:'easeOutExpo'});
			$('.down').css('visibility','visible');
			$('.up').css('visibility','hidden');
		}
	);
	
		
	/*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');

	$('#navMenu 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);
	});
	
	$('.lft-side li').append('<span></span>');
	$('.box:not(:first)').hide();
	$('.box:first').parent().hide();	
	
	$('.lft-side li a').click(function(){
		
		$('.scroll-arrow').css('visibility','hidden');
		$('.down').css('visibility','visible');
		
		$f().unload();
		if($(this).hasClass('choosen')){
		} else {		
			$('.lft-side li a.choosen').removeClass('choosen').animate({marginLeft: "11"}, 250);
		}
		$('.lft-side li span').removeAttr('class');
		$(this).parent().find('span').addClass('close-btn').fadeIn();
		$(this).parent().find('a').addClass('choosen');		
		stringref = $(this).attr("href").split('#')[1];
		$('.box:not(#'+stringref+')').hide();
		$('#playerBox').animate({opacity:1}, 500).show();
		if (jQuery.browser.msie && jQuery.browser.version.substr(0,3) == "6.0") {
			$('.box#' + stringref).show();
		}
		else $('.box#' + stringref).fadeIn(500);		
		return false;
	});	

	$('.lft-side li').hover(function(){	
		
		if($(this).find('a').hasClass('choosen')){
		} else {
			$(this).find('a').stop().animate({marginLeft: "15"}, 250);
			$(this).find('span').addClass('play-btn').fadeIn();
		}
		}, function(){
			if($(this).find('a').hasClass('choosen')){
			} else {
				$(this).find('a').stop().animate({marginLeft: "11"}, 400);
				$(this).find('span').removeAttr('class');
			}
	});
	
	 
	$('.lft-side li').each(function(){
		$(this).click(function(){
			
			$('.scroll-arrow').css('visibility','hidden');
			$('.down').css('visibility','visible');
			
			$f().unload();
			$('.box:visible').hide();
			$('#playerBox').animate({opacity:0}, 500);
			$(this).find('span').removeAttr('class');
			$(this).find('a').removeClass('choosen').animate({marginLeft: "11"}, 250);
			return false;
			//$('html, body').animate({scrollTop:0}, 'slow');
		});
	});	     

	
	$('.playlistBox').each(function() {
	  var $children = $(this).children('li');
	  var totalChildren = $children.length;
	  var item = 1;
		$children.each(function() {
			$(this).prepend('<span>' + (item) +'.</span>');
			item++;
		});
	});	
	
	
});