function muestra(id) {
    $(id).show();
 }
 function oculta(id) {
    $(id).hide();
}
var id_a = "main_image_back_b";
var id_b = "main_image_back";
var temp = "";

function load_image() {

        if (id_a == "main_image_back") {
               id_a = "main_image_back_b";
               id_b = "main_image_back";
        }
        else {
               id_a = "main_image_back";
               id_b = "main_image_back_b";
        }
        $(id_b).setStyle({ zIndex: '0' });
        $(id_a).setStyle({ zIndex: '1' });
                  i++;                    
            if (i == 18) i = 1;
        var newImage 	= null;
		newImage 		= new Image();
		newImage.src 	= "/themes/armacor/images/"+i+".jpg";
		newImage.id = id_b;
               $(newImage).setStyle({ zIndex: '0' });
                dimensiones = document.viewport.getDimensions();
                $(newImage).writeAttribute({width: dimensiones.width});
                $(newImage).writeAttribute({height: dimensiones.width/1.48});
         

		// image is in cache (IE6 & IE7 ... Firefox can handle the onload well even file was in cache);
		if (newImage.complete) {
			$(id_b).replace(newImage);	
			SlideShow();	
		// image not in cache
		} else {
			newImage.onload = function() {
                        $(id_b).replace(newImage);	
            		SlideShow();
			}.bind(this);
		}
}

function SlideShow() {
        if (Effect != null) {
            Effect.Fade(id_a, { duration:2, from:1.0, to:0.0 });
        } 
}

var AjustaImagen = Behavior.create({
    initialize: function() {
        dimensiones = document.viewport.getDimensions();
        im = $('main_image_back');
        im.width = dimensiones.width;  
        im.height = dimensiones.width/1.48; 
        im = $('main_image_back_b');
        im.width = dimensiones.width; 
        im.height = dimensiones.width/1.48;
        var wait = 10000;
        setInterval("load_image()", wait);  
    }    
});

function oculta_catalogos() {
     Effect.Fade("catalogos_menu", { duration:1, from:1, to:0 });
}

var CatalogosClick = Behavior.create({
    onclick: function(e) {
        Event.stop(e);
        Effect.Appear("catalogos_menu", { duration:1, from:0, to:1 });
        setTimeout("oculta_catalogos()", 8000);
    }    
});


//######################################################
Event.addBehavior({
  '.ajusta_imagen': AjustaImagen(),
  '.catalogos_click': CatalogosClick()
});