// JavaScript Document

var active_slide_home			= 0;
var count_slides_home			= 0;

var slide_urls_home;
var video_urls_home_mp4;
var video_urls_home_ogv;
var video_urls_home_webm;
var slide_links_home;
var slide_video_image;
var slide_ids;
var slide_ttls;

var related_ttls;
var related_items;
var slide_related_content;

var slide_left_btn;
var slide_right_btn;
var slide_slide_bg;

var allow_resize_home				= true;	
var autoplayHome					= true;
var allow_refresh_home				= true;
var allow_auto_refresh_home			= true;

var refresher_home;
var homelink						= '';

var slideshowMode;
var slideshowMode3_imagesTOshow		= 3;
var slides_rolator					= new Array();
var slides_rolatorFX				= new Array();

/*circle nav*/
var home_slide_circles				= new Array();
var FXhome_slide_circles			= new Array();
var side_info 						= false; //default staat de side info hidden (bij slideshowmode 4)

//width = 916 // middle = 458 // width centered rolato = 360 // left pos of number 1 = 458 - 180 = 278
var slides_rolator_x				= new Array(278, 628, 824, 0, -120);
var slides_rolator_y				= new Array(50, 100, 170, 100, 170);
var slides_rolator_scaleX			= new Array(357, 297, 208, 297, 208);
var slides_rolator_scaleY			= new Array(239, 199, 139, 199, 139);
var slides_rolator_Opacity			= new Array(1, 0.8, 0.3, 0.8, 0.3);
var slides_rolator_z				= new Array(10, 6, 2, 6, 2);
var startPositions					= new Array(-300, 400, 0, 0, 0, 0); // x/ y / w / h / o / z
var startPositionsRight				= new Array(1100, 400, 0, 0, 0, 0); // x/ y / w / h / o / z
var images_rolator					= new Array();
function initHomeSlides(){
	active_slide_home			= -1;
	if($('home_slides')){
		if($('valuesURL_2')){
			if($('valuesURL_2').value != ''){
				var url_slides			= $('valuesURL_2').value;
				slide_urls_home			= url_slides.split('#');
				
				var url_videos_mp4		= $('valuesURL_2_mp4').value;
				video_urls_home_mp4		= url_videos_mp4.split('#');
				var url_videos_ogv		= $('valuesURL_2_ogv').value;
				video_urls_home_ogv		= url_videos_ogv.split('#');
				var url_videos_webm		= $('valuesURL_2_webm').value;
				video_urls_home_webm	= url_videos_webm.split('#');
				
				var link_slides			= $('valuesLinks_2').value;
				slide_links_home		= link_slides.split('#');
				var video_image			= $('valuesVideoImage_2').value;
				slide_video_image		= video_image.split('#');
				var slide_ids_value		= $('valuesIDs_2').value;
				slide_ids				= slide_ids_value.split('#');
				
				var ttls				= $('valuesTitles_2').value;
				slide_ttls				= ttls.split('#');
				
				var temp_related_ttls 	= $('related_ttls_home').value;
				related_ttls			= temp_related_ttls.split('#');
				
				var temp_related_items 	= $('related_home').value;
				related_items			= temp_related_items.split('#');
				
				home_slide_circles		= $$('.circle_nav');
				home_slide_circles.each(function(element) {
					var current 					= parseInt(element.getProperty('id').substring(11));
					FXhome_slide_circles[current] 			= element;
					element.setProperty('class','circle_nav');
					
					element.addEvent('click', function(event){
						clearInterval(refresher);
						setSlideHome(position_in_array(current, slide_ids));
				   	});
					
				});
				
				
				slide_left_btn 			= new Fx.Morph($('slides_container_home_btn_prev'), {duration: 450, transition: Fx.Transitions.Cubic.easeOut});
				slide_right_btn 		= new Fx.Morph($('slides_container_home_btn_next'), {duration: 450, transition: Fx.Transitions.Cubic.easeOut});
				slide_slide_bg 			= new Fx.Morph($('slides_container_home'), {duration: 450, transition: Fx.Transitions.Cubic.easeOut});
				
				
				slideshowMode			= parseInt($('slideshowMode').value);
				count_slides_home		= parseInt($('aantal_thumbs_2').value);
				
				if($('home_image_related') && $('home_image_related_bg')){
					//$('home_image_related_bg').setStyle('opacity',0.8);
					slide_related_content	= new Fx.Morph($('home_image_related'), {duration: 600, transition: Fx.Transitions.Cubic.easeOut});
				}
				
				switch(slideshowMode){
					case 1:
						setSlideAutoHome();
						
						if($('slides_container_home')){
							$('slides_container_home').addEvent('click', function(event){ 
								if(homelink!=''){
									window.location	= homelink;	
								}
							});
						}
					break;
					case 3:
						//create (slideshowMode3_imagesTOshow + 2) elements...in these elements all viewable elements are stored as well as the next lefter en next righter
						active_slide_home			= 0;
	
						for(var s=0;s<count_slides_home;s++){
							slides_rolator[s]  	= new Element('div', {
								'class': 'slide_rolator_holder'
							});
							images_rolator[s]  	= new Element('img', {
								'class': 'slide_rolator_image',
								'src': slide_urls_home[s]
							});
							
							slides_rolator[s].inject($('slides_container_home'));
							images_rolator[s].inject(slides_rolator[s]);
							slides_rolatorFX[s] = new Fx.Morph(slides_rolator[s], {duration: 1000, transition: Fx.Transitions.Cubic.easeOut});

							slides_rolatorFX[s].set({'opacity' : startPositions[4], 'left' : startPositions[0], 'top' : startPositions[1], 'width' : startPositions[2], 'height' : startPositions[3], 'z-index' : startPositions[5]});
							
						}
						
						var preposition_right_item	= 3
						slides_rolatorFX[preposition_right_item].set({'opacity' : startPositionsRight[4], 'left' : startPositionsRight[0], 'top' : startPositionsRight[1], 'width' : startPositionsRight[2], 'height' : startPositionsRight[3], 'z-index' : startPositionsRight[5]});
						
						slides_rolatorFX[active_slide_home].set({'opacity' : slides_rolator_Opacity[active_slide_home], 'left' : slides_rolator_x[active_slide_home], 'top' : slides_rolator_y[active_slide_home], 'width' : slides_rolator_scaleX[active_slide_home], 'height' : slides_rolator_scaleY[active_slide_home]});
						
						var max_right = (slideshowMode3_imagesTOshow + 2 - 1)  / 2 ; //includes preloaded image
						for(var s=1;s<=max_right;s++){
							slides_rolatorFX[s].set({'opacity' : slides_rolator_Opacity[s], 'left' : slides_rolator_x[s], 'top' : slides_rolator_y[s], 'width' : slides_rolator_scaleX[s], 'height' : slides_rolator_scaleY[s], 'z-index' : slides_rolator_z[s]});
						}
						
						var max_left = count_slides_home - ((slideshowMode3_imagesTOshow + 2 - 1) /2 ) ;    //includes preloaded image ; 
						var rel_pos	 = 0
						for(var s=(count_slides_home-1);s>=(max_left);s--){
							rel_pos	 = count_slides_home - s + max_right;
							slides_rolatorFX[s].set({'opacity' : slides_rolator_Opacity[rel_pos], 'left' : slides_rolator_x[rel_pos], 'top' : slides_rolator_y[rel_pos], 'width' : slides_rolator_scaleX[rel_pos], 'height' : slides_rolator_scaleY[rel_pos], 'z-index' : slides_rolator_z[rel_pos]});
						}
						
						
					break;
					case 4:
						setSlideAutoHome();
						if($('slides_container_home_border')){
							$('slides_container_home_border').addEvent('click', function(event){ 
								if(homelink!=''){
									window.location	= homelink;	
								}
							});
						}
					break;
					
				}
			}
		}
	}
}

