//$(document).ready(function() {
//	$("#slideshow").css("overflow", "hidden");
//	
//	$("ul#slides").cycle({
//		fx: 'fade',
//		pause: 2,
//		prev: '#prev',
//		next: '#next'
//	});	
//});  
$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed: 2000
	});
});          
function mostrar() { 
   document.getElementById('menuopciones').style.visibility = "visible";
 }      
 function mostrari() { 
   document.getElementById('menuopcionesi').style.visibility = "visible";
 }  
 
function aparecer(){
	
	Effect.Grow('img_1', { direction: 'center', delay: 0.5 });
	Effect.Grow('img_2', { direction: 'center', delay: 0.8 });
	Effect.Grow('img_3', { direction: 'center', delay: 1 });
	
}


function opac(id){

	var queue = Effect.Queues.get(id);
	queue.each(function(effect) { effect.cancel(); });
	new Effect.Opacity(id, { from: 1.0, to: 0.7, duration: 0.2, queue: { position: 'end', scope: id } });
	
}

function desopac(id){
	
	var queue = Effect.Queues.get(id);
	queue.each(function(effect) { effect.cancel(); });
	new Effect.Opacity(id, { to: 1, duration: 0.2, queue: { position: 'end', scope: id } });
	
}


function mostrar(id){

	if(noti_prev!=id){
		if(noti_prev!=""){
			Effect.Fade('dv_'+noti_prev, { duration: 0.2, queue: { position: 'end', scope: 'mostrar' } });
		}
		Effect.Appear('dv_'+id, { duration: 0.2, queue: { position: 'end', scope: 'mostrar' } });
		noti_prev = id;
	}
	
}


time = "";
oculto = "";

function ocultar(){

	if(oculto!=''){
		Effect.Fade('menu_'+oculto, { duration: 0.2 });
		$('a_'+oculto).style.color = '#ffffff';
		oculto = "";
	}



}



function mostrar_menu(id){
	
	if(time!="")	
		clearTimeout(time);
		
	if(oculto!=id){	
		
			ocultar();
			Effect.Appear('menu_'+id, { duration: 0.2, queue: { position: 'end', scope:'menu' } });
			$('a_'+id).style.color = '#000';
			oculto = id;
		
	} else if(oculto=='') {
		Effect.Appear('menu_'+id, { duration: 0.2, queue: { position: 'end', scope:'menu' } });
		$('a_'+id).style.color = '#000';
		oculto = id;
		
	}
}
 img_prev = 1;

function ocultar_menu(){
	
	time = setTimeout("ocultar()",1000);	
	
}

img_prev = 1;

function cambiar_cabecera(){
	
	next = img_prev+1;
	
	if(next>3)
		next = 1;
		
	new Effect.Parallel([
	  new Effect.Appear('rota'+next, { sync: true, duration: 0.5 }), 
	  new Effect.Fade('rota'+img_prev, { sync: true, duration: 0.5 })
	], { 
	  duration: 3,
	  delay: 3
	});
	
	img_prev = next;
	
	cab = setTimeout("cambiar_cabecera()",6000);	
	
}    

