/*
Pretty Simple Content Slider with jQuery and CSS3
Source: http://tympanus.net/codrops/2010/04/28/pretty-simple-content-slider-with-jquery-and-css3/
*/

$(function(){
	var current = 1;
	
	var iterate	= function(){
		var i = parseInt(current+1);
		var lis = $('#rotmenu').children('li').size();
		if(i>lis) i = 1;
		display($('#rotmenu li:nth-child('+i+')'));
	}
	
	display($('#rotmenu li:first'));
	var slidetime = setInterval(iterate,3000);
	
	$('#rotmenu li').mouseover(function(e){
		if(current-1 != $(this).index()){
			clearTimeout(slidetime);
			display($(this));
			e.preventDefault();
		}
	});
	
	function display(elem){
		var $this 	= elem;
		var repeat 	= false;
		if(current == parseInt($this.index() + 1))
			repeat = true;
		
		if(!repeat)
			$this.parent().find('li:nth-child('+current+') a').stop(true,true).animate({'marginRight':'-20px'},300);
		
		current = parseInt($this.index() + 1);
		
		var elem = $('a',$this);
		
		elem.stop(true,true).animate({'marginRight':'0px'},300);
		
		var info_elem = elem.next();
		
		$('#rot1 .description').html(info_elem.find('.info_description').html());
		
		$('#rot1 img').fadeOut('fast', function(){
			$('#rot1 img').attr('src', info_elem.find('.info_image').html());
			$('#rot1 img').fadeIn('fast');
		});
	}

});