// JavaScript Document
var navi 			= navigator.appVersion;
var browserIE 		= false;
var browserIE6 		= false;
var browserSAF 		= false;
var scrollSpeed 	= 50;
var scrollHeight	= 10;
var notification 	= '';

if(navi.indexOf("MSIE")>-1){
	browserIE = true;
	var navAr = navi.split(";");
	browserIE6 = (parseFloat(navAr[1].split(" ")[2])<=6.0?true:false);
} else if(navi.indexOf("Safari")>-1){
	browserSAF = true;
}

var width_Avail 	= screen.availWidth;
var heigth_Avail 	= screen.availHeight;
var innerWidth 		= 0;
var innerHeight 	= 0;

if(!browserSAF){
	if(browserIE){
		innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 17);
	}else{
		innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
	}
	innerHeight	= parseInt((document.documentElement.clientHeight * 1));
}else{
	innerWidth 	= parseInt((document.documentElement.clientWidth * 1)- 16);
	innerHeight	= parseInt((document.documentElement.clientHeight * 1));
}

if(innerHeight<650){
	innerHeight = 650
}
if(innerWidth<1150){
	innerWidth = 1150
}



var middleX				= innerWidth / 2;
var middleY				= innerHeight / 2;

var http_request 		= false;
var rootdomain			= "http://"+window.location.hostname

var status 				= 0;
var active_option 		= '';

var flash_can			= false;
var flash_message		= '';

if(FlashDetect.majorAtLeast(9)){
	flash_can		= true;
}else{
	flash_can		= false;
	flash_message 	= "You need at least flashplayer 9 to see this part of<br>the site.<br><br>Click <a href='http://www.adobe.com/products/flashplayer/' target='_blank'>here</a> to download flashplayer from Adobes website.";
}


var fx_mouse_overs	= new Array;
var fx_inner_content_menu;
var fx_inner_content;

var menulist;
var mouseY,mouseX;

var item_page_array 		= new Array();
var start_content 			= new Array();

var load_innercontent		= new Array();
var swfLoad					= new Array();
var class_array 			= new Array();
var class_array 			= new Array();
var categories_array 		= new Array();
var content_folder 			= new Array();
var gallery_type			= new Array();

//side positions
var sidepositions_array 	= new Array();

var months_array			= new Array('','January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December');
var active_current		  	= 0;	

function LoadInit(){
	if(browserIE6==true){
		notification		= 'U maakt momenteel gebruik van Internet Explorer 6.0. Voor optimaal gebruik van deze website raden wij <a href="http://www.microsoft.com/windows/downloads/ie/getitnow.mspx" target="_blank">Internet Explorer 7.0</a> of <a href="http://www.mozilla.com/en-US/firefox/" target="_blank">Mozilla Firefox</a> aan.';
		$('header_notification').innerHTML = notification;
	}
	LoadPageAll();
}


//function to comm between flash n js
function thisMovie(movieName) {
	var isIE = navigator.appName.indexOf("Microsoft") != -1;
	return (isIE) ? window[movieName] : document[movieName];
}

function makeCall(target,str) {
	thisMovie(target).asFunc(str);
	//makeCall("ID?NAME SWF OBJECT",string);
}

function openItem(items_id,categories){
	
	for(var cat = 0; cat < categories_array.length; cat++){
		if(categories_array[cat] == categories && items_id>0){
			allow_click 		= false;
			var target 			= 'inner_content';
			var post_query		= '?include_header=1&item='+items_id;
			loadNshow(content_folder[cat]+'/'+item_page_array[cat]+post_query, target, 'get', false);
		}
	}
	
}

var loadContentToo = true;
function setPageListing(the_page, target){
	var page 	= the_page
	switch(target){
		case 'inner_content_menu':
			var target 	= target;
			var url		= 'home/flow_news_listing.php?include_header=1&page='+page
			$(target).addClass('loading');
			var cat_list	= $$('#listing_row_container .listing_row');
			var counter		= 0;
			cat_list.each(function(element) {
				counter++;			   
				ChangeAnim('opacity', element, 0, counter * 200, Fx.Transitions.Cubic.easeOut);
			});
			
			$(target).innerHTML = '<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><img src="http://www.ched.nl/img/assets/loading.gif" alt="loading" />';
			loadContentToo = false;
			loadNshow(url, target, 'get', false);
		break;
	}
}

var post_query 		= ''
var allow_click 	= true;

function processDirectClick(categories, query){
	for(var cat = 0; cat < categories_array.length; cat++){
		if(categories_array[cat] == categories){
			processClick(cat, query);
			fx_mouse_overs[cat].cancel();
			fx_mouse_overs[cat].start({'top': 20});
		}
	}
}


