// JavaScript Document
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
		}
	})
	}
}


var active_slide_home			= 0;
var count_slides_home			= 0;
var slide_urls_home				= new Array();
var slide_links_home			= new Array();
var slide_video_image			= new Array();
var slide_ids					= new Array();
var fx_slide_info_home;
var proportions_original_home;
var allow_refresh_home			= true;
var allow_auto_refresh_home		= true;
var refresher_home;
var homelink					= '';

var slide_left_btn;
var slide_right_btn;
var slide_slide_bg;


function initHeaderSlides(){
	
	slide_slide_bg 	= new Fx.Morph($('slides_container_header'), {duration: 450, transition: Fx.Transitions.Cubic.easeOut});
	var av_height	= 210;
	
	proportions_original	= 420/1800;
	proportions_header		= 210/innerWidth;
	
	if(proportions_original >= proportions_site){
		new_width		= innerWidth
		new_height		= innerWidth * proportions_original
		if(new_height < av_height){
			new_height 		=  av_height;
			new_width 		=  new_height * proportions_original;
			
			if(new_width < innerWidth){
				new_width	= innerWidth;
			}
		}
		$('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 < innerWidth){
			new_width 		=  innerWidth;
			new_height 		=  innerWidth * 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 video_urls_home_mp4;
var video_urls_home_ogv;
var video_urls_home_webm;
var slide_ttls;

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('#');
				
				
				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});
				
				
				
				count_slides_home		= $('aantal_thumbs_2').value;
				setSlideAutoHome();
				
				if($('slides_container_home_border')){
					$('slides_container_home_border').addEvent('click', function(event){ 
						if(homelink!=''){
							window.location	= homelink;	
						}
					});
				}
			}
		}
	}
}

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

function navSlide(direction){
	$clear(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;
	}
	allow_refresh_home = true;
	setSlideHome(nr);
}
function setSlideManualHome(){
	$clear(refresher_home)
	var nr 			= active_slide_home
	if(nr < (count_slide_home-1)){
		nr++
	}else{
		nr			= 0;
	}
	setSlideHome(nr);
}
function setSlideAutoHome(){
	if(allow_auto_refresh_home){
		var nr 			= active_slide_home
		if(nr < (count_slides_home-1)){
			nr++
		}else{
			nr			= 0;
		}
		setSlideHome(nr);
	}else{
		$clear(refresher_home)
	}
}

function setSlideHome(nr){
	if(nr!=active_slide_home && allow_refresh_home == true){
		active_slide_home	= nr;
		allow_refresh_home	= false;
		
		homelink			= 'http://' + slide_links_home[nr];
		
		if($('home_video_player')){
			$('home_video_player').dispose();
			$('home_video_container').innerHTML = '';
		}else if(flash_video_home == true){
			$('home_video_container').innerHTML = '';
		}
	
		$('imageInsideTTL').innerHTML		= '<h1>'+slide_ttls[nr]+'</h1>';
		
		loadNewSlideHome(slide_urls_home[nr]);
		$('currentimageindex').innerHTML = nr + 1;
		//loadNshow(root_domain + 'lookbook/lookbook-detail.php?lookbook='+slide_ids[nr],'slides_container_home_info', 'get', false);
		
	}
}




var active_proportions_video_home	= 0;
var allow_resize_home				= true;

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){
				//alert(active_proportions_video);
				
				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;
				}
				
				$('home_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
						});
					}
				}
			}
		}
	}
}

var flash_video_home = false;
function loadNewSlideHomeVideo(new_url_mp4,new_url_ogv,new_url_webm){
	allow_click		= false;
	var av_height		= innerHeight - 78 - 170;
	
	
	/*				
	var obj = new Swiff(root_domain+'home/video.swf', {
		id: 'home_video_container',
		container: $('home_video_container'),
		width: 1200,
		height: 700,
		params: {
			wmode: 'window',
			bgcolor: '#000',
			allowFullScreen: "true"
		},
		vars: {
			url: new_url
		}
	})*/
	
	/*
	jwplayer("home_video_container").setup({
	autostart: true,
	allowscriptaccess: "never",
	allowfullscreen: "false",
	controlbar: "none",
	flashplayer: "/jwplayer/player.swf",
	file: new_url,
	height: av_height,
	width: innerWidth,
	icons:false
	});
	*/
	
	//alert(new_url_mp4);
	//alert(new_url_ogv);
	//alert(new_url_webm);
	
	//var browserCodeName		= navigator.appVersion;
	
	if(browserIE){
		flash_video_home		= true;
		var url 				= root_domain + 'home/loadvideo-IE.php?new_url_mp4='+new_url_mp4+'&frame_width='+innerWidth+'&frame_height='+av_height;
		//alert(url); //1029 ---- 637
		var myFlashVideoButton  = new Element('div', {
			'class': 'vjs-big-play-button-IE'
		});	
		
		myFlashVideoButton.inject($('slides_container_home'));
		myFlashVideoButton.addEvent('click', function(event){
													  
													  
			allow_refresh_home	= false;
			$clear(refresher_home);
			
		
			var req = new Request({url: url,
				method: 'get',
				onSuccess: function(responseText) {
					var output 			= req.response.text;
					//alert(output);
					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];
					
					$('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'
					});	
					
					myFlashVideo.inject($('home_video_container'));
					
					$('home_video_container_IE').setStyles({'position':'absolute', 'width':width_video, 'height':height_video, 'background-color':'#e9e9e9'});
					
					$('slides_container_home').setStyle('display','none');
					pauseAutoPlayHome();
					
					var obj = new Swiff(root_domain+'home/video.swf', {
						id: 'home_video_container_movie',
						container: $('home_video_container_IE'),
						width: '100%',
						height: '100%',
						params: {
							wmode: 'window',
							bgcolor: '#000000'
						},
						vars: {
							direct_ttl: 'fraaj',
							direct_url: new_url_mp4,
							v_width: width_video,
							v_height: height_video
						}
					})
					
				},
				onFailure: function() {
					//$(target).set('innerHTML', 'The request failed.');
				}
			});
			req.send();
			
		});
		
		if(autoplayHome){
			allow_refresh_home	= true;
			$clear(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='+innerWidth+'&frame_height='+av_height+'&browserIE='+browserIE+'&browserCHROME='+browserCHROME+'&browserFF='+browserFF;
		//alert(url);
		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';
					
					active_proportions_video_home	= $('proportions_original').value;
					
					$('home_video_container').setStyles({'left':left_margin, 'width':width_video, 'height':height_video, 'top':top_margin });
					var myPlayer = VideoJS.setup("home_video_player");
					
					//$('videocontrols').setStyles({ 'display':'block' });
					
					if(autoplayHome){
						allow_refresh_home	= true;
						$clear(refresher_home);
						refresher_home		= setSlideAutoHome.periodical(4000);
					}
				});
			},
			onFailure: function() {
				//$(target).set('innerHTML', 'The request failed.');
			}
		});
		req.send();
				
	}
	allow_click			= true;
	video_id			= 0;
}