function closeLinkHomeSlide(){
	
	$('imageInsideView').setStyle('display','block');
	$('imageInsidePause').setStyle('display','none');
	
	slide_related_content.cancel();
	slide_related_content.start({'left':990});

	current_img_fx_out_home = new Fx.Morph($('slide_image_home'), {duration: 600, transition: Fx.Transitions.Cubic.easeOut}); 
	//current_img_fx_out_home.set({'width':av_width * 0.8 , 'height':av_height * 0.8, 'top':av_height * 0.2});
	current_img_fx_out_home.set({'opacity':1});
	
	side_info				= false;
}
	
function openLinkHomeSlide(){
	//$('imageInsideView').setStyle('display','none');
	//$('imageInsidePause').setStyle('display','block');
			
	switch(slideshowMode){
		case 1:
			if(homelink!=''){
									window.location	= homelink;	
								}
		break;
		case 4:
			clearInterval(refresher_home);
			current_img_fx_out_home = new Fx.Morph($('slide_image_home'), {duration: 600, transition: Fx.Transitions.Cubic.easeOut}); 
			//current_img_fx_out_home.set({'width':av_width * 0.8 , 'height':av_height * 0.8, 'top':av_height * 0.2});
			current_img_fx_out_home.set({'opacity':0.7});
			
			if($('home_image_related_articles')){
				if(!side_info){
					side_info			= true;
					$('home_image_related_articles').addClass('loading');
				}
				
				slide_related_content.cancel();
				slide_related_content.start({'left':710});
						
				var related_ids		= related_items[active_slide_home];		
				var this_target		= 'home_image_related_articles';
				var url				= root_domain + 'shop/catalog/related/related-to-slides.php?related_ids='+related_ids+'&slide_id='+slide_ids[active_slide_home];
				loadNshow(url, this_target, 'get', false);
						
			}
			
		break;
	}
}

function setSlideAutoHome(){
	if(allow_auto_refresh_home){
		var nr 			= active_slide_home
		if(FXhome_slide_circles[slide_ids[nr]]){
			FXhome_slide_circles[slide_ids[nr]].setProperty('class', 'circle_nav');
		}
		if(nr < (count_slides_home-1)){
			nr++
		}else{
			nr			= 0;
		}
		setSlideHome(nr);
	}else{
		clearInterval(refresher_home)
	}
}

function setSlideHome(nr){
	if(nr!=active_slide_home && allow_refresh_home == true){
		if(FXhome_slide_circles[slide_ids[active_slide_home]]){
			FXhome_slide_circles[slide_ids[active_slide_home]].setProperty('class', 'circle_nav');
		}
		active_slide_home	= nr;
		allow_refresh_home	= false;
		
		if(slide_links_home[nr] != ''){
			homelink			= 'http://' + slide_links_home[nr];
			$('imageInsideView').setStyle('display','block');
		}else{
			homelink			= '';
			$('imageInsideView').setStyle('display','none');
		}
		FXhome_slide_circles[slide_ids[nr]].setProperty('class', 'circle_nav_active');
		
		if($('home_video_player')){
			$('home_video_player').dispose();
			$('home_video_container').innerHTML = '';
		}else if(flash_video_home == true){
			$('home_video_container').innerHTML = '';
		}
	
		$('imageInsideTTL').innerHTML		= slide_ttls[nr];
		if($('related_ttls_home') && $('home_image_related_ttl')){
			$('home_image_related_ttl').innerHTML		= related_ttls[nr];
		}
		
		var quote	  		= $('quote_'+slide_ids[nr]).value;
		var reactie 		= $('reactie_'+slide_ids[nr]).value;
		var reactie_door 	= $('reactiedoor_'+slide_ids[nr]).value;
		$("imageInsideQuote").innerHTML 	= '"' + quote + '"';
		$("imageInsideAnswer").innerHTML 	= reactie;
		$("imageInsideBy").innerHTML 		= reactie_door;
       
		
		
		if(side_info){
			if($('home_image_related_articles')){
				$('home_image_related_articles').innerHTML = '';
				$('home_image_related_articles').addClass('loading');
			}
		}
		loadNewSlideHome(slide_urls_home[nr]);
		$('currentimageindex').innerHTML = nr + 1;
	}
}

function navSlideManual(direction){
	autoplayHome				= false;
	//$('imageInsidePlay').setStyle('display','block');
	//$('imageInsidePause').setStyle('display','none');
	navSlide(direction);
}

function pauseAutoPlayHome(){
	clearInterval(refresher_home);
	autoplayHome				= false;
	$('imageInsidePlay').setStyle('display','block');
	$('imageInsidePause').setStyle('display','none');
}

function startAutoPlayHome(){
	autoplayHome				= true;
	navSlide(1);
	$('imageInsidePlay').setStyle('display','none');
	$('imageInsidePause').setStyle('display','block');
}

