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

new SmoothScroll({ duration:300 }, window);
mapa_cargado=0;//variable para indicar cuando el mapa se ha cargado

//funcion que le agrega al menu un evento para abrir ciertas opciones con ajax
$$('.enlacemenuajax').addEvent('click', function(){
	var id=this.get('id');
	var req = new Request.HTML({url:this.get('name'), 
		update:'contenidopagina',
		onSuccess: function(tree,elements,html) {
			/*var myFx = new Fx.Tween($('contenidopagina'),{property: 'opacity',duration: 200, transition: Fx.Transitions.linear,link: 'chain'});
			myFx.start(0.6, 1);	
			*/
			/*$('contenidopagina').set('text', '');
			//Inject the new DOM elements into the results div.s
			$('contenidopagina').adopt(tree);
			*/
			switch(id){
				case "principal": gallery(); carrusel(); $$('.enlaceinmuebledetalles').addEvent('click',clickInmuebleDetalles); $('enlace_afilieinmueble').addEvent('click',clickAfiliacion); break;
				case "proyectos_ingenieria":
				case "menu_servicios": servicesDetail(); break;
				case "contactenos": new Asset.javascript('js/contactenos.js'); break;
				case "proyectos":
				case "inmuebles": new Asset.javascript('js/inmuebles.js'); new Asset.javascript('js/slimbox.js'); new Asset.css('style/slimbox.css'); break;
			}
			
		},
		onRequest: requestLoading,
		//Our request will most likely succeed, but just in case, we'll add an
		//onFailure method which will let the user know what happened.
		onFailure: requestFailed
	}).send();
	return false;
	//$('contenidopagina').load(this.get('id'));
});

//Muestra la pagina principal
if ($defined(pagina)){
	if (pagina=="principal")
		$('principal').fireEvent('click');
}

if ($defined($('formfiltros'))){
	$('formfiltros').addEvent('submit', function(event){
		new Event(event).stop();	
		requestLoading();
		this.set('send', {
				onComplete: function (html) {
				/*var myFx = new Fx.Tween($('contenidopagina'),{property: 'opacity',duration: 250, transition: Fx.Transitions.linear,link: 'chain'});
				myFx.start(0.4, 1);	*/
				$('contenidopagina').set('html',html);
				new Asset.javascript('js/inmuebles.js'); 
				new Asset.javascript('js/slimbox.js');
				new Asset.css('style/slimbox.css');	
			}
		});
		this.send();
		
	});
}

//$('enlace_mapa').addEvent('click', clickVerMapa);

//$('enlace_inmuebles').addEvent('click',clickInmuebleDetalles);
//$('enlace_proyectos').addEvent('click',clickInmuebleDetalles);



$('mostrarfiltrosextras').addEvent('click', function(event){
	$('div_mostrarfiltrosextras').slide('out');
	$('filtrosextra').slide('in');
	return false;
});

$('ocultarfiltrosextras').addEvent('click', function(event){
	$('div_mostrarfiltrosextras').slide('in');
	$('filtrosextra').slide('out');
	return false;
});
//$('filtrosextra').slide('out');
$('mostrarfiltrosextras').fireEvent('click');
});




function requestLoading(){
	//if (typeof(mapa_cargado) != 'undefined'){	
		if (mapa_cargado==1 || mapa_cargado==3) {//en 1 es la primera vez del mapa y en 3 es cualquier otra vez del mapa. En 0 nunca se ha entrado
			mapa_cargado=2;//valor para indicar que se ha salido del mapa
			GUnload();
		}
	//}
	$('contenidopagina').set('html', '<div style="text-align:center;width:100%;margin:15px 0 30px 0;"><strong>Espere unos momentos mientras se carga la informaci&oacute;n... / Please wait a second while this information is loaded</strong><br/><br/><br/><img style="margin:auto; display:block;" src="style/loading.gif" alt="Cargando... / Loading..." title="Por favor espere / Please wait"/></div>');	
}
function divLoading(iddiv){
	$(iddiv).set('html', '<strong>Espere unos momentos mientras se carga la informaci&oacute;n...</strong><br /><strong>Wait a second while information is loaded...</strong><br /><img style="margin:auto; display:block;" src="style/loading.gif" alt="Cargando.../ Loading..." title="Por favor espere / Please wait"/>');	
	$(iddiv).setStyle('height','40px');
	$(iddiv).setStyle('visibility','visible');
}
function divRemoveLoading(iddiv){
	$(iddiv).set('text', '');
	$(iddiv).setStyle('visibility','hidden');	
	$(iddiv).setStyle('height','0px');
}
function requestFailed(){
	$('contenidopagina').set('html', '<strong>Intente nuevamente / Try again</strong>');
}

