// JavaScript Document


var PageScript = {
	
	
	
	start: function()
	{

		PageScript.InitializePage();			
		if ($('kwick')) 
		{
		
			PageScript.ImageNavigation1();
		}
	},
		
	handlers : 
	{
		handler1 :function(event)
		{
			
			switch(this.target)
			{
			case 'StartPage':
			  	PageScript.pageEvents.hide('StartPage.html');
			  	break;    
			case 'MobilierApartament':
				PageScript.pageEvents.hide('MobilierApartament.html');
  				break;
			case 'MobilierBirou':
				PageScript.pageEvents.hide('MobilierBirou.html');
  				break;
			case 'Contact':
				PageScript.pageEvents.hide('Contact.html');
				break;
			case 'Avertisment':
				PageScript.pageEvents.hide('Avertisment.html');
				break;
			default:
			}
		
		}
		
	},
	
	pageEvents : 
	{
		
		hide : function(Location)
		{

		
						
			// 4. Size down main content : 1000 to 0 px
				
			PageScript.pageEvents.hideContent(Location);
		},
		
		hideContent : function(Location)
		{

			//Core.Style.Effects.Size_ChangeWidth1('main_content_div',600,1000, 0);
			//Core.Style.Effects.Opacity_Fade_Effect2('main_content_div', 1500, 1, 0);
			setTimeout("LoadPage('"+Location+"')",100);
		}
	},
		
		
	InitializePage: function(){
	
		var pic_opac_min=0.7;
		var pic_opac_max=1;
		
		var txt_opac_min=0.7;
		var txt_opac_max=1;
		
		var mnu_fade_spd_enter = 250;				
		var mnu_fade_spd_leave = 500;				
		
		//Core.Style.Effects.Opacity_SetValue('main_content_div', 1);	
		Core.Style.Effects.Opacity_SetValue('logo', 0);
		Core.Style.Effects.Opacity_SetValue('slogan_container', 0);
		
		Core.Style.Effects.Opacity_SetValue('container_Image1', 0);
		Core.Style.Effects.Opacity_SetValue('container_Image2', 0);	
		Core.Style.Effects.Opacity_SetValue('text_Birou', 0);
		Core.Style.Effects.Opacity_SetValue('text_Apartament', 0);		
		Core.Style.Effects.Opacity_SetValue('menu_table', 0);	
		
		Core.Style.Operations.SetValue("main_content_table","display","");
		Core.Style.Effects.Size_ChangeWidth1('main_content_div',400,0, 1000);
		
		var initialization1 = function()
		{
			// 1. Fade Up : Logo & Slogan
			Core.Style.Effects.Opacity_FadeUp_Effect1('logo', 2500);
			Core.Style.Effects.Opacity_Fade_Effect1('slogan_container', 3500, 0, 1);
			
		};
		
		initialization1.delay(2500);
				
		var initialization2 = function()
		{
			// 2. Fade up : Images
			Core.Style.Effects.Opacity_Fade_Effect2('container_Image1', 500, pic_opac_max);
			Core.Style.Effects.Opacity_Fade_Effect2('container_Image2', 500,  pic_opac_max);			
			// 3. Fade up : Texts
			Core.Style.Effects.Opacity_Fade_Effect2('text_Birou', 1500,  txt_opac_min);
			Core.Style.Effects.Opacity_Fade_Effect2('text_Apartament', 2500,  txt_opac_min);	
		}
				
		initialization2.delay(1500);
		
		var initialization3 = function()
		{
			// 4. Fade up : Main Menu
			Core.Style.Effects.Opacity_Fade_Effect1('menu_table', 500, 0, 1);
		
		}
		
		initialization3.delay(500);
		
		var initialization4 = function()
		{
			//sCore.Style.Effects.Position_ChangeX3('logo', 4000, 0);
		}
		
		initialization4.delay(3000);
		
		/* Mouse over images : Fade Up opacity from min to max */
		
		//Core.Style.Effects.Mouse_FadeEffect1('container_Image1', 500, pic_opac_min, pic_opac_max);
		//Core.Style.Effects.Mouse_FadeEffect1('container_Image2', 500, pic_opac_min, pic_opac_max);
		
		/* Mouse over dependencies  */
		Core.Style.Effects.Mouse_FadeEffect1_Dependency('container_Image1',['container_Apartament'], 500, pic_opac_min, pic_opac_max);
		Core.Style.Effects.Mouse_FadeEffect1_Dependency('text_Birou',['container_Image2','container_Birou'], 500, txt_opac_min, txt_opac_max);
		Core.Style.Effects.Mouse_FadeEffect1_Dependency('container_Image2',['container_Birou'], 500, pic_opac_min, pic_opac_max);
		Core.Style.Effects.Mouse_FadeEffect1_Dependency('text_Apartament',['container_Image1','container_Apartament'], 500, txt_opac_min, txt_opac_max);
		/* Image reciproc exclusion */
		Core.Style.Effects.Mouse_FadeEffect1_Dependency('container_Image1',['container_Image2','container_Birou'], 500, pic_opac_max,0.2);
		Core.Style.Effects.Mouse_FadeEffect1_Dependency('container_Image2',['container_Image1','container_Apartament'], 500, pic_opac_max, 0.2);
		
		
		
		/* Main Menu Effects */
		for ( var index = 1; index<=6; index++)
		{			
			Core.Style.Effects.Mouse_MenuEffect3('menu_option'+index, mnu_fade_spd_enter, mnu_fade_spd_leave, '.menu'+index, '.menu'+index+'_Hover');			
		}
		/* Menu Actions */
		$('menu_option1').addEvent('click', PageScript.handlers.handler1.bindWithEvent({target:'StartPage'}));
		$('menu_option2').addEvent('click', PageScript.handlers.handler1.bindWithEvent({target:'Contact'}));
		$('menu_option3').addEvent('click', PageScript.handlers.handler1.bindWithEvent({target:'Avertisment'}));
		
		
		$('link_Apartament').addEvent('click', PageScript.handlers.handler1.bindWithEvent({target:'MobilierApartament'}));
		$('link_Birou').addEvent('click', PageScript.handlers.handler1.bindWithEvent({target:'MobilierBirou'}));
		$('text_Apartament').addEvent('click', PageScript.handlers.handler1.bindWithEvent({target:'MobilierApartament'}));
		$('text_Birou').addEvent('click', PageScript.handlers.handler1.bindWithEvent({target:'MobilierBirou'}));
	
		
	},
	
	ImageNavigation1: function(){
		var kwicks = $$('#kwick .kwick');
		var fx = new Fx.Elements(kwicks, {wait: false, duration: 1800, transition: Core.Style.Transitions.Elastic_EaseOut});
		kwicks.each(function(kwick, i){
			kwick.addEvent('mouseenter', function(e){

				
				var obj = {};
				obj[i] = {
					'width': [kwick.getStyle('width').toInt(), 550]
				};
				kwicks.each(function(other, j){
					if (other != kwick){
						var w = other.getStyle('width').toInt();
						if (w != 400) obj[j] = {'width': [w, 450]};
					}
				});
			
				fx.start(obj);
			});
		});
		
		$('kwick').addEvent('mouseleave', function(e){
			var obj = {};
			kwicks.each(function(other, j){
				obj[j] = {'width': [other.getStyle('width').toInt(), 500]};
			});
			fx.start(obj);
		});
	}
	
	
};


/* Wire Up PageScript flow */
window.addEvent('load', PageScript.start);

function LoadPage(pageLocation)
{
	location.href=pageLocation;
}