function navSlide(direction){
	clearInterval(refresher_home)
	var nr 			= active_slide_home
	switch(direction){
		case 1:
			if(nr < (count_slides_home-1)){
				nr++;
			}else{
				nr			= 0;
			}
		break;
		case -1:
			if(nr > 0){
				nr--
			}else{
				nr			= count_slides_home-1;
			}
		break;
	}
	
		
	switch(slideshowMode){
		case 1:
			allow_refresh_home = true;
			setSlideHome(nr);
		break;
		case 2:
			//mulitiple...has own functions!
		break;
		case 3:
		
			
			switch(direction){
				case 1:
					
					slides_rolatorFX[active_slide_home].cancel();
					slides_rolatorFX[active_slide_home].start({'opacity' : slides_rolator_Opacity[3], 'left' : slides_rolator_x[3], 'top' : slides_rolator_y[1], 'width' : slides_rolator_scaleX[3], 'height' : slides_rolator_scaleY[3]});
					
					
					var max_left = ((slideshowMode3_imagesTOshow - 1)  / 2)  + 1;  //includes the preloaded image...
					var rel_pos	 = 0;
					for(var s=1;s<=max_left;s++){
						var to_get = active_slide_home - s;
						if(to_get < 0){
							to_get+=count_slides_home;
						}
						if(s==max_left){ // can be disabled! disable...this is the upper left item that was preloaded
							slides_rolatorFX[to_get].cancel();
							slides_rolatorFX[to_get].set({'opacity' : startPositions[4], 'left' : startPositions[0], 'top' : startPositions[1], 'width' : startPositions[2], 'height' : startPositions[3], 'z-index' : startPositions[5]});
						}else{
							rel_pos	 = slideshowMode3_imagesTOshow - s + 2;
							slides_rolatorFX[to_get].cancel();
							slides_rolatorFX[to_get].start({'opacity' : slides_rolator_Opacity[rel_pos], 'left' : slides_rolator_x[rel_pos], 'top' : slides_rolator_y[rel_pos], 'width' : slides_rolator_scaleX[rel_pos], 'height' : slides_rolator_scaleY[rel_pos], 'z-index' : slides_rolator_z[rel_pos]});
						}
					}
					
					rel_pos	 	 = 0
					var max_right = max_left + 2 ;    //includes preloaded image & laad een nieuwe preloaded image in!; 
					for(var s=1;s<=max_right;s++){
						var to_get = active_slide_home + s;
						if(to_get >= count_slides_home){
							to_get-=count_slides_home;
						}
						if(s==max_right){ // can be disabled! disable...this is the upper right item that was preloaded
							slides_rolatorFX[to_get].cancel();
							slides_rolatorFX[to_get].set({'opacity' : startPositionsRight[4], 'left' : startPositionsRight[0], 'top' : startPositionsRight[1], 'width' : startPositionsRight[2], 'height' : startPositionsRight[3], 'z-index' : startPositionsRight[5]});
						}else{
							
							if(s==1){ // becomes new center!
								rel_pos				= 0;
								nr				 	= to_get;
							}else{
								rel_pos	 = s - 1;
							}
							slides_rolatorFX[to_get].cancel();
							slides_rolatorFX[to_get].start({'opacity' : slides_rolator_Opacity[rel_pos], 'left' : slides_rolator_x[rel_pos], 'top' : slides_rolator_y[rel_pos], 'width' : slides_rolator_scaleX[rel_pos], 'height' : slides_rolator_scaleY[rel_pos], 'z-index' : slides_rolator_z[rel_pos]});
						
						}
					}
					
				break;
				case -1:
					
					slides_rolatorFX[active_slide_home].cancel();
					slides_rolatorFX[active_slide_home].start({'opacity' : slides_rolator_Opacity[1], 'left' : slides_rolator_x[1], 'top' : slides_rolator_y[1], 'width' : slides_rolator_scaleX[1], 'height' : slides_rolator_scaleY[1]});
					
					
					var max_right = ((slideshowMode3_imagesTOshow + 2 - 1)  / 2) ;  //includes the preloaded image...
					
					var rel_pos	 = 0;
					
					for(var s=1;s<=max_right;s++){
						var to_get = active_slide_home + s;
						if(to_get >= count_slides_home){
							to_get-=count_slides_home;
						}
						if(s==max_right){ // can be disabled! disable...this is the upper right item that was preloaded
							slides_rolatorFX[to_get].cancel();
							slides_rolatorFX[to_get].set({'opacity' : startPositions[4], 'left' : startPositions[0], 'top' : startPositions[1], 'width' : startPositions[2], 'height' : startPositions[3], 'z-index' : startPositions[5]});
						}else{
							rel_pos	 = s + 1;
							slides_rolatorFX[to_get].cancel();
							slides_rolatorFX[to_get].start({'opacity' : slides_rolator_Opacity[rel_pos], 'left' : slides_rolator_x[rel_pos], 'top' : slides_rolator_y[rel_pos], 'width' : slides_rolator_scaleX[rel_pos], 'height' : slides_rolator_scaleY[rel_pos], 'z-index' : slides_rolator_z[rel_pos]});
						}
					}
					
					rel_pos	 	 = 0
					var max_left = max_right + 1 ;    //includes preloaded image & laad een nieuwe preloaded image in!; 
					for(var s=1;s<=max_left;s++){
						var to_get = active_slide_home - s;
						if(to_get < 0){
							to_get+=count_slides_home;
						}
						
						if(s==1){ // becomes new center!
							rel_pos				= 0;
							nr				 	= to_get;
						}else{
							rel_pos	 = max_right + s - 1;
						}
						slides_rolatorFX[to_get].cancel();
						slides_rolatorFX[to_get].start({'opacity' : slides_rolator_Opacity[rel_pos], 'left' : slides_rolator_x[rel_pos], 'top' : slides_rolator_y[rel_pos], 'width' : slides_rolator_scaleX[rel_pos], 'height' : slides_rolator_scaleY[rel_pos], 'z-index' : slides_rolator_z[rel_pos]});
					}
				break;
			}
			
			active_slide_home 	= nr;
			
			setSlide(active_slide_home);
	
		break;
		case 4:
			allow_refresh_home = true;
			setSlideHome(nr);
		break;
	}
}

var current_img_fx_out_home;
var current_img_fx_in_home;
var newimage;

var this_breedte_image_home			= 0;
var this_hoogte_image_home			= 0;

var active_proportions_video_home	= 0;
var proportions_original_home		= 0;