function processClick(current, query){
		//$('inner_content_menu').removeClass(class_array[active_current] + "_menu");
		//$('inner_content').removeClass(class_array[active_current]);
		//$('inner_content_menu').addClass('class_array[active_current] + "_menu"');
			
		$('inner_content_menu').innerHTML = '';
		$('inner_content').innerHTML = '';
		
		if(current==0){
			$('inner_content_menu').setStyle('left', 90);
			$('inner_content_menu').setStyle('top', 260);	
			$('inner_content').setStyle('height', 450);		
		}else{
			$('inner_content_menu').setStyle('left', 40);
			$('inner_content_menu').setStyle('top', 0);
			$('inner_content').setStyle('height', 0);		
		}
		
		active_current = current;
		fx_mouse_overs[active_current].set({'background-image': 'url(../img/assets/btns/active_' + class_array[active_current] + '.png)'});
		
		post_query = query;
		if(start_content[current]){
			$('inner_content_menu').addClass('loading_content');
			//alert(content_folder[current]+'/'+start_content[current]+query);
			loadNshow(content_folder[current]+'/'+start_content[current]+query, 'inner_content_menu', 'get', swfLoad[current]);
		}else{
			allow_click	= true;
		}
}

var currentTime 			= new Date();
var month 					= currentTime.getMonth() + 1;
var day 					= currentTime.getDate();
var year 					= currentTime.getFullYear();


//common var for al center swf's
var commonSWF;

function setSomeSWF(swf_src, swf_title, swf_width, swf_height, target, swf_vars){
	var someSWF	= new SWFObject(swf_src, swf_title, swf_width, swf_height, "9", "86A098");
	someSWF.addParam('flashvars',swf_vars);
	someSWF.addParam("wmode", "transparent"); 
	someSWF.addParam("quality", "high"); 
	someSWF.addParam("allowscriptaccess", "all"); 
	someSWF.addParam("codebase", "all"); 
	someSWF.useExpressInstall('expressinstall.swf');
	someSWF.write(target);
}

function loadNshow(url, target, method, swfload){
	
	if(swfload == true){
		var request = new Request.JSON({
			url: url,
			onComplete: function(jsonObj) {
				var result = jsonObj.swfvar;
				
				result.each(function(swf) {
					
					var swf_src			= swf.source;
					var swf_title		= swf.titel;
					var swf_width		= swf.width;
					var swf_height		= swf.height;
					var swf_vars		= '?'+swf.vars;
					
					if(flash_can){
		
						commonSWF	= new SWFObject(swf_src, swf_title, swf_width, swf_height, "9", "86A098");
						commonSWF.addParam('flashvars',swf_vars);
						commonSWF.addParam("wmode", "transparent"); 
						commonSWF.addParam("quality", "high"); 
						commonSWF.addParam("allowscriptaccess", "all"); 
						commonSWF.addParam("codebase", "all"); 
						commonSWF.useExpressInstall('expressinstall.swf');
						
						$(target).removeClass('loading');
						//$(target).addClass(class_array[active_current]);
						
						commonSWF.write(target);
					}else{
						$(target).removeClass('loading');
						//$(target).addClass(class_array[active_current]);
						$(target).innerHTML = flash_message;	
					}
						
					allow_click = true;	
				});
				
			}
		}).send();
		
	}else{
	
		var req = new Request({url: url,
			method: method,
			onSuccess: function(responseText) {
				var output 	= req.response.text;
				
				
				switch(target){
					case 'inner_content':
						$(target).removeClass('loading_content');
				
						fx_inner_content.cancel();
						fx_inner_content.set({'opacity': 0});
						
						//$(target).addClass(class_array[active_current]);
						//$(target).setProperty('class',class_array[active_current]);
						$(target).innerHTML = output;
						
						$(target).addEvent('domready', function() {
							fx_inner_content.cancel();
							fx_inner_content.start({'opacity': 1});
						});	
						
						if(active_current==0){
							if($('headline_item').getHeight() > 400){
								//$('headline_item').setStyle('height',400);
								$('news_scroll').setStyle('display','block');
							}else{
								$('news_scroll').setStyle('display','none');
							}
						}
						
						allow_click = true;
						
					break;
					case 'inner_content_menu':
						$(target).removeClass('loading_content');
						
						fx_inner_content_menu.cancel();
						fx_inner_content_menu.set({'opacity': 0});
						
//						alert($(target).className)
						//$(target).empty().addClass(class_array[active_current] + "_menu");
						$(target).innerHTML = output;
						//$(target).setProperty('class',class_array[active_current] + "_menu");
						$(target).addEvent('domready', function() {
							fx_inner_content_menu.cancel();
							fx_inner_content_menu.start({'opacity': 1});
						});	
						
						
						//var TipsInBasket = new Tips($$('.flyer_icon'),{ fixed: false, className:'FlyOver', showDelay: 0, hideDelay: 0, offsets: {'x': 55, 'y': -250} });
						var TipsInBasket = new Tips($$('.see_image'),{ fixed: false, className:'FlyOver', showDelay: 0, hideDelay: 0, offsets: {'x': 55, 'y': -60} });
	
						//album
						if(gallery_type[active_current]==1){
							active_category = 0;
							active_gallery 	= 0;
							setAlbumInterface();
						}else if(gallery_type[active_current]==2){
							setGalleryVars(active_current);
						}
						
						if(active_current==6){
							loadDropDownActions('search_optiondropdown');
						}
						
						if(load_innercontent[active_current]==1 && loadContentToo == true){
							loadNshow(content_folder[active_current]+'/'+item_page_array[active_current]+post_query, 'inner_content', 'get', false);
						}else{
							loadContentToo = true;
							allow_click = true;	
						}
					break;
					case 'imageInfo':
						if(output!=''){
							imageInfoBG.setStyle('display' , 'block');
							imageInfo.setStyle('display' , 'block');
							$(target).innerHTML 			= output;
						}else{
							imageInfoBG.setStyle('display' , 'none');
							imageInfo.setStyle('display' , 'none');
							$(target).innerHTML 			= '';
							
						}
					break;
					case 'form_content_content':
							$(target).innerHTML 			= output;
					break;
					default:
						//alert(1);
						$(target).innerHTML 			= output;
					break;
				}
			},
			onFailure: function() {
				$(target).set('innerHTML', 'The request failed.');
			}
		});
		req.send();
	}
}
//image vars

