// JavaScript Document


window.addEvent('domready', function() 
{

	var aCargar = ["imagenes/bodybg/00.jpg","imagenes/bodybg/01.jpg","imagenes/bodybg/02.jpg", "imagenes/bodybg/03.jpg", "imagenes/bodybg/04.jpg", "imagenes/bodybg/05.jpg","imagenes/bodybg/06.jpg", "imagenes/bodybg/07.jpg", "imagenes/bodybg/08.jpg", "imagenes/bodybg/09.jpg", "imagenes/bodybg/10.jpg"] ; //"imagenes/bodybg/02.jpg", "imagenes/bodybg/03.jpg", "imagenes/bodybg/04.jpg", "imagenes/bodybg/05.jpg"] "imagenes/bodybg/06.jpg", "imagenes/bodybg/07.jpg", "imagenes/bodybg/08.jpg", "imagenes/bodybg/09.jpg", "imagenes/bodybg/10.jpg"
	
	var imagenes = new Asset.images(aCargar);
	cambia_imagenes(imagenes);


	centra_elementos($('content_wrap'), 1,-30,0);
	
	 
	fix_bodywrap();

if(Browser.Engine.name != 'webkit'){
//////////////// reemplazo scrollbar ////////////////

	var myScroll = new MooScroll({
		selector: '.content_container'
	});  


//////////////// scrolea horizontalmente el contenido ////////////////
	var scroll = new Fx.Scroll('content_wrap2', {
		link: 'cancel',
		duration: 600,
		offset: {'x': 0, 'y': 0}, // some padding
		transition: Fx.Transitions.Sine.easeInOut,
		fps:30,
		onStart: function(){
			$$(".scrollControlsY").setStyle('display','none');
		},
		onComplete: function(){
			$$(".scrollControlsY").setStyle('display','block');
		}
	});

	$$('#menu a[href^="#"]').addEvent('click', function() {
		var target = document.getElement(this.get('href'));
		if (target){ scroll.toElement(target);}
		return false;
	});

}
//--------------------------------------------------------------------
	
//--------------------------------------------------------------------


	cambia_imagenes2.periodical(10000);
	function cambia_imagenes2(){
			cambia_imagenes(imagenes);
	
	}




}); //end  domload



window.addEvent('load', function() 
{
	fixBackground("background_img"); 
	fix_bodywrap();
	
	centra_elementos($('content_wrap'), 1,-30,0);

	if(Browser.Engine.name == 'webkit'){
	
		var myScroll3 = new MooScroll({
			selector: '.content_container'
		});  
		var scroll = new Fx.Scroll('content_wrap2', {
			link: 'cancel',
			duration: 600,
			offset: {'x': 0, 'y': 0}, // some padding
			transition: Fx.Transitions.Sine.easeInOut,
			fps:30,
			onStart: function(){
				$$(".scrollControlsY").setStyle('display','none');
			},
			onComplete: function(){
				$$(".scrollControlsY").setStyle('display','block');
			}
		});
	
		$$('#menu a[href^="#"]').addEvent('click', function() {
			var target = document.getElement(this.get('href'));
			if (target){ scroll.toElement(target);}
			return false;
		});
	}
	
	window.onresize = function(){
		fixBackground("background_img"); //arregla el fondo
		fix_bodywrap(); //arregla el contenedor
		
		if(Browser.Engine.trident){
		 var fx=0;	
		}else{
		 var fx=1;
		}
		
		centra_elementos($('content_wrap'), 1,-30,fx);
	}	
});

/*************************************************** cambia imagenes **************************************************/
function cambia_imagenes(imagenes){
	
	
	rndNumber = rand(9);
	var nueva_imagen = imagenes[rndNumber];

	while($("background_img").src==nueva_imagen.src){
		rndNumber = rand(9);
		var nueva_imagen = imagenes[rndNumber];
	}

	//console.log(rndNumber);

	nueva_imagen.setProperty('id', 'background_img');
	nueva_imagen.setStyle('opacity', '0');
	
	$("background_img").setStyle('opacity', '0');
	nueva_imagen.replaces($("background_img"));

	fixBackground(nueva_imagen);
	
	var myEffect = new Fx.Morph("background_img", {
						duration: '800',
						link: 'wait',
						transition: Fx.Transitions.Quad.easeInOut
	});
	myEffect.start({
		 'opacity': [0,1]
	});

	
}

