window.addEvent('domready', function(){
			var mySlide = new Fx.Slide('menu',{mode: 'vertical'});
			//mySlide.hide();
			
			var x = new Chain();
			xt=0;
			
			
			var mySlide2 = new Fx.Slide('sub_menu_lateral',{mode: 'horizontal'});
		
			mySlide2.hide();

			
			$('too_menu_lateral').addEvent('mouseenter', function(e){
			mySlide2.slideIn(); $('menuestilo').setOpacity(0); });
			$('menuestilo').addEvent('mouseenter', function(e){
			mySlide2.slideIn(); $('menuestilo').setOpacity(0); });
			$('sub_menu_lateral').addEvent('mouseenter', function(e){
			mySlide2.slideIn(); $('menuestilo').setOpacity(0); });
			$('li_catalogo').addEvent('click', function(e) {
			 mySlide2.toggle(); $('menuestilo').setOpacity(0); });
				
$('li_contacto').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
	$('menuestilo').setOpacity(100);
 
	var url = "contacto.php";
$('noticias').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('noticias'),
		onSuccess: fadenoticias
	}).request();
	});
$('li_ubicacion').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "ubicacion.php";
$('noticias').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('noticias'),
		onSuccess: fadenoticias
	}).request();
	
	//var fxfadein = new Fx.FadeIn('noticias', {duration:2000});
	//fxfadein.start();

});
$('li_noticias').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "noticias.php";
$('noticias').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('noticias'),
		onSuccess: function(){iniciar_scroll_noticias();}
	}).request();
	
	var fxfadein = new Fx.FadeIn('noticias', {duration:2000});
	fxfadein.start();

});
			
			
$('clasico').addEvent('click', function(e) {
			e = new Event(e).stop();
	        mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "clasico.php";
   $('contenido').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('contenido'),
		onSuccess: fadecontenido
	}).request();
	
	//var fxfadein = new Fx.FadeIn('contenido', {duration:2000});
	//fxfadein.start();

});
$('moderno').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "moderno.php";
   $('contenido').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('contenido'),
		onSuccess: fadecontenido
	}).request();
	
	//var fxfadein = new Fx.FadeIn('contenido', {duration:2000});
	//fxfadein.start();
	

});
$('rustico').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "nuevorustico.php";
   $('contenido').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('contenido'),
		onSuccess: fadecontenido
	}).request();
	
	//var fxfadein = new Fx.FadeIn('contenido', {duration:2000});
	//fxfadein.start();

});
			
$('neoclasico').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "neoclasico.php";
   $('contenido').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('contenido'),
		onSuccess: fadecontenido
	}).request();
	
	//var fxfadein = new Fx.FadeIn('contenido', {duration:2000});
	//fxfadein.start();

});
$('nuevosestilos').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "nuevosestilos.php";
   $('contenido').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('contenido'),
		onSuccess: fadecontenido
	}).request();
	
	//var fxfadein = new Fx.FadeIn('contenido', {duration:2000});
	//fxfadein.start();

});
$('projo').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);
	var url = "projo.php";
   $('contenido').setOpacity(0);
	new Ajax(url, {
		method: 'get',
		update: $('contenido'),
		onSuccess: fadecontenido
	}).request();
	
	//var fxfadein = new Fx.FadeIn('contenido', {duration:2000});
//	fxfadein.start();

});
			

			
$('contenido').addEvent('click', function(e) {
	e = new Event(e).stop();
	
	mySlide2.slideOut();
 	$('menuestilo').setOpacity(100);

});
			
			
			
			
		});


function fadenoticias(){
	var fxfadein = new Fx.FadeIn('noticias', {duration:2000});
	fxfadein.start();
	}