var active_category = 0;
var active_gallery 	= 0;
var active_option	= 0;

var thumb_count 	= 0;
var active_thumb 	= 0;
var active_image 	= 0;
var gallery_opened	= false;
var gallery_open	= false;
var thumb_list;

function setAlbumInterface(){
	
	var cat_list	= $$('#inner_content_menu .category_list');
	cat_list.each(function(element) {
		var current = parseInt(element.getProperty('id').substring(4));
			
		element.addEvent('mouseenter', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			if(current!=active_category){
				element.addClass('overAlbum');
			}
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			if(current!=active_category){
				element.removeClass('overAlbum');
			}
		});
		element.addEvent('click', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			if(current!=active_category){
				if(active_category!=0){
					$('cat_' + active_category).removeClass('clickedAlbum');
				}
				active_category	= current;
				active_option	= 0;
				element.removeClass('overAlbum');
				element.addClass('clickedAlbum');
				openAlbumsIn(active_category, true);
			}
		});
   	});
	
	if(active_category != 0 || active_gallery != 0){
		if(active_gallery != 0 && active_category == 0){
			active_category	= $('active_category').value;
		}
		
		openAlbumsIn(active_category, false);
		
		if(active_gallery != 0){
			loadGallery(active_gallery, false, 'flow_photo_item.php?include_header=1&gallery='+active_gallery)
		}
		
	}
}

function openAlbumsIn(the_category, loadData){
	if(loadData){
		$('albumsIn').innerHTML = '';
		$('albumsIn').addClass('loading');
		var req = new Request({url:'flow_get_albumsInCat.php?include_header=1&categories='+active_category+'&gallery='+active_gallery,
			method: 'get',
			onSuccess: function(responseText) {
				var output 	= req.response.text;
				$('albumsIn').removeClass('loading');
				$('albumsIn').innerHTML	= output;
				loadDropDownActions('search_optionGallery');
			},
			onFailure: function() {
				$('albumsIn').set('innerHTML', 'The request failed.');
			}
		});
		req.send();
	}else{
		loadDropDownActions('search_optionGallery');	
	}
}

