$(document).ready(function(){
	$('li.menu > div')
		.mouseover(function(){
			hijo = $(this).children();
			$(hijo).stop().animate(
				{marginTop:"27px"}, 
				{duration:600,
				easing:"easeOutExpo"})
		})
		.mouseout(function(){
			$(hijo).stop().animate(
				{marginTop:"39px"},
				{duration:400,
				easing:"easeOutBounce"})
		});
	jQuery.each(jQuery.browser, function(i) {
		if($.browser.msie){
			$('#desaparecido').css({'display':'inline'});
		}
	});
	
	/* ******************** CONFIG DEL PLAYER ********************* */
	
	intervalo=4000;			//milisegundos => entre pase de imagen
	duracion=900;			//milisegundos => total de animaci�n
	direccion="baja";		//sube / baja => direcci�n inicial
	actualPos=1;			//posici�n inicial (comienza con 1)
	ising='easeInOutBack';	//efecto de la animaci�n (demo:http://gsgd.co.uk/sandbox/jquery/easing/)
	diferencia=508;			//dimensiones del bloque
	
	/* ******************* COMIENZO DEL PLAYER ******************** */
	actualMargin=0;
	inners=0;
	$('.inner_content').each(function(){
		inners++;
	});
	$('#marco_movible').css('height',diferencia*inners);
	jQuery.extend({
		baja:function(a,b){ //a=actualPos, b=inners
			if((a+1)>b){
				actualMargin=0;
				$('#marco_movible').stop().animate(
					{marginTop: actualMargin+'px'},
					{duration:duracion,
					easing:ising}
				)
				actualPos=1;
			}else{
				actualMargin-=diferencia;
				$('#marco_movible').stop().animate(
					{marginTop: actualMargin+'px'},
					{duration:duracion,
					easing:ising}
				)
				actualPos++;
			}
		},
		sube:function(a,b){ //a=actualPos, b=inners
			if((a-1)==0){
				actualMargin=((b-1)*diferencia)*-1;
				$('#marco_movible').stop().animate(
					{marginTop: actualMargin+'px'},
					{duration:duracion,
					easing:ising}
				)
				actualPos=b;
			}else{
				actualMargin+=diferencia;
				$('#marco_movible').stop().animate(
					{marginTop: actualMargin+'px'},
					{duration:duracion,
					easing:ising}
				)
				actualPos--;
			}
		}
	});
	
	
	$('.rew')
		.mouseover(function(){
			$(this).attr("src","img/player/rew.png");
		})
		.mouseout(function(){
			$(this).attr("src","img/player/rew_alpha50.png");
		})
		.click(function(){
			jQuery.sube(actualPos,inners);
			if(stop_src=="img/player/stop.png"){
				stop_src="img/player/play.png";
				stop_src_a="img/player/play_alpha50.png";
				$('.stop').attr("src",stop_src_a);
				clearInterval(rollin);
			}
		});
		
	stop_src="img/player/stop.png";
	stop_src_a="img/player/stop_alpha50.png";
	
	rollin=setInterval("jQuery."+direccion+"(actualPos,inners)",intervalo);
	
	$('.stop')
		.mouseover(function(){
			$(this).attr("src",stop_src);
		})
		.mouseout(function(){
			$(this).attr("src",stop_src_a);
		})
		.click(function(){
			if(stop_src=="img/player/stop.png"){
				stop_src="img/player/play.png";
				stop_src_a="img/player/play_alpha50.png";
				$(this).attr("src",stop_src);
				clearInterval(rollin);
			}else{
				stop_src="img/player/stop.png";
				stop_src_a="img/player/stop_alpha50.png";
				$(this).attr("src",stop_src);
				rollin=setInterval("jQuery."+direccion+"(actualPos,inners)",intervalo);
			}
		});
	$('.ff')
		.mouseover(function(){
			$(this).attr("src","img/player/ff.png");
		})
		.mouseout(function(){
			$(this).attr("src","img/player/ff_alpha50.png");
		})
		.click(function(){
			jQuery.baja(actualPos,inners);
			if(stop_src=="img/player/stop.png"){
				stop_src="img/player/play.png";
				stop_src_a="img/player/play_alpha50.png";
				$('.stop').attr("src",stop_src_a);
				clearInterval(rollin);
			}
		});
	
	/* ************************ FIN DEL PLAYER ************************* */
	
	/* ************************ CARGADOR DE P�GINAS ************************* */
	var estamos = 0;
	function ckeck_paginas(){
		if(estamos == 1){
			$('#anteriores').css({
				'color' : '#8D8D8D',
				'cursor' : 'default'
			});
		}else{
			$('#anteriores').css({
				'color' : 'black',
				'cursor' : 'pointer'
			});
		}
		if(estamos == 4){
			$('#siguientes').css({
				'color' : '#8D8D8D',
				'cursor' : 'default'
			});
		}else{
			$('#siguientes').css({
				'color' : 'black',
				'cursor' : 'pointer'
			});
		}
	};
	
	function estilo_num(){
		$('ul.paginas li').css("background-color","transparent");
		$('#p'+estamos).css("background-color","#98B2E7");
	};
	
	$.ajax({
		url : "inner1.php",
		success : function(html){
			$('#resultado').html(html);
			estamos = 1;
			ckeck_paginas();
			estilo_num();
		}
	});
	$('li.paginas').click(function(){
		var num = $(this).html();
		$.ajax({
			url : "inner"+num+".php",
			success : function(html){
				$('#resultado').html(html);
				estamos = num;
				ckeck_paginas();
				estilo_num();
				$('html, body').animate({scrollTop:0},
					{duration:1000,
					easing:"easeInCirc"
				});
			}
		});
	});
	$('#anteriores').click(function(){
		var num = estamos - 1;
		if (num >= 1){
			$.ajax({
				url : "inner"+num+".php",
				success : function(html){
					$('#resultado').html(html);
					estamos = num;
					ckeck_paginas();
					estilo_num();
					$('html, body').animate({scrollTop:0},
						{duration:1000,
						easing:"easeInCirc"}
					);
				}
			});
		}else{
			return false;
		}
	});
	$('#siguientes').click(function(){
		var num = estamos + 1;
		if(num <= 4){
			$.ajax({
				url : "inner"+num+".php",
				success : function(html){
					$('#resultado').html(html);
					estamos = num;
					ckeck_paginas();
					estilo_num();
					$('html, body').animate({scrollTop:0},
						{duration:1000,
						easing:"easeInCirc"}
					);
				}
			});
		}else{
			return false;
		}
	});
	/* ************************ FIN DEL CARGADOR ************************* */
});