$(document).ready(function (){	
	
	var id_rotar = setInterval('rotar()', 8000);
	
	$('#slide div.right li').hover(function(){
		clearInterval(id_rotar);
		
		$('#slide div.left:visible').fadeOut(300);
		
		var pos = $('#slide div.right li').index(this);
		$('#slide div.left:eq('+pos+')').fadeIn(300);
		
		$('#slide div.right li a.actual').removeClass('actual');
		$(this).children('a').addClass('actual');
			
	}, function(){
		id_rotar = setInterval('rotar()', 8000);
	});
	
	// ...
	var fixed = false;
	var $bar = $('#temas').removeClass('fixed');
	var $parent = $bar.parent();
	var top = $bar.offset().top - parseInt( $bar.css('margin-top'), 10 );
	var height = $bar.outerHeight();

	$(window).unbind('scroll').bind('scroll', function(e){
		var parent_offset = ($parent.offset().top + $parent.height()) - (height + 10);
		var offset = window.pageYOffset;

		if (offset >= parent_offset) {
			$bar.css({ top: parent_offset + 10/*, right: 10*/ });
			$bar.removeClass('fixed').addClass('static');
			fixed = false;
			return;
		}

		if (!fixed && offset >= top) {
			$bar.removeClass('static').addClass('fixed').css({ top:10 /*top: 'auto', right: 'auto'*/ });
			fixed = true;
		}

		if (fixed && offset <= top) {
			$bar.removeClass('static').removeClass('fixed').css({ top: 'auto'/*, right: 'auto'*/ });
			fixed = false;
		}
	});
	
});

function rotar()
{
	var slide_actual = $('#slide div.left:visible');
	var pos = $('#slide div.left').index(slide_actual);
	var new_pos = (pos + 1) % 4;
	
	slide_actual.fadeOut(1000);
	$('#slide div.left:eq(' + new_pos + ')').fadeIn(1000);
	
	$('#slide div.right li:eq(' + pos + ') a').removeClass('actual');
	$('#slide div.right li:eq(' + new_pos + ') a').addClass('actual');
}