function loadDropDownActions(element_name){
	var element_clicker = $(element_name);
	
	element_clicker.addEvent('click', function(){
		
		if(element_clicker.getProperty('name')!=active_option){
			
			if(active_option!=0){
				var valueTarget = $('search_option_values'+active_option);
				if(valueTarget){
					var clickTarget = $('search_option'+active_option);
					ChangeAnim('height', valueTarget, 0, 500, Fx.Transitions.Cubic.easeOut)
					clickTarget.setStyle('backgroundImage', 'url(img/assets/scroll/bg_options.png)');
				}
			}
			
			active_option 	= element_clicker.getProperty('name');
			element_clicker.setStyle('backgroundImage', 'url(img/assets/scroll/bg_options_up.png)');
			var nr_ofValues	= $('option_value_counter'+active_option).value;
			valueTarget 	= $('search_option_values'+active_option);
			var toMove		= nr_ofValues * 16;
			if(toMove>500){
				toMove = 500;
			}
			
			ChangeAnim('height', valueTarget, toMove, 300, Fx.Transitions.Cubic.easeOut)
			
			scroller = new Scroller('search_option_values'+active_option, {area: 20, velocity: 0.15});
			valueTarget.addEvent('mouseover', scroller.start.bind(scroller));
			valueTarget.addEvent('mouseout', scroller.stop.bind(scroller));		
		}else{
			closeCloset(active_option);
		}
	});

	var optionsValuelist = $$('.search_option_value');
	optionsValuelist.each(function(element) {
	 	
		if(active_gallery==parseInt(element.getProperty('id').substring(6))){
			var childof = element.getProperty('childof');
			$('search_option'+childof).innerHTML = element.innerHTML;
			element.addClass('selected');
			element.setStyle('background-color', '#dfdfdd');
		}
		
		var fxvalues = new Fx.Morph(element, {wait:false});
		element.addEvent('mouseenter', function(){
			if(element.getProperty('class')=='search_option_value'){									
			fxvalues.set({
				'background-color': '#eed07e'
			});
			}
		});
	 
		element.addEvent('mouseleave', function(){
			if(element.getProperty('class')=='search_option_value'){									
			fxvalues.set({
				'background-color': '#dfdfdd'
			});
			}
		});

		element.addEvent('click', function(){
			var childof = element.getProperty('childof');
			var disablelist = $$('#search_option_values'+childof+' .search_option_value');
			disablelist.each(function(element) {
				element.setStyle('background-color', '#dfdfdd');
				element.removeClass('selected');
			});
			element.addClass('selected');
			fxvalues.start({
				'background-color': '#4f4f4f'
			});
			
			var tempval;
			switch(childof){
				case 'Gallery':
					tempval	= parseInt(element.getProperty('id').substring(6));
					if(active_gallery != tempval){
						active_gallery 	= tempval;
						$('search_option'+childof).innerHTML = element.innerHTML;
						closeCloset(childof);
						loadGallery(active_gallery, true, 'flow_photo_item.php?include_header=1&gallery='+active_gallery);
					}
				break;
				case 'GalleryV2':
					tempval	= parseInt(element.getProperty('id').substring(6));
					if(active_gallery != tempval){
						active_gallery 	= tempval;
						$('search_optionGallery').innerHTML = element.innerHTML;
						closeCloset(childof);
						//alert(content_folder[active_current]+'/'+start_content[active_current]+'?include_header=1&gallery='+active_gallery);
						loadGallery(active_gallery, true, content_folder[active_current]+'/'+start_content[active_current]+'?include_header=1&gallery='+active_gallery);
					}
				break;
				case 'call_me_locatie':
					tempval	= parseInt(element.getProperty('id').substring(6));
					if(active_gallery != tempval){
						active_gallery 	= tempval;
						$('search_optioncall_me_locatie').innerHTML = element.innerHTML;
						closeCloset(childof);
					}
				break;
				case 'call_me_locatie_1':
					tempval	= parseInt(element.getProperty('id').substring(6));
					$('id[call_me_locatie_1]').value = tempval;
					if(active_gallery != tempval){
						active_gallery 	= tempval;
						$('search_optioncall_me_locatie_1').innerHTML = element.innerHTML;
						closeCloset(childof);
					}
				break;
				case 'call_me_locatie_2':
					tempval	= parseInt(element.getProperty('id').substring(6));
					$('id[call_me_locatie_2]').value = tempval;
					if(active_gallery != tempval){
						active_gallery 	= tempval;
						$('search_optioncall_me_locatie_2').innerHTML = element.innerHTML;
						$('id[call_me_locatie_2]').value = tempval;
						closeCloset(childof);
					}
				break;
				default:
					tempval	= parseInt(element.getProperty('id').substring(6));
					if(active_gallery != tempval){
						active_gallery 	= tempval;
						$('search_optiondropdown').innerHTML = element.innerHTML;
						closeCloset(childof);
						loadNshow(content_folder[active_current]+'/flow_details.php?include_header=1&item='+tempval, 'contact_details', 'get', false);	
					}
					closeCloset(childof);						
				break;
			}
			
		});
		
		
	});
}

function loadGalleryDirect(category, gallery){
	active_category = category;
	active_gallery 	= gallery;
	var target_album	= $('inner_content_menu');target_album
	
	
	if(active_current!=5){
		active_current = 5;
		fx_mouse_overs[5].cancel();
		fx_mouse_overs[5].start({'top': 20});
	}
	
	
	var url = 'flow_photo.php?include_header=1&categories='+active_category+'&gallery='+active_gallery ;
	var req = new Request({url:url,
		method: 'get',
		onSuccess: function(responseText) {
			
			var output 		= req.response.text;
			var counter_t	= 0
			
			target_album.setStyle('display','none');
			target_album.innerHTML	= output;
			
			setAlbumInterface()
			
			target_album.setStyle('display','block');

		},
		onFailure: function() {
			target_album.set('innerHTML', 'The request failed.');
		}
	});
	req.send();
}