function loadNewSlideHome(new_url){
	$('slides_container_home').setStyle('display','block');
	if($('home_video_container')){
		
		$('controls').setStyle('display','none');
		if($('video_container')){
			if(video_status==2 || video_status==3){
				playtoggle.setProperty('class','play');
			}
			
			video_status	= 0;
			video_duration  = 0;
			video_position  = 0;
			videoControls();
			videoVisuals();
			video.destroy();	
			video.src = '';		
			video.load();	
		}
		
		$('home_video_container').innerHTML = '';
		$('home_video_container').setStyle('display','none');
	}
	

	current_img_fx_out_home = new Fx.Morph($('slide_image_home'), {duration: 100, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() { 
		
		//$('slides_container_home').setStyles({'opacity': 0});
		$('slides_container_home').innerHTML = '';
		allow_resize_home					 = false;
		
		new Asset.images(new_url, {
			onProgress: function(i) {
				newimage					= this;
				this_breedte_image_home 	= this.width;
				this_hoogte_image_home 		= this.height;
			},
			onComplete: function() {
				proportions_original 	= this_hoogte_image_home/this_breedte_image_home;
				
				newimage.set('id','slide_image_home');
				newimage.setStyles({'opacity': 0});
				newimage.inject($('slides_container_home'));
				allow_resize_home		= true;
				
				var new_width;
				var new_height;
				
				if(proportions_original >= proportions_site){
					new_width		= av_width
					new_height		= av_width * proportions_original
					if(new_height < av_height){
						new_height 		=  av_height;
						new_width 		=  new_height / proportions_original;
						
						if(new_width < av_width){
							new_width	= av_width;
						}
					}
					$('slide_image_home').setStyles({'width' : new_width, 'height' : new_height});
					//slide_slide_bg.set({'top' : (av_height - new_height)/2, 'left' : (av_width - new_width)/2, 'width' : new_width, 'height' : new_height});
				}else{
					new_height			= av_height
					new_width			= new_height / proportions_original
					if(new_width < av_width){
						new_width 		=  av_width;
						new_height 		=  av_width * proportions_original;
					}
					$('slide_image_home').setStyles({'width' : new_width, 'height' : new_height});
					//slide_slide_bg.set({'left' : (av_width - new_width)/2 , 'top' : (av_height - new_height)/2, 'width' : new_width, 'height' : new_height});
				}	
				
				if(side_info){
					current_img_fx_out_home = new Fx.Morph($('slide_image_home'), {duration: 600, transition: Fx.Transitions.Cubic.easeOut}); 
					//current_img_fx_out_home.set({'width':av_width * 0.8 , 'height':av_height * 0.8, 'top':av_height * 0.2});
					current_img_fx_out_home.set({'opacity':0.7});
				}
				
				current_img_fx_in_home = new Fx.Morph(newimage, {duration: 200, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
					
					var video_image		= slide_video_image[active_slide_home];
					if(video_image == 2){
						loadNewSlideHomeVideo(video_urls_home_mp4[active_slide_home],video_urls_home_ogv[active_slide_home],video_urls_home_webm[active_slide_home]);
					}else{
						if(autoplayHome){
							allow_refresh_home	= true;
							clearInterval(refresher_home);
							refresher_home		= setSlideAutoHome.periodical(6000);
						}
					}
					
					if(side_info){
						openLinkHomeSlide();
					}
					
				}});
				
				current_img_fx_in_home.cancel();
				current_img_fx_in_home.start({'opacity': 1});
				
			}
		});			
		
	
	}});
	
	current_img_fx_out_home.cancel();
	current_img_fx_out_home.start({'opacity': 0});
	
}
var flash_video_home = false;
function loadNewSlideHomeVideo(new_url_mp4,new_url_ogv,new_url_webm){
	allow_click		= false;
	if(browserIE == true && browserIE9 == false){
		flash_video_home		= true;
		var url 				= root_domain + 'home/loadvideo-IE.php?new_url_mp4='+new_url_mp4+'&frame_width='+av_width+'&frame_height='+av_height;
		var myFlashVideoButton  = new Element('div', {
			'id': 'flashPlayButton',
			'class': 'flashPlayButton'
		});	
		
		allowNavSlide				= true;
		
		myFlashVideoButton.inject($('home_slides'));
		myFlashVideoButton.setStyles({'top' : av_height / 2 - 63, 'left': middleX - 63, 'opacity': 1, 'display': 'block'});
		
		myFlashVideoButton.addEvent('click', function(event){
			allow_refresh_home	= false;
			clearInterval(refresher_home);
			var req = new Request({url: url,
				method: 'get',
				onSuccess: function(responseText) {
					
					alert(responseText);
					
					var output 			= req.response.text;
					var output_values 	= output.split('##');
				
					var left_margin		= output_values[0];
					var top_margin		= output_values[1];
					var width_video		= output_values[2];
					var height_video	= output_values[3];
					
					active_proportions_video_home	= output_values[4];
					$('slides_container_home').setStyle('display','none');
					
					
					$('home_video_container').setStyles({'height' : av_height , 'width' : av_width});
					
					$('home_video_container').setStyle('display','block');
					$('home_video_container').setStyles({'left':left_margin, 'width':width_video, 'height':height_video, 'top':top_margin});
					var myFlashVideo	 = new Element('div', {
						'id': 'home_video_container_IE',
						'class':  'home_video_container_IE',
						'width':  width_video,
						'height':  height_video
					});	
					myFlashVideo.inject($('home_video_container'));
					myFlashVideo.setStyles({'width':width_video, 'height':height_video, 'background-color':'#c2211a'});
					
					pauseAutoPlayHome();
					
				
					var obj = new Swiff(root_domain+'home/video.swf', {
						id: 'flash_home_video_container_movie',
						container: $('home_video_container_IE'),
						width: '100%',
						height: '100%',
						params: {
							wmode: 'window',
							bgcolor: '#000000'
						},
						vars: {
							direct_ttl: 'LEYP',
							direct_url: new_url_mp4,
							v_width: width_video,
							v_height: height_video
						}
					})
					resizeVideo(av_width, av_height);
						/**/
				},
				onFailure: function() {
					//$(target).set('innerHTML', 'The request failed.');
				}
			});
			req.send();
		});
		
		if(autoplayHome){
			allow_refresh_home	= true;
			clearInterval(refresher_home);
			refresher_home		= setSlideAutoHome.periodical(4000);
		}
		
		
	}else{
		
		var url = root_domain + 'home/loadvideo.php?new_url_mp4='+new_url_mp4+'&new_url_ogv='+new_url_ogv+'&new_url_webm='+new_url_webm+'&frame_width='+av_width+'&frame_height='+av_height+'&browserIE='+browserIE+'&browserCHROME='+browserCHROME+'&browserFF='+browserFF;

		if($('loadingvideo')){
			$('loadingvideo').setStyles({'top' : 50, 'left': middleX - 131, 'opacity': 1, 'display': 'block'});
		}
		
		
		$('home_video_container').setStyle('display','none');
			
		var req = new Request({url: url,
			method: 'get',
			onSuccess: function(responseText) {
				var output 	= req.response.text;
			
				$('home_video_container').innerHTML = output;
				$('home_video_container').addEvent('domready', function() {
				
					var left_margin		= $('left_margin').value + 'px';
					var top_margin		= $('top_margin').value + 'px';
					var width_video		= $('width_video').value + 'px';
					var height_video	= $('height_video').value + 'px';
					var width_display	= $('new_width').value;
					var height_display	= $('new_height').value;
					
					if($('userhasseenmovie')){
						if($('userhasseenmovie').value == 1){
							video_autoPlay = false;
						}
					}
					
					active_proportions_video_home	= $('proportions_original').value;
					$('home_video_container').setStyles({'left':left_margin, 'width':width_video, 'height':height_video, 'top':top_margin });
					//$('detail_video_container').setStyles({'left':left_margin, 'width':width_video, 'height':height_video, 'top':0 });
					
					playtoggle		= $('playtoggle');
					processed		= $('processed');
					guttertrack		= $('guttertrack');
					gutter			= $('gutter');
					handle			= $('handle');
					time			= $('time');
					video			= $('video_container');
					loadingvideo	= $('loadingvideo');
					controls		= $('controls');
					controls_bg		= $('controls_bg');
					playtoggle.setStyles({'top' : av_height / 2 - 50, 'left': middleX - 50, 'opacity': 1});
		
					
					processed_volume		= $('processed_volume');
					guttertrack_volume		= $('guttertrack_volume');
					gutter_volume			= $('gutter_volume');
					handle_volume			= $('handle_volume');
					
					var isiPad = navigator.userAgent.match(/iPad/i) != null;
					var isiPhone = navigator.userAgent.match(/iPhone/i) != null;
					var isiPod = navigator.userAgent.match(/ipod/i) != null;
					if(isiPad || isiPhone || isiPod){	
						var html = "";
						html += '<video id="video_container" width="'+width_display+'" height="'+height_display+'" controls="controls" style="width:'+width_display+'px; height:'+height_display+'px;">';
						html += '<source src="'+new_url_mp4+'" type="video/mp4" />';
						html += '</video>';
						$('home_video_container').innerHTML = html;
						$('home_video_container').addEvent('domready', function() {
							video				= $('video_container');
							var sources 		= video.getElementsByTagName('source');
							sources[0].src 		= new_url_mp4;
							video.load();
							video.play();
							video.pause();
	
							allowNavSlide				= true;
							busyBig						= false;
							
							video_position	= 0;
							video_status	= 1;
							controls_bg.setStyle('opacity',0.9);
							controls.setStyle('display','block');
							$('loadingvideo').fade('out');
							videoControls();
						});
					}else{
						var html = "";
						html += '<video id="video_container" width="'+width_display+'" height="'+height_display+'" controls="controls" style="width:'+width_display+'px; height:'+height_display+'px;">';
						
						if(browserFF){
							html += '<source src="'+new_url_ogv+'"  type="video/ogg" />';
						}else{
							html += '<source src="'+new_url_mp4+'"  type="video/mp4" />';
						}
						
						html += '</video>';
						$('home_video_container').innerHTML = html;
						$('home_video_container').addEvent('domready', function() {
																				
							video			= $('video_container');
							var sources = video.getElementsByTagName('source');
							if(browserFF){
								sources[0].src = new_url_ogv;
							}else{
								sources[0].src = new_url_mp4;
							}
							video_refresher	= videoStatus.periodical(100);
							video.load();
							
							if(browserSAF){
								video.play();
								video.pause();
							}
							
						});
					}
					
					if(autoplayHome){
						allow_refresh_home	= true;
						clearInterval(refresher_home);
					}
				});
			},
			onFailure: function() {
				//$(target).set('innerHTML', 'The request failed.');
			}
		});
		req.send();
				
	}
	allow_click			= true;
	video_id			= 0;
}

