window.addEvent("domready", function(event){
	
	
	
	$('background_white').setStyle('background-position', '0px -1820px' );
	
	
	
	var list_button= new Class({
	
		Implements: [Options, Events],
		options: {
			divButtons: null,
			statusOpenDivHeader: 0,
			globalLock: false,
			listButtonElement: null,
			listButtonObject: new Array(),
			listProcessIdPage: null,
			issetOpenCloseDivHeaderFoto: false,
			test:'giusto'
		},
		
		
		initialize: function(options){
				this.setOptions(options);
				
				this.options.listButtonElement=$$(this.options.divButtons);
				this.options.listButtonElement.each(function(elm,index){ 
				   var temp_button=null; 
					temp_button=new button({ 'element' : elm });
					//alert (index);
					//alert('array='+this.options.listButton.length);
					this.options.listButtonObject[index]=temp_button;
				}.bind(this));
				this.options.listButtonObject.each(function(elm,index){
					
					elm.options.linkObjectButton=this;
					}.bind(this));
			
			   if($('openCloseDivHeaderFoto'))
			   {
				   this.options.issetOpenCloseDivHeaderFoto=true;
				   //Buttone per apertura finestra
				   $('openCloseDivHeaderFoto').addEvent('click',function(){
					   	
						if ($('openCloseDivHeaderFoto').hasClass('openButtonDivHeaderFoto'))
						{		
							var fx_background_white = new Fx.Tween('header_foto',{ 
								duration : 500,
								onComplete: function() {  
									//myBackgroundWhite_in.start({ 'background-position': '0px 0px' });
									}
							});
							fx_background_white.start('height', '200','500');
							$('openCloseDivHeaderFoto').removeClass('openButtonDivHeaderFoto');
							$('openCloseDivHeaderFoto').addClass('closeButtonDivHeaderFoto');
						}
						else
						{
							//Due casi
							//Caso in cui è aperto 
							
							var el_background=$('background_white').getStyles('background-position');
							if ((el_background['background-position']!='0px 0px') && (el_background['background-position']!='0% 0%'))
							{	
							
							
								var fx_background_white = new Fx.Tween('header_foto', { 
											duration : 500,
											onComplete: function() {} 
											});
								fx_background_white.start('height', '500','200');
								$('openCloseDivHeaderFoto').removeClass('closeButtonDivHeaderFoto');
								$('openCloseDivHeaderFoto').addClass('openButtonDivHeaderFoto');
							
							}
							else
							{
								$$('.header_foto_close').fireEvent('click'); 
							}
							
							//this.closeDivHeader();
	
						}
					   
					   }.bind(this));
			   }
					
		
		},
		loadDivHeader : function(nameButton)
		{
			
			if (!this.options.globalLock)
			{
				this.options.globalLock=true;
				
				//this.options.listButtonObject.each(function(elm,index){  elm.disableButton();});
				this.disableButtons();
				var el_background=$('background_white').getStyles('background-position');
				
				var buttonCloseHeaderFoto=true;
				var buttonOpenHeaderFoto=false;
				if(this.options.issetOpenCloseDivHeaderFoto)
				{
					buttonCloseHeaderFoto=$('openCloseDivHeaderFoto').hasClass('openButtonDivHeaderFoto');
					buttonOpenHeaderFoto=$('openCloseDivHeaderFoto').hasClass('closeButtonDivHeaderFoto')
				}
					
				if ( ((el_background['background-position']!='0px 0px') && (el_background['background-position']!='0% 0%')) && buttonCloseHeaderFoto)
				{	
					//Apertura + effeto bianco
					this.openDivHeader(nameButton,1);		
					//this.options.globalLock=false;
					return true;
								
				}
				else 
				{
				
					if (buttonOpenHeaderFoto)
					{
						//Apri solo l'effetto del bianco
						this.openDivHeader(nameButton,0);
					}
					else
					{
						//Scheda Aperta carica solo ajax
						this.startAjax(nameButton);
						this.options.globalLock=false;
						return true;
					}
				}
			}
			else
			{
				return false;
			}
		},
		openDivHeader : function(nameButton,total)
		{

			var myBackgroundWhite_in= new Fx.Morph($('background_white'), { 
						'duration': 700 ,
						transition: Fx.Transitions.Sine.easeOut, 
						wait:false,
						onComplete: function() { 
							this.options.globalLock=false;
							//alert(this.options.test);
							if (nameButton!='') this.startAjax(nameButton);
							}.bind(this)
						})
						
			if (total==1)
			{
				//Apri scheda
				var fx_background_white = new Fx.Tween('header_foto',{ 
						duration : 500,
						onComplete: function() {  
								myBackgroundWhite_in.start({ 'background-position': '0px 0px' });
							}
						});
				
				fx_background_white.start('height', '200','500');
			}
			else
			{
				myBackgroundWhite_in.start({ 'background-position': '0px 0px' });
			}
			if (this.options.issetOpenCloseDivHeaderFoto)
			{
				$('openCloseDivHeaderFoto').removeClass('openButtonDivHeaderFoto');
				$('openCloseDivHeaderFoto').addClass('closeButtonDivHeaderFoto');
			}
		},
		
		closeDivHeader : function()
		{
			 if ($$('.header_foto_close'))
			  {
					$$('.header_foto_close').addEvent('click', function(e){
						if(e) e.stop();
						this.options.globalLock=true;
						this.disableButtons();
						//Svuoto i contenuti caricati in ajax
						if ($('header_foto_content'))
						{
							$('header_foto_content').setStyle('display','none');
						}
						$('header_foto').empty();
				
						var myBackgroundWhite_out= new Fx.Morph($('background_white'), { 
							'duration': 700 ,
							transition: Fx.Transitions.Sine.easeOut,
							wait:false,
							onComplete: function() { 
								this.options.globalLock=false;
								
								}.bind(this)
							});	
						var fx_background_white = new Fx.Tween('header_foto', { 
											duration : 500,
											onComplete: function() {myBackgroundWhite_out.start({ 'background-position': '0px -1820px' });} 
											});
						fx_background_white.start('height', '500','200');
						//elm.setStyle('background-position','top right');
						if (this.options.issetOpenCloseDivHeaderFoto)
						{
							$('openCloseDivHeaderFoto').removeClass('closeButtonDivHeaderFoto');
							$('openCloseDivHeaderFoto').addClass('openButtonDivHeaderFoto');
						}
				 }.bind(this));
			  }
		},
			
		startAjax : function(nameButton){
			var host = window.location.host;
			var rand = Math.floor(10000 * Math.random());	
		    var pageL=0;
			var pageS='wi';
			if ($('system_language_uid')) 
			{
				pageL=$('system_language_uid').get('value');
			}
			if ($('system_season')) 
			{
				pageS=$('system_season').get('value');
			}
			
			var link_php_start='http://'+host+'/index.php?id='+this.options.listProcessIdPage[nameButton]+'&L='+pageL+'&season='+pageS+'&rand='+rand;
	
			var loadingAjax = null;
			
			var req = new Request.HTML({   
				url: link_php_start,     
				method: 'get',    
				onComplete: function(responseTree, responseElements, responseHTML, responseJavaScript) 
				{  		
					loadingAjax.removeClass('ajax-loading-box');
					$('header_foto').set('html','<div id="header_foto_content"> <div id="bg_'+nameButton+'" ></div></div>');
					var my_element_content=$('bg_'+nameButton); 
					my_element_content.setStyle('opacity','0');	
					//my_element_content.set('html',response);   
					var fx = new Fx.Tween(my_element_content,{
									duration : 500,
									onComplete: function() {
										if (responseJavaScript!='')
										{
											//Caso in cui c'è javascript nel codice html
											my_element_content.set('html',responseHTML+'<script type="text/javascript">'+responseJavaScript+'</script>');
											start_javascript_extern();  
										}
										else
										{
											my_element_content.set('html',responseHTML);  
										}
										this.closeDivHeader();
										
									}.bind(this)
									 });	
					fx.start('opacity', '0', '1');
					
				}.bind(this)   
			});
			
			
			if ($('header_foto_content'))
			{
				//console.log('entrato');
				var fx_out = new Fx.Tween($('header_foto_content'),{
							duration : 300,
							onComplete: function() { 
							 		loadingAjax=$('header_foto').addClass('ajax-loading-box');
									req.send();
								}
							 });	
				fx_out.start('opacity', '1', '0');
			}
			else
			{
				loadingAjax=$('header_foto').addClass('ajax-loading-box');
				req.send();
			}
	
			
			
	
		
			},
		disableButtons : function(){
			this.options.listButtonObject.each(function(elm,index){  elm.disableButton();});
			}
		
		
		});
	
	
	
	var button= new Class({
		Implements: [Options, Events],
		options: {
			name: null,
			element: null,
			linkObjectButton: null,
			status: 0
		},
		
		initialize: function(options){
				this.setOptions(options);
				
				this.options.name=this.options.element.get('id');
	
				this.options.element.addEvent('mouseenter', function(e){		
							if(e) e.stop();
							var fx_button=new Fx.Tween(this.options.element,{ 
										duration : 500,
										onComplete: function() { 
										//this.options.element.fireEvent('mouseleave'); 
										}.bind(this)
										});
							fx_button.start('width', '50','160');
						 	}.bind(this));
				this.options.element.addEvent('mouseleave', function(e){		
							if(e) e.stop();
							var fx_button=new Fx.Tween(this.options.element,{ 
										duration : 500,
										onComplete: function() { }
										});
							fx_button.start('width', '160','50');
						 }.bind(this));	
	
						 			
				this.options.element.addEvent('click', function(e){	
					if(e) e.stop();
					if (this.options.linkObjectButton.options.globalLock==false)
					{
							//alert(this.options.status);
							
							//Forse da eliminare
							if (this.options.status==0) {
								this.options.linkObjectButton.loadDivHeader(this.options.name)
								this.options.element.setStyle('background-position','bottom right');
								this.options.status=1;	
							}
					};	
					
				}.bind(this));
		},
		disableButton : function()
		{
			this.options.element.setStyle('background-position','top right');
			this.options.status=0;
		},
		outControlClose : function()
		{
			var widthButton=this.options.element.get('width');
			if (widthButton>50)
			{
				var fx_button=new Fx.Tween(this.options.element,{ 
										duration : 500,
										onComplete: function() { }
										});
				fx_button.start('width', widthButton,'50');
			}
		}
		
	});
	
	
	
	new list_button({'divButtons' : '.buttonLeftdiv',listProcessIdPage : { "button_video":"123", "button_flickr":"124", "button_facebook":"212", "button_twitter" : "86","button_flickr_en":"124" }});




	//Wetter Top Page Ajax
	if ($('wetter_top'))
	{
		var host = window.location.host;
		var rand = Math.floor(10000 * Math.random());		
		var link_php_wettertop='http://'+host+'/fileadmin/php/wetter_box_page.php?rand='+rand;
		//var log = $('wetter_top').empty().addClass('ajax-loading-box-wetter-top');
		
		var req = new Request({   
			url: link_php_wettertop,     
			method: 'get',    
			onComplete: function(response) 
			{  	
				//$('wetter_top').setStyle('opacity','1');	
				//log.removeClass('ajax-loading-box-wetter-top');
				$('wetter_top').setStyle('opacity','0');	
				$('wetter_top').set('html',response);  
				var fx = new Fx.Tween('wetter_top',{duration : 1200});	
				fx.start('opacity', '0', '1');
			}   
		  }).send(); 
	}


	//Newsletter Bottom
	if ($('footer_content_box3'))
	{
		var pageL=0;
		if ($('system_language_uid')) 
		{
				pageL=$('system_language_uid').get('value');
		}
		
		var rand = Math.floor(10000 * Math.random());
		var host = window.location.host;
		
		var link_php='http://'+host+'/index.php?id=158&L='+pageL+'&rand='+rand;
		var log = $('footer_content_box3').empty();
		var req = new Request({   
				url: link_php,     
				method: 'get',    
				onComplete: function(response) {    $('footer_content_box3').set('html',response);   }   
				}   
		).send();   
	
	}
	
	//Box Carrello
	if ($('warenkorbLeft'))
	{
		var rand = Math.floor(10000 * Math.random());
		var host = window.location.host;
		var pageId=0;
		if ($('system_id_page')) 
		{
			pageId=$('system_id_page').get('value');
		}
		var pageL=0;
		if ($('system_language_uid')) 
		{
				pageL=$('system_language_uid').get('value');
		}
		var link_php_shop='http://'+host+'/index.php?id=185&pageId='+pageId+'&L='+pageL+'&rand='+rand;

	
		var log = $('warenkorbLeft').empty();
		var req = new Request({   
				url: link_php_shop,     
				method: 'get',    
				onComplete: function(response) {    
					$('warenkorbLeft').setStyle('opacity','0');	
					$('warenkorbLeft').set('html',response);  
					var fx = new Fx.Tween('warenkorbLeft',{duration : 1200});	
					fx.start('opacity', '0', '1');
					}   
			}   
		).send();   
	}
	
});


