function imgPreload(){	
	
	pic1= new Image(1054,551);
	pic1.src="media/imgs/svae_chick_intro2.jpg";
	picLogo= new Image(257,255);
	picLogo.src="media/imgs/svae_logo_left.png";
	pic2= new Image(118,22);
	pic2.src="media/imgs/programa_h.png";
	pic3= new Image(124,22);
	pic3.src="media/imgs/activids_h.png";
	pic4= new Image(108,22);
	pic4.src="media/imgs/entidades_h.png";
	pic5= new Image(84,22);
	pic5.src="media/imgs/galeria_h.png";
	pic2a= new Image(118,22);
	pic2a.src="media/imgs/programa.png";
	pic3a= new Image(124,22);
	pic3a.src="media/imgs/activids.png";
	pic4a= new Image(108,22);
	pic4a.src="media/imgs/entidades.png";
	picC= new Image(1,551);
	picC.src="media/imgs/left_bg.png";
	pic5a= new Image(84,22);
	pic5a.src="media/imgs/galeria.png";
	
	pic5= new Image(65,22);
	pic5.src="media/imgs/cosplay_h.png";
	pic6= new Image(75,22);
	pic6.src="media/imgs/ginkama_h.png";
	pic7= new Image(97,22);
	pic7.src="media/imgs/vjuegos_h.png";
	pic8= new Image(103,22);
	pic8.src="media/imgs/proyec_h.png";
	picA= new Image(64,22);
	picA.src="media/imgs/talleres_h.png";
	picB= new Image(63,22);
	picB.src="media/imgs/karaoke_h.png";
	
	
	imgProy = new Image(529,435);
	imgProy.src="media/imgs/proy_bg.png";
	
	imgKara = new Image(529,435);
	imgKara.src="media/imgs/kara_bg.png";
	
	imgCosp = new Image(529,62);
	imgCosp.src="media/imgs/cosp_bg.png";
	
	imgGink = new Image(529,435);
	imgGink.src="media/imgs/ginkama_bg.png";
	
}

function intro(){

	var container = $('container');
	var left = $('left');
	var main = $('main');
	var presentacion = $('presentacion');
	var enter = $('enter');
	var logo = $('logo');
	var invitacion = $('invitacion');
	
	var leftFx = left.effects({duration: 1000, transition: Fx.Transitions.linear});
	var containerFx = container.effects({duration: 2000, transition: Fx.Transitions.linear});
	var mainFx = main.effects({duration: 1000, transition: Fx.Transitions.linear});
	var presentacionFx = presentacion.effects({duration: 5000, transition: Fx.Transitions.linear});
	var enterFx = enter.effects({duration: 300, transition: Fx.Transitions.linear});
	var logoFx = logo.effects({duration: 300, transition: Fx.Transitions.linear});
	var invitacionFx = invitacion.effects({duration: 300, transition: Fx.Transitions.linear});
	
	container.setStyle('opacity', 0);
	container.setStyle('display', 'block');
	enter.setStyle('opacity', 0);
	enter.setStyle('display', 'block');
	
	containerFx.start({
		'opacity': 1
	}).chain(function(){
		presentacion.setStyle('visibility', 'visible');
		presentacionFx.start({
			'height': [0, 185]
		}).chain(function(){			
			enterFx.start({
				'opacity': 1
			});
		});
	});
	
	enter.addEvent('click', function() {

		leftFx.start({
			'width': 263,
			'background-position': [-263,0],
			'color': 'FFF'
		}).chain(function(){			
			main.setStyle('opacity', 0);
			main.setStyle('display', 'block');
			mainFx.start({
				'opacity': 1
			}).chain(function(){								
				enterFx.start({
					'opacity': 0
				}).chain(function(){
					enter.setStyle('display', 'none');
					invitacion.setStyle('opacity', 0);
					invitacion.setStyle('display', 'block');
					invitacionFx.start({
						'opacity': 1
					});
				});
				
				logo.setStyle('visibility','visible');
				logoFx.start({
					'width': [0, 257] 
				}).chain(function(){
					/*fadeinIndex('content');*/
					 window.location="galeria/galeria.php";
					
				});
			});
		});
	});
	
}

function setSection(section){
  var items = $$('#menu a');  
  items.each(function(el, i){
    if(el.id == section){el.className='act'}
  });
}

function setSubSection(section){
  var items = $$('#submenu a');
  items.each(function(el, i){
    if(el.id == section){el.className='act'}
  });
}

function fadein(el) {
	var element = $(el);
	var elementFx = element.effects({duration: 1000, transition: Fx.Transitions.linear});
	
	element.setStyle('opacity', 0);
	element.setStyle('display', 'block');
	elementFx.start({
		'opacity': 1
	});
}



function show(el){
	var element = $(el);
	var thumb = $('thumb');	
	var thumbFx = thumb.effects({duration: 200, transition: Fx.Transitions.linear, wait: true});
	var led = false;
			
	element.addEvent('mouseover', function(){		
		thumb.className = element.id;
		thumb.setStyle('display','block');
		thumbFx.start({
			'opacity': [0,1]
		});		
	});
	
	element.addEvent('mouseout', function(){
		thumbFx.set({
			'opacity': 0
		});
		thumb.setStyle('display','none');
	});
}

function fadeinAct(el, led) {
	var element = $(el);
	var elementFx = element.effects({duration: 1000, transition: Fx.Transitions.linear});
	element.setStyle('height', 434);
	element.setStyle('opacity', 0);
	element.setStyle('display', 'block');
	elementFx.start({
		'opacity': 1
	}).chain(function(){
		if(led){
			window.location="actividades/cosplay.php";
		}
	});
}

function showSubMenu(intro){
	var subMenu = $('submenu_cont');
	var subMenuFx = subMenu.effects({duration: 500, transition: Fx.Transitions.linear});
	subMenu.setStyle('width', 0);
	subMenu.setStyle('visibility', 'visible');
	subMenuFx.start({
		'width': [0, 529]
	}).chain(function(){
		if(intro){
			fadeinAct('content', 'a');
		}
	});
}

function formValidation(){
		var cosplayValidator = new fValidator("inscosplay");
}

function fadeinIndex(el) {
	var element = $(el);
	var elementFx = element.effects({duration: 1000, transition: Fx.Transitions.linear});
	element.setStyle('height', 434);
	element.setStyle('opacity', 0);
	element.setStyle('display', 'block');
	elementFx.start({
		'opacity': 1
	}).chain(function(){
		setSection('actividades');
		setSubSection('cosplay');
		showSubMenu();
	});
}