function loadGallery(active_gallery, loadData, url){
	if(loadData){
		$('thumb_container').addClass('loading');
		
		var url = url;

		var req = new Request({url:url,
			method: 'get',
			onSuccess: function(responseText) {
				
				var output 		= req.response.text;
				var counter_t	= 0
				
				$('thumb_container').removeClass('loading');
				$('thumb_container').setStyle('display','none');

				
				$('thumb_container').innerHTML	= output;
				/*thumb_count	= $('aantal_thumbs').value;
				
				thumb_list = $$('#thumb_container .thumbnail');
				thumb_list.each(function(element) {
					counter_t++;
					element.setStyle('opacity',0);
					ChangeAnim('opacity', element, 0.9, counter_t * 200, Fx.Transitions.Cubic.easeOut)
					
					element.addEvent('mouseenter', function(){
						element.setStyle('opacity',1);
						element.addClass('overThumb');
					});
	
					element.addEvent('mouseleave', function(){
						element.setStyle('opacity',0.9);
						element.removeClass('overThumb');
					});
				});
				aantal_images	= counter_t;
				*/
				$('thumb_container').setStyle('display','block');

				//var TipsInBasket = new Tips($$('.the_thumb'),{ fixed: false, className:'galleryInfo', showDelay: 0, hideDelay: 0, offsets: {'x': 55, 'y': -40} });
				
			},
			onFailure: function() {
				$('thumb_container').set('innerHTML', 'The request failed.');
			}
		});
		req.send();
	}else{
		var counter_t	= 0
				
		thumb_count	= $('aantal_thumbs').value;
		
		thumb_list = $$('#thumb_container .thumbnail');
		thumb_list.each(function(element) {
			counter_t++;
			element.setStyle('opacity',0);
			ChangeAnim('opacity', element, 0.9, counter_t * 50, Fx.Transitions.Cubic.easeOut)
			
			element.addEvent('mouseenter', function(){
				element.setStyle('opacity',1);
				element.addClass('overThumb');
			});

			element.addEvent('mouseleave', function(){
				element.setStyle('opacity',0.9);
				element.removeClass('overThumb');
			});
		});
		aantal_images	= counter_t;
	}
}

function closeCloset(childof){
	var valueTarget = $('search_option_values'+childof);
	ChangeAnim('height', valueTarget, 0, 300, Fx.Transitions.Cubic.easeOut);
	
	if(gallery_type[active_current]==1 && call_me == false){
		var clickTarget = $('search_option'+active_option);
		clickTarget.setStyle('backgroundImage', 'url(img/assets/scroll/bg_options.png)');
	}else if(gallery_type[active_current]==2 && call_me == false){
		var clickTarget = $('search_optionGallery');
		clickTarget.setStyle('backgroundImage', 'url(img/assets/scroll/bg_options.png)');
	}else{
		if($('search_option'+childof)){
			var clickTarget = $('search_option'+childof);
			clickTarget.setStyle('backgroundImage', 'url(img/assets/scroll/bg_options.png)');
		}
	}
	ChangeAnim('height', valueTarget, 0, 300, Fx.Transitions.Cubic.easeOut)
	active_option = 0;
}

var imageContainer;
var imageContainerBorder;
var imageContainerBackground;
var imageNxt;
var imagePrv;
var imageClose;
var imageCorner;
var imageInfoBG;
var imageInfo;
var max_breedte_image  	= 0;
var max_hoogte_image  	= 0;
var xPos_image  		= 0;
var yPos_image  		= 0;
var windowheight		= 0;
var windowwidth			= 0;

var this_breedte_image  = 0;
var this_hoogte_image	= 0;

var lefter_thumb		= middleX - 480;
var thumb_middle		= lefter_thumb + 300;

var fx_mouseGalleryAnim;
var fx_mouseGalleryAnimBorder;
var fx_mouseNxt;
var fx_mousePrv;

var mouseGallery		= 0;
var mouseGallery_Prev	= 0;

var currentImageIndex	= 0;
var currentFolder		= '';
var aantal_images		= 0;
var imageURLS;

function closeBigImage(){
	imageContainerBorder.setStyle('display' , 'none');
	imageContainer.setStyle('display' , 'none');
	imageCorner.setStyle('display' , 'none');
	gallery_open = false;
}
		
