var indice=0;
var x;
 var y;
 var c;
 var altura_inicio;
var anchura_inicio;
var posix=0;
  var timer;
var dife;
var bandera=0;

$(document).ready(inicializarEventos);

/*$(window).scroll(function() {

coloca_contenido();

})*/

function coloca_contenido(){

$("#capa_mascara").css("top",104);
$("#capa_mascara").css("left",($(window).width()/2)-488);
$("#capa_mascara").css("width",976);
$("#capa_fondo").css("top",0);
$("#capa_fondo").css("left",0);
var position = $("#capa_mascara").position();

posix=position.left;

cambia(1);

$(window).resize(function() {
							$("#capa_mascara").css("left",($(window).width()/2)-488);
							});

}
function inicializarEventos()
{
/* altura_inicio=$(window).height()-$("#capa_mascara").height()+$(window).scrollTop();
 anchura_inicio=$(window).width()-$("#columna_derecha").width()

posicionX_inicio=$("#capa_mascara").x;
posicionY_inicio=$("#capa_mascara").y;*/

  coloca_contenido();  
  var a;
  var b;
  var c;
  var d;
  var e;
  var f;
  var g;
  var h;
  var i;
  var j;
  var velocidad=500;

  a=$("#primero");
  b=$("#segundo");
  c=$("#tercero");
  d=$("#cuarto");
  e=$("#quinto");
  f=$("#sexto");
  g=$("#septimo");
  h=$("#octavo");
  i=$("#noveno");
  j=$("#decimo");

  f1=$("#farriba");
  f2=$("#fderecha");
  f3=$("#fabajo");
  f4=$("#fizquierda");

a.click(function(){
bandera=1;
cambia (1);}); 

b.click(function(){
bandera=1;
cambia (2);});  

c.click(function(){
bandera=1;
cambia (3);});  

d.click(function(){
bandera=1;
cambia (4);}); 

e.click(function(){
bandera=1;
cambia (5);});  

f.click(function(){
bandera=1;
cambia (6);}); 

g.click(function(){
bandera=1;
cambia (7);}); 

h.click(function(){
bandera=1;
cambia (8);}); 

i.click(function(){
bandera=1;
cambia (9);}); 

j.click(function(){
bandera=1;
cambia (10);});


f1.click(function(){
bandera=1;
subef();

});

f2.click(function(){
bandera=1;
derf();

});

f3.click(function(){
bandera=1;
bajaf();

});

f4.click(function(){
bandera=1;
izqf();

});

timer = setTimeout("cambia_auto()", 3000);

}

function subef(){

switch (indice)
{
case 4:
cambia(1);
break;

case 5:
cambia(2);
break;

case 6:
cambia(3);
break;

case 7:

cambia(4);
break;

case 8:

cambia(5);
break;

case 9:

cambia(6);
break;

case 10:

cambia(7);
break;
}
}

function bajaf(){

switch (indice)
{
case 1:
cambia(4);
break;

case 2:
cambia(5);
break;

case 3:
cambia(6);
break;

case 4:

cambia(7);
break;

case 5:

cambia(8);
break;

case 6:

cambia(9);
break;

case 7:

cambia(10);
break;
}

}

function derf(){

switch (indice)
{
case 1:
cambia(2);
break;

case 2:
cambia(3);
break;

case 4:
cambia(5);
break;

case 5:

cambia(6);
break;

case 7:

cambia(8);
break;

case 8:

cambia(9);
break;
}
}

function izqf(){

switch (indice)
{
case 2:
cambia(1);
break;

case 3:
cambia(2);
break;

case 5:
cambia(4);
break;

case 6:

cambia(5);
break;

case 8:

cambia(7);
break;

case 9:

cambia(8);
break;
}

}

function cambia_auto(){
	
if(bandera==0){
indice+=1;
	if(indice>10){indice=1;}
	cambia(indice);

}
}

