$(document).ready(function() {
			
			var n_imagen = 4;
			
			for (a = 2; a < 8; a ++)
				{
					$("#imagen_ppal"+a).css("display","none");
					$("#imagen_ppal"+a).css("z-index",a);
				}
				
			function cambios()
				{					
						posicion = 122 * (n_imagen );
						
					/*	$("#main h2").css("right","10px");
						if (n_imagen == 3)
								$("#main h2").css("left","10px");
								
						if (n_imagen >= 3)
								$("#main h2").css("display","none");
						
							
							
						$("#main h2").animate({ backgroundPosition: '(0px -'+posicion+'px )' }, 300);
			        */
					$("#imagen_ppal1").ImageSwitch({NewImage:"img_dg/home/banner"+n_imagen+".jpg",Speed:2000},function(){
						n_imagen ++;
						if (n_imagen == 7)
							{
								 n_imagen = 4
							}
						setTimeout(function(){ cambios();}, 7000);																							
					});  
					
					
				}
	
	
	
	
		$("#imagen_ppal").css("display","none");
		
		nro = 1;//aleatorio(1,3);
		
		imagen = $("#imagen_ppal"+nro);
		
		$(imagen).fadeTo('slow',1,function(){
				
				 setTimeout(function(){ cambios();}, 5000);
				
/*				$("#main h2").animate({ backgroundPosition: '(0px 0px)' }, 400,function(){
					   setTimeout(function(){ cambios();}, 2000);
				});*/
	
	
				$("#gsa h3").delay(100).animate({ backgroundPosition: '(0px 0px)'},{queue:false, duration:100});
				$("#gsa h3 img").delay(100).animate({ marginLeft: 210},{queue:false, duration:100});
				$("#gsa a").delay(100).animate({ backgroundPosition: '(-285px 0px)'}, 400);
				
				$("#pronto h3").delay(100).animate({ backgroundPosition: '(0px 0px)'},{queue:false, duration:100});
				$("#pronto h3 img").delay(100).animate({ marginLeft: 250},{queue:false, duration:100});
				$("#pronto a").delay(100).animate({ backgroundPosition: '(-300px 0px)'}, 400);
				
				
				
			
		});
		
		
		$('#pronto a').hover(function() { //mouse in
			$(this).animate({ backgroundPosition: '(-290px 0px)' }, 50);
			$("#pronto h3").animate({ backgroundPosition: '(-10px 0px)' }, 150);
					}, function() { //mouse out
						$(this).animate({ backgroundPosition: '(-300px 0px)' }, 100);
						$("#pronto h3").animate({ backgroundPosition: '(0px 0px)' }, 50);
		});
		
		$('#gsa a').hover(function() { //mouse in
			$(this).animate({ backgroundPosition: '(-290px 0px)' }, 50);
			$("#gsa h3").animate({ backgroundPosition: '(-7px 0px)' }, 150);
					}, function() { //mouse out
						$(this).animate({ backgroundPosition: '(-300px 0px)' }, 100);
						$("#gsa h3").animate({ backgroundPosition: '(0px 0px)' }, 50);
		});
		
		
		
		

				
});