/***********************/
/* Prototype functions */
/***********************/


Event.observe(window, 'load', function() {
	
	/* Controls the mouseover and mouseout of social images */
	$$("#header ul.social li img").invoke( "observe", "mouseover", function(event) {
		var img = $(this);
		var src = img.readAttribute("src");
		var regexp = new RegExp("(.+)?\\.(.+)");		
		regexp.exec( src );
		var newsrc = RegExp.$1 + "_black." + RegExp.$2;				
		img.writeAttribute("src",newsrc);
	});
	$$("#header ul.social li img").invoke( "observe", "mouseout", function(event) {
		var img = $(this);
		var src = img.readAttribute("src");
		var regexp = new RegExp("(.+)_black.(.+)");
		regexp.exec( src );
		var newsrc = RegExp.$1 + "." + RegExp.$2;				
		img.writeAttribute("src",newsrc);
	});
	/*********************************************/

	/* Controls the mouseover and mouseout of main menu */
	$$("#main-menu ul li img").invoke( "observe", "mouseover", function(event) {
		var img = $(this);
		if( !img.hasClassName("selected") ) {
			var src = img.readAttribute("src");
			var regexp = new RegExp("(.+)?\\.(.+)");		
			regexp.exec( src );
			var newsrc = RegExp.$1 + "-selected." + RegExp.$2;				
			img.writeAttribute("src",newsrc);
		}
	});
	$$("#main-menu ul li img").invoke( "observe", "mouseout", function(event) {
		var img = $(this);
		if( !img.hasClassName("selected") ) {			
			var src = img.readAttribute("src");
			var regexp = new RegExp("(.+)-selected.(.+)");		
			regexp.exec( src );
			var newsrc = RegExp.$1 + "." + RegExp.$2;				
			img.writeAttribute("src",newsrc);
		}
	});
	/*********************************************/	
	
	/* Controls the mouseover and mouseout of interior menu */
	$$("#interior-menu ul li img").invoke( "observe", "mouseover", function(event) {
		var img = $(this);
		var li = img.up(1);
		if( !li.hasClassName("selected") ) {
			var src = img.readAttribute("src");
			var regexp = new RegExp("(.+)?\\.(.+)");		
			regexp.exec( src );
			var newsrc = RegExp.$1 + "-selected." + RegExp.$2;				
			img.writeAttribute("src",newsrc);
			li.setStyle({background: "url('/images/li_background_selected.gif') repeat-x bottom left"});
		}
	});
	$$("#interior-menu ul li img").invoke( "observe", "mouseout", function(event) {
		var img = $(this);
		var li = img.up(1);
		if( !li.hasClassName("selected") ) {
			var src = img.readAttribute("src");
			var regexp = new RegExp("(.+)-selected.(.+)");		
			regexp.exec( src );
			var newsrc = RegExp.$1 + "." + RegExp.$2;				
			img.writeAttribute("src",newsrc);
			li.setStyle({background: "url('/images/li_background.gif') repeat-x bottom left"});		
		}
	});
	/*********************************************/
	
	/* Controls the mouseover and mouseout of slider images */
	$$("#slider img").invoke( "observe", "mouseover", function(event) {
		var img = $(this);
		var src = img.readAttribute("src");
		var regexp = new RegExp("(.+)?\\.(.+)");		
		regexp.exec( src );
		var newsrc = RegExp.$1 + "_hover." + RegExp.$2;
		img.writeAttribute("src",newsrc);
	});
	$$("#slider img").invoke( "observe", "mouseout", function(event) {
		var img = $(this);
		var src = img.readAttribute("src");
		var regexp = new RegExp("(.+)_hover.(.+)");		
		regexp.exec( src );
		var newsrc = RegExp.$1 + "." + RegExp.$2;				
		img.writeAttribute("src",newsrc);		
	});
	/*********************************************/	
	
	/* Controls de the click event on next-image link */
	if( $("slider") ) {		
		Event.observe($("next"), 'click', function(event) {
			var images = $$("#main-image img");
			var length = images.length - 3;
			for( var i = 0 ; i < length ; i++ ) {
				var image = images[i];
				if( image.readAttribute("id") == "main" ) {
					selected_image = images[i+1];
					if( selected_image ) {
						image.setStyle({});
						image.fade({ duration: 0.9 });
						setTimeout("selected_image.appear({ duration: 1 });",800);
						image.removeAttribute("id");
						selected_image.writeAttribute("id","main");
						break;
					}
				}
			} 
		});
	}
	
	/* Controls de the click event on previous-image link */
	if( $("slider") ) {		
		Event.observe($("prev"), 'click', function(event) {
			var images = $$("#main-image img");			
			var length = images.length - 2;
			for( var i = 0 ; i < length ; i++ ) {
				var image = images[i];
				if( image.readAttribute("id") == "main" && i > 0 ) {
					selected_image = images[i-1];
					if( selected_image ) {
						image.setStyle({});
						image.fade({ duration: 0.9 });
						setTimeout("selected_image.appear({ duration: 1 });",800);
						image.removeAttribute("id");
						selected_image.writeAttribute("id","main");
						break;
					}
				}
			}
		});
	}
	
	
	if( $('interior-menu') ) {
		$('interior-menu').setStyle({visibility:""});
	}
	
	if( $('slider') ) {
		$('slider').setStyle({visibility:""});
	}
	
	if( $('main-image') ) {
		$('loading').setStyle({display:"none"});
		$('main-image').setStyle({visibility:""});
	}
	
	if( $('interior-menu') ) {
		$('menu-loading').setStyle({display:"none"});
		$('list-menu').setStyle({display:"block"});
	}
	
	/* Controls de the mouseover event on logo-link link */
	if( $('logo-link') ) {		
		Event.observe($('logo-link'), 'mouseover', function(event) {
			if( !$('logo-home').visible() ) {
				$('logo-home').appear();		
				setTimeout("$('logo-home').fade();",10000);
			}
		});
		Event.observe($('logo-home'), 'mouseout', function(event) {
			if( $('logo-home').visible() ) {
				//$('logo-home').fade();		
				//setTimeout("$('logo-home').fade();",10000);
			}
		});
	}
	
	/* Controls de the mouseover event on introduction-link link */
	
	
	if($('introduction-container')){
		new Draggable('introduction-container');
	}
	
	if($('logo-container')){
		new Draggable('logo-container');
	}
	
});