function cambia(numero){
clearTimeout(timer);
indice=numero;

 x=$("#capa_fondo");

switch (numero) {

		case 1:
		x.animate({top:(0),left:0}, 500,function() { 
		
		timer = setTimeout("cambia_auto()", 7000); });		

		$("#primero").addClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");
				
		$("#farriba").css("display","none");
		$("#fizquierda").css("display","none");
		$("#fderecha").css("display","block");
		$("#fabajo").css("display","block");

       break; 
	  
	   case 2:
		dife=-976;	
		x.animate({top:(0),left:(dife)}, 500,function() { 
		
		timer = setTimeout("cambia_auto()", 7000);});
		
		$("#segundo").addClass("verde");
		$("#primero").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");
		
		$("#farriba").css("display","none");
		$("#fizquierda").css("display","block");
		$("#fderecha").css("display","block");
		$("#fabajo").css("display","block");

       break; 

	    case 3:
		dife=-976*2;	
		x.animate({top:(0),left:(dife)}, 500,function() { 
		
		timer = setTimeout("cambia_auto()", 7000); });

		$("#tercero").addClass("verde");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");

		$("#farriba").css("display","none");
		$("#fizquierda").css("display","block");
		$("#fderecha").css("display","none");
		$("#fabajo").css("display","block");

       break; 

	    case 4:
		dife=0;	
		x.animate({top:(-417),left:(dife)}, 500,function() { 
		
		timer = setTimeout("cambia_auto()", 7000);});

		$("#farriba").css("display","block");
		$("#fizquierda").css("display","none");
		$("#fderecha").css("display","block");
		$("#fabajo").css("display","block");
		
		$("#cuarto").addClass("azul");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");

       break; 
       
	    case 5:
		dife=-976;
		x.animate({top:(-417),left:(dife)}, 500,function() { 
		
		timer = setTimeout("cambia_auto()", 7000);});
		
		$("#quinto").addClass("azul");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");

		$("#farriba").css("display","block");
		$("#fizquierda").css("display","block");
		$("#fderecha").css("display","block");
		$("#fabajo").css("display","block");

       break; 

	    case 6:
		dife=-976*2;	
		x.animate({top:(-417),left:(dife)}, 500,function() {
		
		timer = setTimeout("cambia_auto()", 7000);});
		
		$("#sexto").addClass("azul");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");

		$("#farriba").css("display","block");
		$("#fizquierda").css("display","block");
		$("#fderecha").css("display","none");
		$("#fabajo").css("display","block");
		
       break; 

	    case 7:
		dife=0;	
		x.animate({top:(-834),left:(dife)}, 500,function() { 
		
		timer = setTimeout("cambia_auto()", 12000); });
		
		$("#septimo").addClass("rojo");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");

		$("#farriba").css("display","block");
		$("#fizquierda").css("display","none");
		$("#fderecha").css("display","block");
		$("#fabajo").css("display","block");

       break; 

	    case 8:
		dife=-976;	
		x.animate({top:(-834),left:(dife)}, 500,function() { 
		
		timer = setTimeout("cambia_auto()", 12000);});
		
		$("#octavo").addClass("rojo");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#noveno").removeClass("rojo");
		$("#decimo").removeClass("corte");

		$("#farriba").css("display","block");
		$("#fizquierda").css("display","block");
		$("#fderecha").css("display","block");
		$("#fabajo").css("display","none");

       break;

	    case 9:
		dife=-976*2;	
		x.animate({top:(-834),left:(dife)}, 500,function() {
		
		timer = setTimeout("cambia_auto()", 12000); });
		
		$("#noveno").addClass("rojo");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#decimo").removeClass("corte");

		$("#farriba").css("display","block");
		$("#fizquierda").css("display","block");
		$("#fderecha").css("display","none");
		$("#fabajo").css("display","none");

       break; 

	     case 10:
		dife=-976*2;	
		x.animate({top:(-1251),left:(0)}, 500,function() {
		
		timer = setTimeout("cambia_auto()", 6000); });
		
		$("#decimo").addClass("corte");
		$("#primero").removeClass("verde");
		$("#segundo").removeClass("verde");
		$("#tercero").removeClass("verde");
		$("#cuarto").removeClass("azul");
		$("#quinto").removeClass("azul");
		$("#sexto").removeClass("azul");
		$("#septimo").removeClass("rojo");
		$("#octavo").removeClass("rojo");
		$("#noveno").removeClass("rojo");

		$("#farriba").css("display","block");
		$("#fizquierda").css("display","none");
		$("#fderecha").css("display","none");
		$("#fabajo").css("display","none");


       break; 

	   }
}