function resizeImageHome(b, h){
	
	var max_breedte_image  			= b;
	var max_hoogte_image  			= h;
	var new_width;
	var new_height;
	
	proportions_original_home	= this_hoogte_image_home/this_breedte_image_home;
	
	if(proportions_original_home > 0){
		if(proportions_original_home >= proportions_site){
			new_width			= max_breedte_image
			new_height			= max_breedte_image * proportions_original_home
			if(new_height < max_hoogte_image){
				new_height 		=  max_hoogte_image;
				new_width 		=  new_height / proportions_original_home;
			}
		}else{
			new_height			= max_hoogte_image
			new_width			= new_height / proportions_original_home
			if(new_width < max_breedte_image){
				new_width 		=  max_breedte_image;
				new_height 		=  new_width * proportions_original_home;
			}
		}
		if(allow_resize_home){
			$('slide_image_home').setStyles({'width' : new_width, 'height' : new_height});
		}
		$('slides_container_home').setStyles({
			'left' : (max_breedte_image - new_width)/2,

			'top' : (max_hoogte_image - new_height)/2,
			'width' : new_width,
			'height' : new_height
		});
		
		if($('home_video_container')){
			if(active_proportions_video_home > 0){
				
				if(active_proportions_video_home > proportions_site){
					var temp_breedte_image 	= max_breedte_image;
					this_hoogte_image		= temp_breedte_image * active_proportions_video_home
					this_breedte_image		= temp_breedte_image;
				}else{
					var temp_hoogte_image 	= max_hoogte_image;
					this_breedte_image		= temp_hoogte_image / active_proportions_video_home
					this_hoogte_image		= temp_hoogte_image;
				}
				
				$('video_container').setStyles({
					'left': 0 + (max_breedte_image-this_breedte_image)/2,
					'top': 0 + (max_hoogte_image-this_hoogte_image)/2,
					'width': this_breedte_image,
					'height': this_hoogte_image
				});
				
				if($('home_video_player')){
					//html5
					$('home_video_player').setStyles({
						'width': this_breedte_image,
						'height': this_hoogte_image
					});
				}else{
					//flash
					if($('home_video_container_IE')){
						$('home_video_container_IE').setStyles({
							'left': 0,
							'top': 0,
							'width': this_breedte_image,
							'height': this_hoogte_image
						});
					}
				}
			}
		}
	}
}

/*animation on homepage vars*/

var widthBlock2		= 202;
var widthBlock1		= 203;
var heightBlock2	= 226;
var heightBlock1	= 226;
var baseXblock1		= 0;
var baseXblock2		= 70;
var baseYblock1		= -150;
var baseYblock2		= -20;
var YSplitter		= 274;
var opacityBorder	= 540;
var Block1X, Block2X, Block1Y, Block2Y;

var fxBlock1;
var fxBlock2;

var xPositionsBlock1 = new Array(0,730,380,80,780,420,100);
var yPositionsBlock1 = new Array(0,150,330,140,-110,-20,100);
var xPositionsBlock2 = new Array(0,800,340,10,710,300,-10);
var yPositionsBlock2 = new Array(0,250,230,240,10,-50,-10);

/* end vars */

