window.addEvent('domready', function(){
	operaBackground();
	subMenuHover();
	menuHover();
});

//Esta funcion se encarga de los efectos en menu superior
function subMenuHover(){
	$$('.sub-menu-options').addEvents({
		'mouseover': function(){
			$(this).setStyle('color', '#ffffff').getParent('li').setStyle('background', '#e51212'); //Efecto mouseover
		},

		'mouseout': function(){
			var active = $(this).getProperty('data-active');
			if(active!='on') $(this).setStyle('color', '#e51212').getParent('li').setStyle('background', '#ffffff'); //Efecto mouseout
		},

		'click': function(){
			$(this).setStyle('color', '#ffffff').setProperty('data-active', 'on').getParent('li').setStyle('background', '#e51212');

			var itemIndex = $(this).getProperty('tabindex'); //Propiedad tabindex
			var unselected = $$('.sub-menu-options:not([tabindex="'+itemIndex+'"])'); //Se seleccionan todos los elementos del menu, menos el elemento activo

			$$('.pmenu-options').each(function(e){ //Para cada elemento seleccionado
				e.setStyle('background', '#ff1a00 url(images/button.png) 0 0 repeat-x').setProperty('data-active', 'off');}); //Se restablecen sus estilos originales

			unselected.each(function(e){ //Para cada elemento seleccionado
				e.setStyle('color', '#e51212').setProperty('data-active', 'off').getParent('li').setStyle('background', '#ffffff');});}}); //Se restablecen sus estilos originales
};

//Esta funcion se encarga de activar el gradiente en Opera
function operaBackground(){
	if(Browser.Engine.presto) $$('#content').setStyle('background', '#2a2e31 url(images/back.png) repeat-x'); //Si el navegador esopera, se activa el gradiente
};

//Esta funcion se encarga de los efectos en el menu lateral
function menuHover(){
	$$('.pmenu-options').addEvents({
		'mouseover': function(){
			$(this).setStyle('background', '#000000 url(images/button.png) 0 -30px repeat-x') //Efecto mouseover
		},

		'mouseout': function(){
			var active = $(this).getProperty('data-active');
			if(active!='on') $(this).setStyle('background', '#ff1a00 url(images/button.png) 0 0 repeat-x') //Efecto mouseout
		},

		'click': function(){
			$(this).setStyle('background', '#000000 url(images/button.png) 0 -30px repeat-x').setProperty('data-active', 'on')

			var itemIndex = $(this).getProperty('tabindex'); //Propiedad tabindex
			var unselected = $$('.pmenu-options:not([tabindex="'+itemIndex+'"])'); //Se seleccionan todos los elementos del menu, menos el elemento activo

			$$('.sub-menu-options').each(function(e){ //Para cada elemento seleccionado
				e.setStyle('color', '#e51212').setProperty('data-active', 'off').getParent('li').setStyle('background', '#ffffff');}); //Se restablecen sus estilos originales

			unselected.each(function(e){ //Para cada elemento seleccionado
				e.setStyle('background', '#ff1a00 url(images/button.png) 0 0 repeat-x').setProperty('data-active', 'off');});}}); //Se restablecen sus estilos originales
};

//Esta funcion se encarga de crear la galeria en la pagina principal
function gallery(){
	var slides = [
	{ image: 'img1.jpg', caption: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit' },
	{ image: 'img6.jpg', caption: 'Excepteur sint occaecat cupidatat non proident' },
	{ image: 'img2.jpg', caption: 'Excepteur sint occaecat cupidatat non proident' },
	{ image: 'img3.jpg', caption: 'Excepteur sint occaecat cupidatat non proident' },
	{ image: 'img4.jpg', caption: 'Excepteur sint occaecat cupidatat non proident' },
	{ image: 'img5.jpg', caption: 'Excepteur sint occaecat cupidatat non proident' },
	{ image: 'img7.jpg', caption: 'Excepteur sint occaecat cupidatat non proident' },
	{ image: 'img1.jpg', caption: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit' }
];

	$('blinds').floom(slides, {
	  slidesBase: 'images/',
	  captions: false,
	  progressbar: false,
	  axis: 'vertical'
	});
};

//Esta funcion se encarga de mostrar en detalle cada uno de los servicios
function servicesDetail(){
	$$('#servicios ul li').addEvents({
		'click': function(){
			var name = this.getProperty('name'); //Nnombre
				//$$('#servicios_detalle').load(name); //Se carga el contenido del archivo html
				new Request.HTML({
					url:name,
					update:$('servicios_detalle'),
					onComplete: function(){servicesLinks();}
				}).send();
				
				
				

			this.setProperty('data-active', 'on').setStyles({ 'color' : '#e51212', 'font-weight' : 'bold', 'text-decoration' : 'underline' }); //Link activo

			var unselected = $$('#servicios ul li:not([name="'+name+'"])'); //Se seleccionan todos los links menos el que se encuentra activo

			unselected.each(function(e){ //Para cada link inactivo se restablecen sus estilos
				e.setProperty('data-active', 'off').setStyles({ 'color' : '#000000', 'font-weight' : 'normal', 'text-decoration' : 'none' });});
		},

		'mouseover': function(){
			this.setStyles({ 'color' : '#e51212', 'font-weight' : 'bold', 'text-decoration' : 'underline' }); //Efecto mouseover
		},

		'mouseout': function(){
			var active = this.getProperty('data-active');
			if(active!='on') $(this).setStyles({ 'color' : '#000000', 'font-weight' : 'normal', 'text-decoration' : 'none' });}}); //Efecto mouseout
			
			$("idfirstselectedservice").fireEvent('click');
};


//Esta funcion se encarga de crear el carrusel
function carrusel(){
	new SlideItMoo({
		overallContainer: 'SlideItMoo_outer',
		elementScrolled: 'SlideItMoo_inner',
		thumbsContainer: 'SlideItMoo_items',
		itemsVisible:2,
		elemsSlide:2,
		duration:300,
		itemsSelector: '.SlideItMoo_element',
		itemWidth: 294,
		itemHeight: 140
	});
}


function servicesLinks(){
$$('.enlacecontacto').addEvent('click', function(){
	var req = new Request.HTML({url:this.get('name'), 
		update:'contenidopagina',
		onSuccess: function(tree,elements,html) {
			new Asset.javascript('js/contactenos.js');
		},
		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;	
});

$$('.enlaceinmuebles').addEvent('click', function(){
	id=this.get('id');
	var filtros="";
	switch (id){
		case "enlaceinmueblescompra": filtros="compraventa=compra"; break;
		case "enlaceinmueblesarriendo": filtros="compraventa=arriendo"; break;
	}
	var req = new Request.HTML({url:this.get('name'), 
		update:'contenidopagina',
		data:filtros,
		method:'post',
		onSuccess: function(tree,elements,html) {
			new Asset.javascript('js/inmuebles.js'); new Asset.javascript('js/slimbox.js'); new Asset.css('style/slimbox.css');
		},
		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;	
});

$$('.enlaceafilieinmueble').addEvent('click',clickAfiliacion);


}