function fadecontenido(){
	var fxfadein = new Fx.FadeIn('contenido', {duration:2000});
	fxfadein.start();
	}
			/**
			 * @author Bruno 'Shine' Figueiredo - http://www.brunofigueiredo.com
			 * @version 1.0 
			 */
			
				
			/**
			 * Handles the image gallery
			 */
			var galleryManager = 
			{
				/**
				 * the overlay html element
				 */
				objOverlay:null,
				/**
				 * the gallery html element
				 */
				objGallery:null,
				/**
				 * the image container html element
				 */
				objImageContainer:null,
				/**
				 * the image html element
				 */
				objImage:null,
				/**
				 * overlay opacity effects object
				 */
				efxOverlay:null,
				/**
				 * image container opacity effects object
				 */
				efxImageContainer:null,
				/**
				 * image container width effects object
				 */
				efxImageContainerW:null,
				/**
				 * image container height effects object
				 */
				efxImageContainerH:null,
				/**
				 * image effects object
				 */
				efxImage:null,
				
				/**
				 * shows the overlay html element
				 */
				show: function()
				{
					this.efxOverlay.custom(0,0.8);
					this.objGallery.setStyle("display","");
				},
				
				/**
				 * hides the overlay html element
				 */
				hide: function()
				{				
					this.efxOverlay.hide();
				},
				/**
				 * Setups the gallery
				 */
				setup: function()
				{
					// gets the Body
					var objBody = document.getElementsByTagName("body").item(0);
					
					// creates overlay and sets its properties
					this.objOverlay = new Element("div");
					this.objOverlay.id = "overlay";
					this.objOverlay.setStyle("width",Window.getWidth());
					this.objOverlay.setStyle("height",Window.getHeight());
					objBody.appendChild(this.objOverlay);
					
					// creates overlay opacity effects
					this.efxOverlay = this.objOverlay.effect("opacity",{duration:300});
					this.efxOverlay.hide();
					
					// attach click event to overlay
					this.objOverlay.addEvent("click",galleryManager.close);
					
					// creates gallery div
					this.objGallery = new Element("div");
					this.objGallery.id = "imgGallery";
					this.objGallery.setStyle("display","none");
					objBody.appendChild(this.objGallery);
					this.objGallery.addEvent("click",galleryManager.close);
										
					// creates image container div inside de gallery div
					this.objImageContainer = new Element("div");
					this.objImageContainer.id = "imageContainer";
					this.objGallery.appendChild(this.objImageContainer);
					this.objImageContainer.addEvent("click",galleryManager.close);
					// creates the image container effects
					this.efxImageContainer = this.objImageContainer.effect("opacity",{duration:300});
					this.efxImageContainerW = this.objImageContainer.effect("width",{duration:600});
					this.efxImageContainerH = this.objImageContainer.effect("height",{duration:600, onComplete:function(){
						galleryManager.efxImage.custom(0,1);}});
					this.efxImageContainer.hide();
					
					// creates the image element inside the imageContainer div
					this.objImage = new Element("img");
					this.objImage.id = "img";
					this.objImageContainer.appendChild(this.objImage);
					this.objImage.addEvent("click",galleryManager.close);
					//creates the image effects
					this.efxImage = this.objImage.effect("opacity",{duration:300});
					this.efxImage.hide();
					
					// gets all images to be handle by this
					document.getElements("a").each(function(anchor){

						if (anchor.rel.toLowerCase().match("mootoolsgallery"))
						{							
							// attach click event
							anchor.onclick = galleryManager.loadImage.bindAsEventListener(anchor);
						}
					});
		
				},
				
				/**
				 * Loads the image viewer
				 */
				loadImage: function()
				{
					galleryManager.show();
					var imgToLoad = new Image();
					imgToLoad.onload = function(){
						galleryManager.objImageContainer.setStyle("top","20px");
						galleryManager.efxImageContainer.custom(0,1);
						galleryManager.efxImageContainerH.custom(galleryManager.objImageContainer.offsetHeight,imgToLoad.height);
						galleryManager.efxImageContainerW.custom(galleryManager.objImageContainer.offsetWidth,imgToLoad.width);
						galleryManager.objImage.src=imgToLoad.src;
					};
					imgToLoad.src = this.href;
					return false;
				},
				
				/**
				 * closes the image viewer
				 */
				close: function()
				{
					galleryManager.efxImage.hide();
					galleryManager.efxImageContainer.hide();
					galleryManager.objGallery.setStyle("display","none");
					galleryManager.hide();
				}
			}
			
			window.onload = function()
			{
				galleryManager.setup();
			}