/*slideshow multiple items homepage*/
function initHomeSlidesMultiple(){
	
	//multiple slides
	
	if($('home_slides')){
		$('home_slides').setStyles({'height' : av_height , 'width' : av_width});
	}
	
	var home_slides_images		= $$('.home-slide-image-image');
	var fx_home_mouse_overs		= new Array();
	home_slides_images.each(function(element) {
		var current 					= parseInt(element.getProperty('id').substring(9));
		fx_home_mouse_overs[current] 	= MorpheItems(element.getProperty('id'), 500, Fx.Transitions.Cubic.easeOut);
		element.setStyles({'opacity' : 0.3});
	});
	
	var home_slides_txt		= $$('.home-slide-info');
	var fx_home_overs_txt	= new Array();
	home_slides_txt.each(function(element) {
		var current 					= parseInt(element.getProperty('id').substring(9));
		fx_home_overs_txt[current] 		= MorpheItems(element.getProperty('id'), 500, Fx.Transitions.Cubic.easeOut);
		element.setStyles({'opacity' : 0, 'top' : 222});	
	});
	
	if($('block')){ //animation a la awink
	fxBlock1 					= MorpheItems('block1', 500, Fx.Transitions.Cubic.easeOut);
	fxBlock2 					= MorpheItems('block2', 500, Fx.Transitions.Cubic.easeOut);
	}
	var home_slides_divs		= $$('.home-slide');
	var slide_width				= (av_width - 11)/3;
	home_slides_divs.each(function(element) {
		element.setStyles({'width' : slide_width});	
		
		element.addEvent('mouseenter', function(event){ 
			var current 					= parseInt(element.getProperty('id').substring(11));
			fx_home_mouse_overs[current].cancel();
			fx_home_mouse_overs[current].start({'opacity':1});
			fx_home_overs_txt[current].cancel();
			fx_home_overs_txt[current].start({'opacity':0.9, 'top' : 172});
			
			if($('block')){ //animation a la awink
			fxBlock1.cancel();
			fxBlock1.start({'top' : yPositionsBlock1[current], 'left' : xPositionsBlock1[current]});
			fxBlock2.cancel();
			fxBlock2.start({'top' : yPositionsBlock2[current], 'left' : xPositionsBlock2[current]});
			}
			
		});
		element.addEvent('mouseleave', function(){
			var current 					= parseInt(element.getProperty('id').substring(11));
			fx_home_mouse_overs[current].cancel();
			fx_home_mouse_overs[current].start({'opacity':0.3});
			fx_home_overs_txt[current].cancel();
			fx_home_overs_txt[current].start({'opacity':0, 'top' : 222});
		});
						
	});
		
	//links on bottom
	if($('home_links')){
		$('home_links').setStyles({'width' : av_width + 2});
	}
	if($('home_links_container')){
		$('home_links_container').setStyles({'width' : av_width + 2});
	}
	
	var countert				= 0;
	var home_items				= $$('.home-item');
	var home_item_width			= 0;
	home_items.each(function(element) {
		//verschillende breedtes...!
		switch(countert){
			case 3:
			case 0:
				home_item_width	= Math.floor((av_width)/3) - 2;
			break;
			case 4:
			case 1:
				home_item_width	= Math.floor((av_width)/3);
			break;
			case 2:
			case 5:
				home_item_width	= Math.floor((av_width)/3) - 2;
			break;
		}
		element.setStyles({'width' : home_item_width});	
		countert++;
	});
}
/* end slideshow multiple items homepage*/


//listing mouse overs
function thumbMouseOvers(){
	
	var listing_imageholders	= $$('.listing-image-holder');
	var fx_listing_hovers		= new Array();
	var fx_listing_hovers_imgs	= new Array();
	listing_imageholders.each(function(element) {
		var current 					= parseInt(element.getProperty('id').substring(7));
		fx_listing_hovers[current] 		= MorpheItems(element.getProperty('id'), 600, Fx.Transitions.Cubic.easeOut);
		fx_listing_hovers[current].set({'height':501});
	});
	
	
	var listing_divs			= $$('.listing-thumbs');
//	var slide_width				= (av_width - 11)/3;
	listing_divs.each(function(element) {
		//element.setStyles({'width' : slide_width});	
		element.addEvent('mouseenter', function(event){ 
			var current 					= parseInt(element.getProperty('id').substring(7));
			fx_listing_hovers[current].cancel();
			fx_listing_hovers[current].start({'height':333});
			fx_listing_hovers_imgs[current].cancel();
			fx_listing_hovers_imgs[current].start({'opacity':1});
		});
		element.addEvent('mouseleave', function(){
			var current 					= parseInt(element.getProperty('id').substring(7));
			fx_listing_hovers[current].cancel();
			fx_listing_hovers[current].start({'height':501});
			fx_listing_hovers_imgs[current].cancel();
			fx_listing_hovers_imgs[current].start({'opacity':0.8});
		});			
	});
	
	var listing_imgs			= $$('.listing-thumb');
//	var slide_width				= (av_width - 11)/3;
	listing_imgs.each(function(element) {
		var current 					= parseInt(element.getProperty('id').substring(14));
		fx_listing_hovers_imgs[current] = MorpheItems(element.getProperty('id'), 600, Fx.Transitions.Cubic.easeOut);
		element.setStyle('opacity',0.8);
	});
}

function initListingDivs(){
	
	var listing_divs			= $$('.listing-thumbs');
	var slide_width				= Math.floor((av_width)/4);
	listing_divs.each(function(element) {
		element.setStyles({'width' : slide_width});	
	});
}

/*end listing mouse overs*/

var imgShower;
var infoShower;
var imgShower;
function finalizePortfolio(){
	if($('detail_loader')){
		$('detail_loader').fade('hide');
	}
	var thisimageURLS			 	= new Array();
	thisimageURLS			 		= ($('valuesURL_1').value).split('#');
	var thisimageTTLS			 	= new Array();
	thisimageTTLS			 		= ($('valuesTitles_1').value).split('#');
	
	var urlimage					= thisimageURLS[0];
	var titleimage					= thisimageTTLS[0];
	
	gallery_opened_detail			= false;
	gallery_open_detail				= false;
	
	
	
	if($('show_tumbs')){
		if($('show_tumbs').value != 1){
			openBigImageInside('',urlimage,1,titleimage,1,true,false);
		}
	}else{
		openBigImageInside('',urlimage,1,titleimage,1,true,false);
	}
	
	infoShower				= MorpheItems('detail_content_container', 1000, Fx.Transitions.Cubic.easeOut);
	imgShower				= MorpheItems('detail_image_container', 1000, Fx.Transitions.Cubic.easeOut);
	//$('detail_content_container_background').set({'opacity':0.5});
	imgShower.set({'opacity':1 , 'height' : 0});	
	infoShower.set({'opacity':1});	
	
//	$('detail_content_container_background').set({'opacity':0.90});
//	$('detail_image_navigation').set({'opacity':0.9});
	
	fxcontentShower.set({'opacity':1, 'display':'block' });
	
	allow_click		= true;
	video_id		= 0;
	
	if(mySpinner){
	   mySpinner.destroy();
	}
}