function rand ( n )
{
  return ( Math.round ( Math.random ( ) * n + 1 ) );
}


/*************************************************** EFECTO ONLOAD **************************************************/
function introfx(elemento,fx){
	
	fx=0;
	
	
	if(fx==1){
		
		var myEffect = new Fx.Morph(elemento, {
									duration: '2000',
									link: 'chain', 
									transition: Fx.Transitions.Expo.easeOut
									});
	 
		myEffect.start({
			 'opacity': [0,1]
		});
		
	}else{
	
		elemento.setStyle('opacity', '1');
	}	
}




/**************************************************** CONTACTO **************************************************/

function contactoFn(){

	var myRequest = new Request({
								
		encoding:'iso-8859-1',
		method: 'post', 
		data:$('contactofrm'),
		url: 'contacto_post.php',
		onRequest: function()
		{
			$('update_container').innerHTML = '<img src="imagenes/ajax-loader.gif" style="float:left; padding:0px 4px;"><span style="display:block; padding:4px 8px; color:red;">enviando mensaje...</span>';
		},
		onSuccess: function(responseText)
		{
			$('update_container').innerHTML = responseText;
		}

		
	});
	myRequest.send();
};

	
	



/*************************************************** CENTRA ELEMENTOS **************************************************/
function centra_elementos(elemento, OffsetX,OffsetY,fx){


	//obtengo del elemento
	var element_size = elemento.getSize();
	var boxY = element_size.y;
	var boxX = element_size.x;
	
	//creo el box
	var tamW = window.getSize();	
	
	
	if(Browser.Engine.name == 'trident' && Browser.Engine.version == 4 ){

		var valposition = "absolute";
		var posX = (tamW.x/2 - boxX/2);
		var posY = (tamW.y/2 - boxY/2);
		
	}else{
		var valposition = "fixed";
		var posX = (tamW.x/2 - boxX/2);
		var posY = (tamW.y/2 - boxY/2);
	}
	
	
			

	if(fx==1){
		
		var myEffect = new Fx.Morph(elemento, {
									duration: 'short',
									link: 'chain', 
									transition: Fx.Transitions.Expo.easeOut
									});
	 
		myEffect.start({
			 'position': valposition,
			 'top': posY+OffsetY,
			 'left': posX+OffsetX
		});
		
	}else{
	
		elemento.setStyles(
		{
			 'position': valposition,
			 'top': posY+OffsetY,
			 'left': posX+OffsetX
		});
	}
}






var img_width = 1200;
var img_height = 800;

function fixBackground(element) {
	if(0 == img_width || 0 == img_height) {
		return;	
	}
	
	var window_width = getClientWidth();
	var window_height = getClientHeight();
	var new_width = img_width*window_height/img_height;
	var new_height = img_height*window_width/img_width;
	if(new_width > window_width) {
		$(element).style.width=new_width+"px";
		$(element).style.height=window_height+"px";
		$(element).style.left=(0-(new_width-window_width)/2)+"px";
		$(element).style.top=0+"px";
		
	}
	else {
		$(element).style.width=window_width+"px";
		$(element).style.height=new_height+"px";
		$(element).style.left=0+"px";
		$(element).style.top=(0-(new_height-window_height)/2)+"px";
	}
	$(element).style.display='block';
};

function getClientWidth() {
  var x = window.innerWidth ||
          document.documentElement.clientWidth ||
          document.body.clientWidth;
  return x ? x : 0;
}

function getClientHeight(){
  var y = window.innerHeight ||
          document.documentElement.clientHeight ||
          document.body.clientHeight;
  return y ? y : 0;
}




function fix_bodywrap(){
	
	var h = getClientHeight();
	var w = getClientWidth();
	
	$("body_wrap").setStyle('width', w );
	$("body_wrap").setStyle('height', h);
	$("background").setStyle('width', w );
	$("background").setStyle('height', h);
	
}