(jQuery)(function(){
	
	var sliderContainer = $('#hpSliderContainer'),
		hpSlider = $('#hpSlider'),
		sliderLi = $('#hpSlider li'),
		sliderLinks = $('#hpLinks a'),
		firstSlide = $('#hp-slide-1'),
		clicked = "";
	
	//initial
	sliderContainer.css({height:'304px'});
	hpSlider.css({overflow:'hidden', height: '304px'});
	sliderLi.css({opacity:0, position:'absolute', top: 0, left: 0, display: 'none'});
	sliderLi.find('.info-right').css({right:'-230px'});
	sliderLi.find('.info-bottom').css({bottom:'-108px'});
	
	//afiseaza primul slide
	sliderLinks.first().addClass('active');
	firstSlide.css({ opacity: 1, display:'block' });
	firstSlide.find('.info-right').delay(500).animate({ right:['0', 'easeInOutQuint'] }, 700);
	firstSlide.find('.info-bottom').delay(500).animate({ bottom:['0', 'easeInOutQuint'] }, 700);
	
	//la click
	sliderLinks.click(
		function(e){
			e.preventDefault();
			if(!sliderLi.is(':animated')){
				var neClickat = sliderLi.not($('#hp-slide-'+clicked));
				neClickat.find('.info-right').css({right:'-230px'});
				neClickat.find('.info-bottom').css({bottom:'-108px'});

				sliderLinks.removeClass();
				clicked = $(this).addClass('active')[0].getAttribute('href', 2).replace(/#hp-slide-/,'');
				sliderLi.not($('#hp-slide-'+clicked)).animate({ opacity: 0 }, 500, function(){
					$(this).hide();
				});
				
				sliderLi.eq(clicked-1).animate({ opacity: 1 }, 500,function(){
					sliderLi.eq(clicked-1).find('.info-right').animate({ right:['0', 'easeInOutQuint']}, 700);
					sliderLi.eq(clicked-1).find('.info-bottom').animate({ bottom:['0', 'easeInOutQuint']}, 700);
				}).show();
				
			}
		}
	);
	
});