/* init thumbnails in detail view. might need a resize..fancy mouseover .. whatever */
function initDetailSlidesMultiple(){
	
	if($('thumbs_container')){
		//$('thumbs_container').setStyles({'height' : av_height , 'width' : av_width});
	}
	
	var thumb_slides_images		= $$('.gallery-thumb');
	var fx_thumb_mouse_overs	= new Array();
	thumb_slides_images.each(function(element) {
		var current 					= parseInt(element.getProperty('id').substring(6));
		fx_thumb_mouse_overs[current] 	= MorpheItems(element.getProperty('id'), 500, Fx.Transitions.Cubic.easeOut);
		
		element.addEvent('mouseenter', function(event){ 
			var current 				= parseInt(element.getProperty('id').substring(6));
			fx_thumb_mouse_overs[current].cancel();
			fx_thumb_mouse_overs[current].start({'opacity':0.6});
		});
		element.addEvent('mouseleave', function(){
			var current 					= parseInt(element.getProperty('id').substring(6));
			fx_thumb_mouse_overs[current].cancel();
			fx_thumb_mouse_overs[current].start({'opacity':1});
		});	
		
	});
	
	var countert				= 0;
	var home_items				= $$('.thumb-gallery');
	var home_item_width			= 0;
	home_items.each(function(element) {
		switch(countert){
			case 0:
			case 2:
				home_item_width	= Math.floor((av_width)/3) - 4;
			break;
			case 1:
			case 3:
				home_item_width	= Math.floor((av_width)/3) - 4;
			break;
		}
		element.setStyles({'width' : home_item_width});	
		countert++;
	});
}

/* end detail thumbs */


/* init thumbnails in detail view. might need a resize..fancy mouseover .. whatever */
function openPortfolioImage(folder,value,index,title,album, justinit, islookbook){
	imgShower.cancel();
	imgShower.set({'width':av_width});
	imgShower.start({'height':av_height + 25,'width':av_width});
	
	fx_inner_content.cancel();
	fx_inner_content.start({'height':av_height + 560});
	
	var fx_image_nav	= MorpheItems('detail_image_navigation', 500, Fx.Transitions.Cubic.easeOut);
	fx_image_nav.cancel();
	fx_image_nav.start({'height':34});
	
	
	openBigImageInside(folder,value,index,title,album, justinit, islookbook);
}



























function setSlideManualHome(){
	clearInterval(refresher_home)
	var nr 			= active_slide_home
	if(nr < (count_slide_home-1)){
		nr++
	}else{
		nr			= 0;
	}
	setSlideHome(nr);
}

var finish_addresses_first = false;
function initHomeVideo(){
	if($('home_video')){
	var obj = new Swiff(root_domain+'home/video.swf', {
		id: 'home_video',
		container: $('home_video'),
		width: 600,
		height: 520,
		params: {
			wmode: 'transparant',
			bgcolor: '#ffffff'
		},
		vars: {
			item_id: 0
		}
	})
	}
}




function initHeaderSlides(){
	
	slide_slide_bg 	= new Fx.Morph($('slides_container_header'), {duration: 450, transition: Fx.Transitions.Cubic.easeOut});
	av_height	= 210;
	
	proportions_original	= 420/1800;
	proportions_header		= 210/av_width;
	
	if(proportions_original >= proportions_site){
		new_width		= av_width
		new_height		= av_width * proportions_original
		if(new_height < av_height){
			new_height 		=  av_height;
			new_width 		=  new_height * proportions_original;
			
			if(new_width < av_width){
				new_width	= av_width;
			}
		}
		$('slide_image_header').setStyles({'width' : new_width, 'height' : new_height});
		slide_slide_bg.set({'top' : (av_height - new_height)/2, 'left' : 0});
	}else{
		new_height			= av_height
		new_width			= av_height / proportions_original
		if(new_width < av_width){
			new_width 		=  av_width;
			new_height 		=  av_width * proportions_original;
		}
		$('slide_image_header').setStyles({'width' : new_width, 'height' : new_height});
		slide_slide_bg.set({'left' : 0 , 'top' : (av_height - new_height)/3});
	}
}













var active_slide			= 0;
var count_slides			= 0;
var slide_urls				= new Array();
var slide_ttls				= new Array();
var fx_slide_info;
var proportions_original	= 0;
var allow_refresh			= true;
var allow_auto_refresh		= true;
var refresher;

function setSlideManual(){
	clearInterval(refresher)
	var nr 			= active_slide
	if(nr < (count_slides-1)){
		nr++
	}else{
		nr			= 0;
	}
	setSlide(nr);
}
function setSlideAuto(){
	if(allow_auto_refresh){
		var nr 			= active_slide
		if(nr < (count_slides-1)){
			nr++
		}else{
			nr			= 0;
		}
		setSlide(nr);
	}else{
		clearInterval(refresher)
	}
}

function setSlide(nr){
	if(nr!=active_slide && allow_refresh == true){
		active_slide	= nr;
		allow_refresh	= false;
		loadNewSlide(root_domain + slide_urls[nr]);
	}
}

var current_img_fx_out;
var current_img_fx_in;
var this_breedte_image;
var this_hoogte_image;
var proportions_site;
				
function loadNewSlide(new_url){
	new Asset.images(new_url, {
		onProgress: function(i) {
			this_breedte_image 	= this.width;
			this_hoogte_image 	= this.height;
			this.setStyles({
				'opacity': 0
			});
		},
		onComplete: function() {
			
			proportions_original 	= this_hoogte_image/this_breedte_image;
			
			current_img_fx_out = new Fx.Morph($('slide_image'), {duration: 200, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
				
				current_img_fx_in = new Fx.Morph($('slide_image'), {duration: 200, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
					allow_refresh	= true;
					clearInterval(refresher);
					refresher		= setSlideAuto.periodical(5000);
				}});
				
				current_img_fx_in.set({'opacity': 0});
				$('slide_image').src = new_url;
				var new_width;
				var new_height;
				
				if(proportions_original >= proportions_site){
					new_height		= av_width * proportions_original
					if(new_height < innerHeight){
						new_height 		=  innerHeight;
						new_width 		=  new_height * proportions_original;
					}
					$('slide_image').setStyles({'width' : new_width, 'height' : new_height});
					$('slides_container').setStyles({'top' : 0, 'left' : 0});
					//$('slide_image').setStyle('width' ,av_width);
				}else{
					var new_width		= innerHeight / proportions_original
					if(new_width < av_width){
						new_width 		=  av_width;
						new_height 		=  av_width / proportions_original;
					}
					$('slide_image').setStyles({'width' : new_width, 'height' : innerHeight});
					$('slides_container').setStyles({'left' : 0 , 'top' : 0});
				}
				
				
				current_img_fx_in.cancel();
				current_img_fx_in.start({'opacity': 1});
				
				
			}});
				
			current_img_fx_out.cancel();
			current_img_fx_out.start({'opacity': 0});
			
		}
	});
		
}