var Kwicks = new Class({

	Implements: [Options],

	options: {
		squeezeWidth: 42,
		maxWidth: 700,
		istart: 0,
		itemstart : null,
		lock :false,
		boxWidth: 910,
		items: null
	},

	initialize: function(list,options) {
		this.setOptions(options);
		this.list = document.id(list);
	
		this.options.maxWidth=this.options.boxWidth-((this.list.getElements('div.kwick').length-1)*this.options.squeezeWidth);
		$$('#kwick .image_content').setStyle('width',this.options.maxWidth-420);
		this.parse();
		this.options.itemstart.getChildren('.button_kwick').fireEvent('click');
	},

	parse: function() {
		var items = this.list.getElements('div.kwick'),
			fx = new Fx.Elements(items, 
								 {	wait: false, duration: 800, transition:Fx.Transitions.Cubic.easeOut, onComplete: function(){  options.lock=false;}}
								 
								 ),
			startWidths = [],
			options = this.options;
		items.each(function(item,i) {
			startWidths.push(item.getStyle('width').toInt());
			
			//var elm_button=item.getElements(button_kwick);
			var elm_button=item.getChildren('.button_kwick');
			elm_button.addEvent('click',function(e){
				if (!options.lock)
				{
					options.lock=true;
					if(e) e.stop();					   
					var fxSettings = {};
					fxSettings[i] = {
						'width': [item.getStyle('width').toInt(),options.maxWidth]
					};
					items.each(function(sibling,ii) {
						if(sibling != item) {
							var w = sibling.getStyle('width').toInt();
							if (w != options.squeezeWidth) {
								fxSettings[ii] = {
									'width': [w,options.squeezeWidth] 
								};
							}
						}
					},this);
					
					fx.start(fxSettings);
					options.itemstart.removeClass('active');
					options.istart=i;
					options.itemstart=item;
					item.addClass('active');
					
					
					//var fxc = new Fx.Tween(item,{duration : 500});	
					//fxc.start('background-position', '0px 0px', '-42px 0px');
					
					
					//$('background_white').setStyle('background-position', '0px -1820px' );
					/*
					var slideActive= new Fx.Morph(item, { 
							'duration': 500 ,
							transition: Fx.Transitions.Sine.easeOut,
							wait:false,
							onComplete: function() { 
						
								//item.addClass('active');
								}
							});	
					slideActive.start({ 'background-position': '0px -173px' });
					*/
					
				}
				
			},this);

			if (i==this.options.istart)
			{	
				this.options.itemstart=item;
			}
			
		},this);
		/*
		this.list.addEvent('mouseleave',function() {

			items.each(function(item,i) {
								item.removeClass('active');
			});
		
		});*/
	}
});


	window.addEvent('domready', function() {
		var kwicks = new Kwicks('kwicks');
	});