var current_img_fx_out_home;
var current_img_fx_in_home;
var this_breedte_image_home;
var this_hoogte_image_home;

var autoplayHome				= true;

function pauseAutoPlayHome(){
	$clear(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');
}
	
var newimage = new Array;				
function loadNewSlideHome(new_url){
	$('slides_container_home').setStyle('display','block');
	
	current_img_fx_out_home = new Fx.Morph($('slide_image_home'), {duration: 300, 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[i]					= 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[0].set('id','slide_image_home');
					newimage[0].setStyles({'opacity': 0});
					newimage[0].inject($('slides_container_home'));
					allow_resize_home		= true;
					
					var new_width;
					var new_height;
					var av_height		= innerHeight - 78 - 170;
					
					if(proportions_original >= proportions_site){
						new_width		= innerWidth
						new_height		= innerWidth * proportions_original
						if(new_height < av_height){
							new_height 		=  av_height;
							new_width 		=  new_height / proportions_original;
							
							if(new_width < innerWidth){
								new_width	= innerWidth;
							}
						}
						$('slide_image_home').setStyles({'width' : new_width, 'height' : new_height});
						slide_slide_bg.set({'top' : (av_height - new_height)/2, 'left' : (innerWidth - new_width)/2, 'width' : new_width, 'height' : new_height});
					}else{
						new_height			= av_height
						new_width			= new_height / proportions_original
						if(new_width < innerWidth){
							new_width 		=  innerWidth;
							new_height 		=  innerWidth * proportions_original;
						}
						$('slide_image_home').setStyles({'width' : new_width, 'height' : new_height});
						slide_slide_bg.set({'left' : (innerWidth - new_width)/2 , 'top' : (av_height - new_height)/2, 'width' : new_width, 'height' : new_height});
					}	
					
					current_img_fx_in_home = new Fx.Morph(newimage[0], {duration: 300, 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;
								$clear(refresher_home);
								refresher_home		= setSlideAutoHome.periodical(4000);
							}
						}
						
					}});
					
					
					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 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(){
	$clear(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{
		$clear(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;
					$clear(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		= innerWidth * 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' ,innerWidth);
				}else{
					var new_width		= innerHeight / proportions_original
					if(new_width < innerWidth){
						new_width 		=  innerWidth;
						new_height 		=  innerWidth / 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':innerWidth, 'height':innerHeight, 'background-color':'#111'});
	myBGDiv2.setStyles({'width':innerWidth, '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);	
}


function updateScroll(target, scroll_in){
	var this_height 		= '';
	var container_height 	= '';
		
	if(browserIE){
		this_height 		= $(target).offsetHeight + 150;
		container_height 	= innerHeight - 80 - 75 - 100;
	}else{
		this_height 		= $(target).getHeight();
		container_height 	= innerHeight - 80 - 75 - 100;
	}
	if(container_height < this_height){
		activeScrollElement 	= $(scroll_in);
		activeScroll 			= new Fx.Scroll(activeScrollElement);
		scrollPosition			= 0;
		activeScrollHeight		= this_height - container_height;
		activeScroll.set(0, scrollPosition);
		
		$('scroll-container').setStyle('display','block');
		$('scroll-container').setStyle('opacity',1);
		
		mySlider = new BasicSlider('scroll-container', 'scroller', {
			range: [0,800],
			wheel: false,
			steps: 100,
			snap: true,
			mode: 'vertical',
			onChange: function(pos){
				scrollPosition	= pos/700 * activeScrollHeight;
				activeScroll.set(0, scrollPosition);
				loadImageRows(scrollPosition);
			}
		});
	}else{
		scrollPosition		= 0;
		$('scroll-container').setStyle('opacity',0.1);
	}
}