window.addEvent('domready', function(){
//	comenzamos matando todo IE6... lo siento pero es muy malo browser!
	if(window.ie6){
		$('ie6sux').setStyle('display', 'block');
		$('fade').setStyle('display', 'block');
		return false;
	}
//	abre ventana modal
	$('light').setStyle('display', 'block');
	$('fade').setStyle('display', 'block');
	var myFx = new Fx.Style('btn_cerrar', 'opacity').set(0);
//	evento para el btn 'close' cerrar la ventana
	$('btn_cerrar').addEvent('click', function (){
		var myFx = new Fx.Style('light', 'opacity').start(.2,0);
		var myFx = new Fx.Style('fade', 'opacity').start(.7,0);
	})
//	y para la ventana modal de click tb
	$('fade').addEvent('click', function (){
		var myFx = new Fx.Style('light', 'opacity').start(.2,0);
		var myFx = new Fx.Style('fade', 'opacity').start(.7,0);
	})
});

var startTime = $time();
		
// 	evento Load espera a q toda la pagina y sus elementos carguen
window.addEvent('load', function() {
	var total = ($time() - startTime)/600;
	var myFx = new Fx.Style('btn_cerrar', 'opacity').set(1);
	$('load_res').empty();
	$('load_res').innerHTML += '<p><strong>Load</strong> is done.</p><p> By pressing the <strong>Close</strong> button you will no longer need a <em>click</em> to navigate through this page, just move your mouse around.</p><p>Enjoy this experience, and mainly <strong>2monos</strong> music.</p>';
});

window.addEvent('domready', function(){
	var scroll2 = new Scroller('mousemove', {area: 300, velocity: 0.2});
//	var myTransition = new Fx.Transition(Fx.Transitions.Elastic, 3);
// 	evento para mover la ventana con el mouse
	$('mousemove').addEvent('mouseover', scroll2.start.bind(scroll2));
	$('mousemove').addEvent('mouseout', scroll2.stop.bind(scroll2));
//	tooltip general
	var myTips1 = new MooTips($$('.toolTip'), {
		maxTitleChars: 100,
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 200, wait: false}).set(0);
		},
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
//	tooltip con campo hidden
	var myTips2 = new MooTips($$('.toolTipImgDOM'), {
		maxTitleChars: 80,
		hideDelay: 200,
		className: 'tool',
		offsets: {'x':120,'y':-20},
		initialize:function(){
			this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 200, wait: false}).set(0);
		},
		showDelay: 100,
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
	});
// tooltip para ajax
	var myTips5 = new MooTips($$('.toolTipImgAJAX'), {				
		maxTitleChars: 100,
		hideDelay: 200,
		offsets: {'x':30,'y':30},
		initialize:function(){
		this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 200, wait: false}).set(0);
		},
		showDelay: 100,
		onShow: function(toolTip) {
			this.fx.start(1);
		},
		onHide: function(toolTip) {
			this.fx.start(0);
		}
});
/*
//	redireccionamiento con delay
	var redirecciona = function(){
		document.location.href='http://';
	}
	
	$('getone').addEvents({
		'mouseover': function(e) {
			myTimer = redirecciona.delay(2000)
		},
		
		'mouseout': function(e){
			myTimer = $clear(myTimer);
		}
	})

// 	redireccion mp3
	var play_cuando_ya = function(){
//			document.location.href='music/esa_nube.mp3';
	}
	
	$('play_cuando_ya').addEvents({
		'mouseover': function(e) {
			myTimer = play_cuando_ya.delay(2000)
		},
		
		'mouseout': function(e){
			myTimer = $clear(myTimer);
		}
	})

*/
//	evento por si haces un click por descuido	
	$('mousemove').addEvent('click', function (){
		$('advert').setStyle('display', 'block');
		$('back_advert').setStyle('display', 'block');
	})	
//	y para cerrarla
	$('btn_cerrar_advert').addEvent('click', function (){
		var myFx = new Fx.Style('advert', 'opacity').start(.2,0);
		var myFx = new Fx.Style('back_advert', 'opacity').start(.7,0);
	})
	
//	parametros de form
	var myFormValidation = new Validate('myForm',{
		errorClass: 'red'
	});
	
// form focus
	$$(['name','email','words']).addEvents({
		'mouseover': function(e) {
			this.focus()
		}
	})
// 	var para envio de form
	var envioForm = function(){
		var log = $('log_res').empty().addClass('ajax-loading');
		$('myForm').send({
			update: log,
			onComplete: function() {
				log.removeClass('ajax-loading');
				$('.myInputs').clearFields();
			}
		});
		
	}
//	evento para button	
	$('submit').addEvents({
		'mouseover': function(e) {
			myTimer = envioForm.delay(1000)
		},
		
		'mouseout': function(e){
			myTimer = $clear(myTimer);
		}
	})
//	parametros de la galeria
	var obj = {
		wait: 2000, 
		effect: 'fade',
		duration: 1000, 
		loop: true, 
		thumbnails: true,
		onClick: function(i){alert(i)}
	}
	show = new SlideShow('slideshowContainer','slideshowThumbnail',obj);
	show.play();
});