//Carga lo necesario para mostrar informacion relacionada con inmuebles y proyectos
function paginaInmuebles(tree,elements,html){
	/*var myFx = new Fx.Tween($('contenidopagina'),{property: 'opacity',duration: 250, transition: Fx.Transitions.linear,link: 'chain'});
	myFx.start(0.4, 1);			
	* */
	$('contenidopagina').set('text', '');
	//Inject the new DOM elements into the results div.	
	$('contenidopagina').adopt(tree);
	//muestra el cuadro de detalles del inmueble
	new Asset.javascript('js/inmuebles.js'); 
	new Asset.javascript('js/slimbox.js');
	new Asset.css('style/slimbox.css');
	//new Fx.Scroll(window).toElement('inmueble'+id);
}

//Crea el evento clic para enlaces que sean de inmuebles y proyectos
function clickInmuebleDetalles(event){
	var req = new Request.HTML({
		url:this.get('name'),//
		onSuccess: function(tree,elements,html) {
			paginaInmuebles(tree,elements,html);
		},
		onFailure: requestFailed,
		onRequest: requestLoading
	}).send();
	
	return false;
}




//Crea el evento clic para enlaces que sean de inmuebles y proyectos
function clickAfiliacion(event){
	var req = new Request.HTML({
		url:this.get('name'),//
		onSuccess: function(tree,elements,html) {
			$('contenidopagina').set('text', '');
			//Inject the new DOM elements into the results div.	
			$('contenidopagina').adopt(tree);
			$('formven').addEvent('submit',function(e){
				new Event(e).stop();
				new Request.HTML({
					url:this.get("action"),
					data:this,
					update:$('msjven'),
					onComplete: function(){new Fx.Scroll(window).toElement('top');}
				}).send();
							
			});
			
		},
		onFailure: requestFailed,
		onRequest: requestLoading
	}).send();
	
	return false;
}



//Crea el evento clic para enlaces para ver inmueble desde el mapa
function clickMapaInmuebleDetalles(direccion){
	var req = new Request.HTML({
		url:direccion,//
		onSuccess: function(tree,elements,html) {
			paginaInmuebles(tree,elements,html);
		},
		onFailure: requestFailed,
		onRequest: requestLoading
	}).send();
	
	return false;
}


function clickVerMapa(event){
	var req = new Request.HTML({
		url:this.get('name'),//
		evalScripts:false, // don't ask mootools to process js
		evalResponse:false, // we will process it manually
		onSuccess: function(tree,elements,html,javascript) {
			//new Asset.javascript("http://maps.google.com/maps?file=api&amp;v=2&amp;hl=es&amp;key="+ $('body').get('class'));
			/*var myFx = new Fx.Tween($('contenidopagina'),{property: 'opacity',duration: 250, transition: Fx.Transitions.linear,link: 'chain'});
			myFx.start(0.4, 1);						
			*/
			$('contenidopagina').set('text', '');
			//Inject the new DOM elements into the results div.	
			$('contenidopagina').adopt(tree);
			if (mapa_cargado==0){//en 0 nunca se ha abierto el mapa, solo se debe hacer una vez
				new Asset.javascript('js/mapa.js'); 
				//new Asset.javascript('js/mapa.js',{load: function(){ alert(predlat); $exec(javascript);}});
				$('contenidopagina').store("codigojs",javascript);
				window.addEvent('domready', function() {
					esperacargarmapa=setInterval("cargaMapa()",2000);
					//$exec(javascript); // process javascript manually AFTER element is loaded
				});
				window.addEvent('unload', function() {
					GUnload();
				});
			}
			else{
				map.setCenter(new GLatLng(predlat, predlng),predzoom);
				map.addControl(new GSmallMapControl());	
				//map.addControl(new GOverviewMapControl());
			}
	
			//$exec(javascript); // process javascript manually AFTER element is loaded
			
			//new Asset.javascript("http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAtvOZR6_u-Lm394gH6TSjZBQ92WsOSS44KcnVG83Y12NRJb7pWBQ6pfFC5NRfg1IhgaTM9tg8IxxHzw");
			//if (javascript) $exec(javascript);
			
		},
		onFailure: requestFailed,
		onRequest: requestLoading
	}).send();
	return false;
}