function openBigImage(folder,value,index){
	if(!gallery_opened){
		
		if(!browserSAF){
			var windowDim 	= window.getScrollSize();
			windowheight	= windowDim.y;
			windowwidth		= windowDim.x;
		}else{
			windowheight 	= document.body.scrollHeight;
			windowwidth 	= document.body.scrollWidth;
		}
		
		gallery_opened				= true;
		imageContainer 				= $('imageContainer');
		imageContainerBackground 	= $('imageContainerBackground');
		imageContainerBorder 		= $('imageContainerBorder');

		imageURLS			 		= new Array();
		imageURLS			 		= ($('valuesURL').value).split(',');;
		
		imageClose 		= $('imageClose');
		imageCorner		= $('imageCorner');
		imageInfoBG		= $('imageInfoBG');
		imageInfo 		= $('imageInfo');
		
		imagePrv 		= $('imagePrev');
		imageNxt		= $('imageNext');
		
		fx_mouseGalleryAnim			= MorpheItems('imageContainer', 500, Fx.Transitions.Cubic.easeOut);
		fx_mouseGalleryAnimBorder	= MorpheItems('imageContainerBorder', 500, Fx.Transitions.Cubic.easeOut);
		fx_mouseNxt					= MorpheItems('imageNext', 500, Fx.Transitions.Cubic.easeOut);
		fx_mousePrv					= MorpheItems('imagePrev', 500, Fx.Transitions.Cubic.easeOut);
		
		imageClose.addEvent('click', function(event){
			if (!busyBig) {
				
				closeBigImage();
				
			}
		});
		
		imagePrv.addEvent('click', function(event){
			if (!busyBig) {
				
				openBigImage(currentFolder,imageURLS[currentImageIndex-2],currentImageIndex-1)
				
			}
		});
		
		imageNxt.addEvent('click', function(event){
			if (!busyBig) {
				
				openBigImage(currentFolder,imageURLS[currentImageIndex],currentImageIndex+1)
				
			}
		});
	}
	
	if(!gallery_open){
		//var myElement = $(document.body);
		//var myFx = new Fx.Scroll(myElement).start(0, 0);
	
		//$('thumb_container').setStyle('display', 'none')
		
		currentFolder				= folder;
		
		gallery_open				= true;
		var breedte_hoogte			= ($('breedte_hoogte').value).split(',');
		max_breedte_image  			= parseInt(breedte_hoogte[0]);
		max_hoogte_image  			= parseInt(breedte_hoogte[1]);
		this_breedte_image  		= max_breedte_image;
		this_hoogte_image  			= max_hoogte_image;
		
		xPos_image  				= (innerWidth - max_breedte_image)/2;
		yPos_image  				= (innerHeight - max_hoogte_image)/2;

		$('bg2').setStyle('display' , 'none');
		
		imageContainerBackground.setStyles({
					'width': innerWidth,
					'height': windowheight,
					'top': -1 * windowheight,
					'opacity': 0.8,
					'display': 'none'
				});
		
		imageContainerBorder.setStyles({
					'width': max_breedte_image + 40,
					'height': max_hoogte_image + 40,
					'left': xPos_image - 20,
					'top': yPos_image - 20,
					'opacity': 0.4,
					'display': 'none'
				});
		
		imageContainer.setStyles({
					'width': max_breedte_image,
					'height': max_hoogte_image,
					'left': leftPos + 475 + (475-max_breedte_image),
					'top': yPos_image,
					'opacity': 0,
					'display': 'block'
				});
		
		imagePrv.setStyles({
					'left': xPos_image - 100,
					'top': yPos_image + max_hoogte_image/2 - 50,
					'opacity': 0.5,
					'display': 'none'
				});
		
		imageNxt.setStyles({
					'left': xPos_image + max_breedte_image + 60,
					'top': yPos_image + max_hoogte_image/2 - 50,
					'opacity': 0.5,
					'display': 'none'
				});
		
		imageCorner.setStyles({
					'left': leftPos + 475 + (475-90),
					'top': yPos_image + 570 - 90,
					'display': 'block'
				});
		
		
		if(active_current==2){
			imageInfoBG.setStyles({
						'left': leftPos + 475 + (475-200),
						'top': yPos_image + 570 - 220,
						'opacity':0.9,
						'height': 110,
						'display': 'block'
					});
			imageInfo.setStyles({
						'left': leftPos + 475 + (475-195),
						'top': yPos_image + 570 - 210,
						'display': 'block'
					});
		}else if(active_current==5){
			imageInfoBG.setStyles({
						'left': leftPos + 475 + (475-200),
						'top': yPos_image + 570 - 220,
						'height': 160,
						'opacity':0.9,
						'display': 'block'
					});
			imageInfo.setStyles({
						'left': leftPos + 475 + (475-195),
						'top': yPos_image + 570 - 210,
						'display': 'block'
					});
			
		}
		
		imageInfo.innerHTML = '';
		
		ChangeAnim('top', imageContainerBackground, 0, 500, Fx.Transitions.Cubic.easeOut);
		//ChangeAnim('top', imageContainer, yPos_image, 800, Fx.Transitions.Cubic.easeOut);
	
		var alphaContainer = function() {
			ChangeAnim('opacity', imageContainer, 1, 500, Fx.Transitions.Cubic.easeOut);
		}.delay(600);
	
	}
	
	var itemIdPhote		 		= new Array();
	itemIdPhote			 		= ($('valuesItemsID').value).split(',');;
	thisvaluesItemsID			= itemIdPhote[index-1];
	
	if(thisvaluesItemsID>0){
		var target 			= 'imageInfo';
		var post_query		= '?include_header=1&item='+thisvaluesItemsID;
		loadNshow(content_folder[active_current]+'/flow_details.php'+post_query, target, 'get', false);
	}
	
	
	//imageClose.setStyle('display' , 'block');
	imageInfoBG.setStyle('display' , 'block');
	imageInfo.setStyle('display' , 'block');
	
	if(index==1){
		imagePrv.setStyle('display' , 'none');
		if(aantal_images==index){
			imageNxt.setStyle('display' , 'none');
		}
	}else if(aantal_images==index){
		imageNxt.setStyle('display' , 'none');
	}else{
		imageNxt.setStyle('display' , 'block');
		imagePrv.setStyle('display' , 'block');
	}
		imageNxt.setStyle('display' , 'none');
		imagePrv.setStyle('display' , 'none');
	currentImageIndex			= index;
	setBigImage(folder,value)
}