var mapActive = false;
function openMap(co1,co2, name_string){
	var position = new google.maps.LatLng(co1,co2);
	var myOptions = {
	  zoom: 15,
	  center: position,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	if(mapActive == true){
		if($('mapdiv')){
			$('mapdiv').destroy();
		}
		mapActive = false
	}
	
	var myBGDiv1 = new Element('div', {
		'opacity': 0.8,
		'id': 'bg_mapdiv1',
		'class': 'bg_mapdiv'
	});
	var myBGDiv2 = new Element('div', {
		'opacity': 1,
		'id': 'bg_mapdiv2',
		'class': 'bg_mapdiv'
	});
	var myDiv = new Element('div', {
		'opacity': 1,
		'id': 'mapdiv',
		'class': 'mapdiv'
	});
	var myCloseDiv = new Element('div', {
		'opacity': 1,
		'id': 'close_mapdiv',
		'class': 'close_mapdiv'
	});
	
	
	myCloseDiv.addEvent('click', function(event){
		myBGDiv1.destroy();
		myDiv.destroy();
		myBGDiv2.destroy();
		myCloseDiv.destroy();
	});
	
	myBGDiv1.setStyles({'width':av_width, 'height':innerHeight, 'background-color':'#111'});
	myBGDiv2.setStyles({'width':av_width, 'height':innerHeight});
	myDiv.setStyles({'left':middleX - 340, 'top':300});
	myCloseDiv.setStyles({'left':middleX - 365, 'top':275});
	myBGDiv1.inject($('main_container'));
	myBGDiv2.inject($('main_container'));
	myDiv.inject($('bg_mapdiv2'));
	myCloseDiv.inject($('main_container'));
	
	mapActive	= true;
	
	var map = new google.maps.Map(document.getElementById("mapdiv"), myOptions);
	
	//var contentString 	=  '<div id="map_content"><h1 class"common">Maaq Signing & Interior</h1><div id="bodyContent"><b>Adres</b><br>';
   	var contentString		=  name_string;
    //contentString 		=  contentString + contentString_2 + '</div></div>';
        
    var infowindow = new google.maps.InfoWindow({
        content: contentString
    });

   var marker = new google.maps.Marker({
        position: position, 
        map: map,
        title:root_short
    });
   
    infowindow.open(map,marker);	
}

var mySlider;
var mySliderBlog;
var activeScroll;
var activeScrollBlog;
var scrollPosition;
function updateScroll(target, scroll_in, addon){
		
	var size			= $(target).getSize();
	var sizeC			= $(scroll_in).getSize();
	var container_height= sizeC.y;
	var this_height 	= size.y;
		
	if(container_height < this_height){
		
		switch(addon){
			case '':
				activeScrollElement 	= $(scroll_in);
				activeScroll 			= new Fx.Scroll(activeScrollElement);
				scrollPosition			= 0;
				activeScrollHeight		= this_height - container_height;
				activeScroll.set(0, scrollPosition);
				
				$('scroll-container'+addon).setStyle('display','block');
				$('scroll-container'+addon).setStyle('opacity',1);
				mySlider = new Slider('scroll-container'+addon, 'scroller'+addon, {
					range: [0,800],
					wheel: false,
					steps: 100,
					snap: true,
					mode: 'vertical',
					onChange: function(pos){
						scrollPosition	= pos/700 * activeScrollHeight;
						activeScroll.set(0, scrollPosition);
					}
				});
			break;
			case '_home_related':
				activeScrollElement 	= $(scroll_in);
				activeScrollBlog 		= new Fx.Scroll(activeScrollElement);
				scrollPosition			= 0;
				activeScrollHeight		= this_height - container_height;
				activeScrollBlog.set(0, scrollPosition);
				
				$('scroll-container'+addon).setStyle('display','block');
				$('scroll-container'+addon).setStyle('opacity',1);
				mySliderBlog = new Slider('scroll-container'+addon, 'scroller'+addon, {
					range: [0,800],
					wheel: false,
					steps: 100,
					snap: true,
					mode: 'vertical',
					onChange: function(pos){
						scrollPosition	= pos/700 * activeScrollHeight;
						activeScrollBlog.set(0, scrollPosition);
					}
				});
			break;
		}
	}else{
		scrollPosition		= 0;
		$('scroll-container'+addon).setStyle('opacity',0);
	}
}

function setSlideBase(){
	active_slide		= -1;
	if($('valuesURL_x')){
		if($('valuesURL_x').value != ''){
			var url_slides		= $('valuesURL_x').value;
			slide_urls			= url_slides.split('#');
			var title_slides	= $('valuesTitles_x').value;
			slide_ttls			= title_slides.split('#');
			count_slides		= $('aantal_thumbs_x').value;
			allow_auto_refresh	= false;
			var nr 			= 0
			setSlide(nr);
		}
	}
}
function setSlideManual(){
	clearInterval(refresher)
	var nr 			= active_slide
	if(nr < (count_slides-1)){
		nr++
	}else{
		nr			= 0;
	}
	setSlide(nr);
}
function setSlideAuto(){
	if(allow_auto_refresh){
		var nr 			= active_slide
		if(nr < (count_slides-1)){
			nr++
		}else{
			nr			= 0;
		}
		setSlide(nr);
	}else{
		clearInterval(refresher)
	}
}

function setSlide(nr){
	if(nr!=active_slide && allow_refresh == true){
		active_slide	= nr;
		allow_refresh	= false;
		loadNewSlide(root_domain + slide_urls[nr]);
	}
}

var current_img_fx_out;
var current_img_fx_in;
var this_breedte_image;
var this_hoogte_image;
var proportions_site;
				
function loadNewSlide(new_url){
	var h_300					= 314;
	var w_300					= parseInt((document.documentElement.clientWidth * 1));
	var proportions_site_slide	= h_300/w_300;
	//av_height = 300;
	new Asset.images(new_url, {
		onProgress: function(i) {
			this_breedte_image 	= this.width;
			this_hoogte_image 	= this.height;
			this.setStyles({
				'opacity': 0
			});
		},
		onComplete: function() {
			
			proportions_original 	= this_hoogte_image/this_breedte_image;
			
			current_img_fx_out = new Fx.Morph($('slide_image'), {duration: 200, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
				
				current_img_fx_in = new Fx.Morph($('slide_image'), {duration: 200, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
					allow_refresh	= true;
					clearInterval(refresher);
					refresher		= setSlideAuto.periodical(20000);
				}});
				
				current_img_fx_in.set({'opacity': 0});
				$('slide_image').src = new_url;
				var new_width;
				var new_height;
				
				new_height		= w_300 * proportions_original
				$('slide_image').setStyles({'width' : w_300, 'height' : new_height});
				$('slides_container').setStyles({'top' : 0, 'left' : 0, 'width' : w_300});
				
					
				current_img_fx_in.cancel();
				current_img_fx_in.start({'opacity': 1});
				
				
			}});
				
			current_img_fx_out.cancel();
			current_img_fx_out.start({'opacity': 0});
			
		}
	});
		
}