function cargaMapa(){
	if (typeof(customIcons) != 'undefined'){
		if (mapa_cargado==1){//en 1 es la primera vez del mapa, solo se debe hacer una vez
			javascript=$('contenidopagina').retrieve("codigojs");
			$('contenidopagina').store("codigojs","");
			$exec(javascript);			
		}
		clearInterval(esperacargarmapa);
		map_load();
	}
}



/*
new Request.HTML({
	url: '/Ajax.Request.Example.html',
	method: 'get',
	update: 'ajaxExample',
	evalScripts: true,
	onComplete: function(){console.log('ajax complete!')}
}).send();
*/



	/*
window.addEvent('domready', function() {
	var myVerticalSlide = new Fx.Slide('textoservicio', {
    duration: 1000,
     mode: 'horizontal',
    transition: Fx.Transitions.Bounce.easeOut,
});
	for (var i=1; i<=5;i++){
		$('servicio'+i).addEvent('mouseover', function(){		
		myVerticalSlide.hide();
		myVerticalSlide.slideIn();
		$('textoservicio').innerHTML= $('texto'+this.get('id')).innerHTML;		
		$$('.tituloservicio').set('styles', {
    'background':'transparent url(style/bg_tituloservicio.png) repeat-x'
});
this.set('styles', {
    'background':'transparent url(style/bg_tituloservicio_a.png) repeat-x'
});
		
		});
}
$('servicio1').fireEvent('mouseover');
});
*/

/*
Imagedirs: cadena con las ubicaciones de las imagenes, separadas por "','", ejemplo: "direccion/de/la/imagen1.jpg','direccion/de/la/imagen2.jpg','direccion/de/la/imagen3.jpg"
idimagen: Id de la imagen en el html
Start: posicion del arreglo con la primera imagen a mostrar. el arreglo se forma con Imagedirs
tiempo: milisegundos en los que estara cada imagen
Imagelinks: cadena con los enlaces a los que debe apuntar cada imagen, separadas por "','", ejemplo: "http://www.google.com/','http://www.latinosftpsa.com/','http://www.yahoo.com/"
idenlace: Id de la imagen en el html
*/

function RotateImages(Imagedirs,idimagen,Start,tiempo,Imagelinks,idenlace)
{
    var ImageArr = Imagedirs.split("','");
    var ImageHolder = document.getElementById(idimagen);
    var ImageLinkArr = Imagelinks.split("','");
    var ImageLink = document.getElementById(idenlace);
    var a = eval(ImageArr);
    var b = eval(ImageHolder);
    var c = eval(ImageLinkArr);
    var d = eval(ImageLink);

    if (a && b && c && d){
    	if(Start>=a.length)
			Start=0;
    
		b.src = a[Start];

		d.href = c[Start];
		window.setTimeout("RotateImages(\""+Imagedirs+"\",\""+idimagen+"\","+(Start+1)+","+tiempo+",\""+Imagelinks+"\",\""+idenlace+"\")",tiempo);
	}
}


/*
Ejemplo:
RotateImages("<?echo implode("','",$array_urlimagen); ?>","imageninmueble",0,3500,"<?echo implode("','",$array_linkimagen); ?>","imagenenlace");
*/