var imageB 		= new Array();
var loadedBig 	= new Array();
var busyBig		= false;

function setBigImage(folder,value){
	imageB = [
		folder + value
	];
	
	if (!busyBig) {
		var imageContainerImgs = $$('#imageContainer img');
		if (imageContainerImgs.length > 0){
			imageContainerImgs.each(function(image) {
				var RemoveImage = new Fx.Tween(image, {duration:400, 
					onComplete: function(){
					image.destroy();	
					loadNewImage();
				},
				transition: Fx.Transitions.linear});
				RemoveImage.start('opacity', 0);															
			});
			busyBig = true;
		}else{
			imageContainer.setStyle('display', 'block');
			loadNewImage();	
		}
	}
}

function loadNewImage(){
	new Asset.images(imageB, {
		onProgress: function(i) {
			this.setStyles({
				'position': 'absolute',
				'opacity': 0
			});
			loadedBig[i] = this;
			this_breedte_image = this.width;
			this_hoogte_image = this.height;
		},
		onComplete: function() {
			fx_mouseGalleryAnim.start({
				'left': leftPos + 475 + (475-this_breedte_image),
				'top': yPos_image + (max_hoogte_image-this_hoogte_image)/2,
				'width': this_breedte_image,
				'height': this_hoogte_image
			});
			
//			ChangeAnim('opacity', 'imageContainer', 1, 500, Fx.Transitions.Cubic.easeOut);
			
			loadedBig[0].inject(imageContainer);
			var fxBG = new Fx.Morph(imageContainerBorder, {duration: 1, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
				var showImage = new Fx.Tween(loadedBig[0], {duration:500, 
					onComplete: function(){
						busyBig  = false;
					},
					transition: Fx.Transitions.Cubic.easeOut});
				showImage.start('opacity', 1);
			}});
			fxBG.start({
				'left': xPos_image + (max_breedte_image-this_breedte_image)/2,
				'top': yPos_image + (max_hoogte_image-this_hoogte_image)/2,
				'width': this_breedte_image + 2,
				'height': this_hoogte_image + 2
			});
						
		}
	});
}

function ChangeAnim(prop, target, to, speed, trans){
	if(target){
		var myFx = new Fx.Tween(target,{duration:speed, transition: trans});
		myFx.start(prop, to );
	}
}

function MorpheItems(target, speed, trans){
	if(target){
		return new Fx.Morph(target, {duration: speed, transition: trans});
	}
}

//forms//

var scrollSpeed = 50;
var scrollHeight= 10;

function scrollStart(direction, divID, elementID){
	ourInterval = setInterval("move"+direction+"('"+divID+"')", scrollSpeed);
}

function scrollEnd(which){
	//document.getElementById(which).style.backgroundColor = origColor;
	clearInterval(ourInterval);
}
function moveUp(which){
	document.getElementById(which).scrollTop = document.getElementById(which).scrollTop - scrollHeight;	
}
function moveDown(which){
	//alert(which);
	document.getElementById(which).scrollTop+=scrollHeight;	
}






var error_message		= '';
	
function checkPostcode(field){
			
	var input			= $(field).value;
	var workWith		= input.replace(/ /g,'');
	workWith			= workWith.replace(/-/g,'');
	
	$(field).value		= workWith;
	
	var format_postcode = /^([0-9]{4})([A-Za-z]{2})$/;
	
	var this_check		= format_postcode.test(workWith);

	if(this_check){
		$(field).removeClass('wrong');
	}else{
		$(field).addClass('wrong');
	}
	
	return(this_check);
}

function checkEmail(field) {
	var this_check	= true;
	var objRegExp  	= /^([a-zA-Z0-9_\-])([a-zA-Z0-9_\-\.]*)@(\[((25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\.){3}|((([a-zA-Z0-9\-]+)\.)+))([a-zA-Z]{2,}|(25[0-5]|2[0-4][0-9]|1[0-9][0-9]|[1-9][0-9]|[0-9])\])$/;
	
	if($(field).value == null || $(field).value == ''){
		this_check 	= false;
	}else if( objRegExp.test($(field).value)==false){
		this_check 	= false;
	}
	
	if(this_check){
		$(field).removeClass('wrong');
	}else{
		$(field).addClass('wrong');
	}
	
	return(this_check);
}

function checkData(field, numeric_text, min_length){
	var input			= $(field).value;
	var this_check		= true;

	switch(numeric_text){
		case 1:
			//text
			if(input.length	< min_length){
				this_check	= false
			}
		break;
		case 2:
			//numeric
			var workWith	= input.replace(/[^\d]/g, '');
			$(field).value	= workWith;
			if(workWith.length	< min_length || isNaN(workWith)){
				this_check	= false
			}
		break;
	}
	
	if(this_check){
		$(field).removeClass('wrong');
	}else{
		$(field).addClass('wrong');
	}
	
	return(this_check);
}

function afterSubMitting(target_output){
	switch(target_output){
		case 'div_maindata':
		break;
	}
}

var active_form_busy = false;
function SendRequest(target_form, target_loading, target_output){
	if(active_form_busy	== false){
		active_form_busy	= true;
		$(target_loading).addClass('loading');
		
		if($('submit_btn')){
			$('submit_btn').setStyle('opacity',0);
		}
		
		var formCheck 	= false;
		formCheck		= checkForm(target_form , 0);
		if(formCheck){
			
			sendForm(target_form, target_loading, target_output);
			
		}else{
			$(target_loading).removeClass('loading');
			active_form_busy	= false;
			
			if($('submit_btn')){
				$('submit_btn').setStyle('opacity',1);
			}
		}
	}
}

var error_message;
function checkForm(target_form){
	var form_checked 	= true;
	error_message		= '';
	switch(target_form){
		case 'contact_form':
			var array_standardField 		= new Array('visitor_name','visitor_tel');
			var array_standardField_desc 	= new Array('uw naam','telefoonnummer');
			var array_standardField_sort 	= new Array(1,2);
			var array_standardField_min 	= new Array(1,10);
			
			for(i=0;i<array_standardField.length;i++){
				if(!checkData(array_standardField[i], array_standardField_sort[i], array_standardField_min[i])){
					form_checked 	= false;
					error_message	+= '<li>Vul een geldige waarde in voor het veld "'+array_standardField_desc[i]+'".</li>';
				}	
			}
			
			if(!form_checked){
				error_message	= '<ul>'+error_message+'</ul>';
			}
		break;
	}
	return form_checked;	
}

function setSomeForm(target_form, target_loading, target_output){
	
	
	$(target_form).addEvent('submit', function(e){

		if(active_form_busy	== false){
			active_form_busy	= true;
			new Event(e).stop();
			
			if($('submit_btn')){
				$('submit_btn').setStyle('opacity',0);
			}
			$(target_loading).addClass('loading');
			var formCheck = checkForm(target_form , 0);
			if(formCheck){
				this.set('send', {
					method: 'post',
					data: $(target_form),                                      
					onSuccess: function(responseText, responseXML) {
						$(target_loading).removeClass('loading');
						var result = responseText;
						$(target_output).innerHTML = responseText;
						active_form_busy	= false;
						afterSubMitting(target_output);
					}
				});
				this.send(this.action); 
			}else{
				if($('submit_btn')){
					$('submit_btn').setStyle('opacity',1);
				}
				active_form_busy	= false;
				$(target_loading).removeClass('loading');
			}
		}
		
	});	
	
	active_form			= target_form;
	active_form_busy	= false;
	
}

function sendForm(target_form, target_loading, target_output){
	$(target_form).set('send', {
		method: 'post',
		data: $(target_form),                                      
		onSuccess: function(responseText, responseXML) {
			
			$(target_loading).removeClass('loading');
			var result = responseText;
			$(target_output).innerHTML = responseText;
			
			active_form_busy	= false;
			afterSubMitting(target_output);
			
		}
	});
	$(target_form).send($(target_form).action); 
}