// JavaScript Document
start_content 		= new Array('','','','','','','','');
content_folder 		= new Array('','','','','','','','');

load_innercontent	= new Array(0,1,1,1,1,1,1,1,1,1,1,1,1,1,1,1);
swfLoad				= new Array(false,false,false,false,false,false,false,false,false,false,false,false,false);
class_array 		= new Array('','','','','','','','','','','','','');
categories_array 	= new Array(0,0,0,0,0,0,0,0,0,0,0,0,1);
pages_array 		= new Array('','','','','','','','','','','','','');
gallery_type		= new Array(0,0,0,0,0,0,0,0,0,0,0,0,0);



var projectThumbnails;

var fx_pageslist	= new Array();
var active_product 	= 0;
var product_view 	= false;
var has_scroll		= false;

var fx_main_container_repeat;
var fx_logoBG;

var random_item	= 0;
var random_item_ids		= new Array();
var random_item_urls	= new Array();

var rootdomain			= 'http://www.maaq.nl/';
var fx_credits;

function LoadPageAll(basis_url, basis_item, parent){
	resizing();
	active_current 		= basis_item;
	
	menulist			= $$('.navigation_div');
	menulist.each(function(element) {
		var current = parseInt(element.getProperty('id').substring(4));
		fx_mouse_overs[current] = MorpheItems('menu'+current, 800, Fx.Transitions.Cubic.easeOut);
		
		element.addEvent('mouseenter', function(event){ 
			var current = parseInt(element.getProperty('id').substring(4));
			if(active_current!=current){
				fx_mouse_overs[current].cancel();
				fx_mouse_overs[current].start({'opacity':0.7});
			}
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			if(active_current!=current){
				fx_mouse_overs[current].cancel();
				fx_mouse_overs[current].start({'opacity':1});
			}
		});
   	});
	
	fx_credits 	 				= MorpheItems('credits', 1000, Fx.Transitions.Cubic.easeOut);
	fx_inner_content 	 		= MorpheItems('inner_content', 1000, Fx.Transitions.Cubic.easeOut);
	fx_inner_content_menu 		= MorpheItems('inner_content_menu', 1000, Fx.Transitions.Cubic.easeOut);
	fx_main_container 			= MorpheItems('main_container', 1000, Fx.Transitions.Cubic.easeOut);
	fx_main_container_repeat	= MorpheItems('main_container_repeat', 1000, Fx.Transitions.Cubic.easeOut);
	fx_logoBG					= MorpheItems('div_logo_color', 1000, Fx.Transitions.Cubic.easeOut);
	
	$('main_container').setStyle('opacity' , 0);
	$('main_container').setStyle('display' , 'block');
	$('main_container').setStyle('opacity' , 1);
	
	$('div_logo').addEvent('click', function(){ window.location = 'index.php'; });
	
	
	switch(basis_url){
		case 'index.php':
			//projectenpagina
			setProjects(parent);
			if(basis_item == 0){
				if(flash_can){
					var SlideShow	= new SWFObject('startslide.swf', 'MAAQ', 800, 345, "9", "86A098");
					SlideShow.addParam('flashvars','');
					SlideShow.addParam("wmode", "transparent"); 
					SlideShow.addParam("quality", "high"); 
					SlideShow.addParam("allowscriptaccess", "all"); 
					SlideShow.addParam("codebase", "all"); 
					SlideShow.useExpressInstall('expressinstall.swf');
					SlideShow.write('slideshow');
				}
				
				random_item			= $('random_item').value;
				random_item_ids		= ($('ids').value).split(',');
				random_item_urls	= ($('urls').value).split(',');
			}else if(basis_item > 0 && parent > 0){
				
				$('project_info_background').setStyle('opacity',0.9);
				
				current_im			= 1;
				thumbs_available	= ($('valuesSmallURL_1').value).split('#');
				count_im			= parseInt($('aantal_thumbs_1').value);
				
				if(count_im == 1){
					$('project_nxt_photo').setStyle('display','none');
				}	
				
				
			}
		break;
		case 'contact.php':
			initializeMaps();
			fx_main_container.cancel();
			fx_main_container_repeat.cancel();
			fx_inner_content.cancel();
			fx_main_container.set({'height':800});
			fx_main_container_repeat.set({'height':560});
			fx_inner_content.set({'height':360});
			minHeight	= 840;
		break;
		case 'werkwijze.php':
			fx_main_container.cancel();
			fx_main_container_repeat.cancel();
			fx_inner_content.cancel();
			fx_main_container.set({'height':940});
			fx_main_container_repeat.set({'height':700});
			fx_inner_content.set({'height':810});
			initWerkwijze(basis_item);
			minHeight	= 980;
			fx_main_container.set({'height':540});
			fx_main_container_repeat.set({'height':300});
			fx_inner_content.set({'height':410})
			minHeight	= 580;
			setSponsoring();
	
		break;
		case 'relaties.php':
			fx_main_container.cancel();
			fx_main_container_repeat.cancel();
			fx_inner_content.cancel();
			fx_main_container.set({'height':940});
			fx_main_container_repeat.set({'height':700});
			fx_inner_content.set({'height':810});
			minHeight	= 980;
			fx_main_container.set({'height':940});
			fx_main_container_repeat.set({'height':700});
			fx_inner_content.set({'height':810})
			initRelaties(basis_item);
	
		break;
		case 'downloads.php':
			baseSize();
			if($('form_login')){
				setSomeForm('form_login','login_form','login_form','', false, 'submit_btn');
			}
			minHeight	= 740;
		break;
		case 'vacatures.php':
			baseSize();
			minHeight	= 740;
		break;
		case 'links.php':
			baseSize();
			minHeight	= 740;
		break;
	}
	
	resizing();
}

function baseSize(){
	fx_main_container.cancel();
	fx_main_container_repeat.cancel();
	fx_inner_content.cancel();
	fx_main_container.set({'height':700});
	fx_main_container_repeat.set({'height':460});
	fx_inner_content.set({'height':405});
}

function initializeMaps() {
	var position = new google.maps.LatLng(51.87539,4.613604);
	var myOptions = {
	  zoom: 15,
	  center: position,
	  mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("inner_content_menu"), myOptions);
	
	//var contentString 	=  '<div id="map_content"><h1 class"common">Maaq Signing & Interior</h1><div id="bodyContent"><b>Adres</b><br>';
   	var contentString =  '<h1 class="common">MAAQ PROJECTS</h1><b>adres</b><br>2984BK Ridderkerk<br>0180-414114<br><a href="mailto:info@maaq.nl" class="common">info@maaq.nl</a>';
    //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:"MAAQ"
    });
   
    infowindow.open(map,marker);
    
}

function initRelaties(basis_item){
	var fx_tabs			= new Array();
	var fx_tabscontent	= new Array();
	var tablist			= $$('.tab-relaties');
	
	preloadImagesRelaties();
	
	var active_tab		= basis_item;
	if(active_tab==0){
		active_tab++;
	}
	tablist.each(function(element) {
		var current = parseInt(element.getProperty('id').substring(3));
		fx_tabs[current] 		= MorpheItems('tab'+current, 800, Fx.Transitions.Cubic.easeOut);
		fx_tabscontent[current] = MorpheItems('tabcontent'+current, 800, Fx.Transitions.Cubic.easeOut);
		
		element.addEvent('mouseenter', function(event){ 
			var current = parseInt(element.getProperty('id').substring(3));
			if(active_tab!=current){
				fx_tabs[current].cancel();
				fx_tabs[current].start({'top':0});
			}
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(3));
			if(active_tab!=current){
				fx_tabs[current].cancel();
				fx_tabs[current].start({'top':0});
			}
		});
		element.addEvent('click', function(){
			var current = parseInt(element.getProperty('id').substring(3));
			if(active_tab!=current){
				
				
				disable_r(active_tab);
				activate_r(current);
				
				fx_tabscontent[active_tab].cancel();
				fx_tabscontent[active_tab].set({'height':0});
				active_tab			= current;
				fx_tabscontent[active_tab].cancel();
				fx_tabscontent[active_tab].set({'height':600});
				fx_tabs[active_tab].cancel();
				fx_tabs[active_tab].start({'opacity':1});
				
			}
		});
   	});
	fx_tabscontent[active_tab].cancel();
	fx_tabscontent[active_tab].set({'height':600});
	activate_r(active_tab)
}

function initWerkwijze(basis_item){
	var fx_tabs			= new Array();
	var fx_tabscontent	= new Array();
	var tablist			= $$('.tab');
	
	preloadImages();
		
	var active_tab		= basis_item;
	if(active_tab==0){
		active_tab++;
	}
	tablist.each(function(element) {
		var current = parseInt(element.getProperty('id').substring(3));
		fx_tabs[current] 		= MorpheItems('tab'+current, 800, Fx.Transitions.Cubic.easeOut);
		fx_tabscontent[current] = MorpheItems('tabcontent'+current, 800, Fx.Transitions.Cubic.easeOut);
		
		element.addEvent('mouseenter', function(event){ 
			var current = parseInt(element.getProperty('id').substring(3));
			if(active_tab!=current){
				fx_tabs[current].cancel();
				fx_tabs[current].start({'top':0});
			}
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(3));
			if(active_tab!=current){
				fx_tabs[current].cancel();
				fx_tabs[current].start({'top':0});
			}
		});
		element.addEvent('click', function(){
			var current = parseInt(element.getProperty('id').substring(3));
			if(active_tab!=current){
				
				if(active_tab == 6){
					$('sponsor_slides').setStyle('display','none');
					$('slideshow').setStyle('display','block');
					fx_main_container.cancel();
					fx_main_container_repeat.cancel();
					fx_inner_content.cancel();
					fx_main_container.start({'height':540});
					fx_main_container_repeat.start({'height':300});
					fx_inner_content.start({'height':410})
				}
				
				disable(active_tab);
				activate(current);
				fx_tabscontent[active_tab].cancel();
				fx_tabscontent[active_tab].set({'height':0});
				active_tab			= current;
				fx_tabscontent[active_tab].cancel();
				fx_tabscontent[active_tab].set({'height':600});
				fx_tabs[active_tab].cancel();
				fx_tabs[active_tab].start({'opacity':1});
				
				if(active_tab == 6){
					fx_main_container.cancel();
					fx_main_container_repeat.cancel();
					fx_inner_content.cancel();
					fx_main_container.start({'height':750});
					fx_main_container_repeat.start({'height':510});
					fx_inner_content.start({'height':620});
					
					initSponsorSlides();
					
				}
			}
		});
   	});
	fx_tabscontent[active_tab].cancel();
	fx_tabscontent[active_tab].set({'height':600});
	activate(active_tab)
}



var preload_image_object 		= new Array();
var preload_image_object_big 	= new Array();
var image_url 					= new Array();
var image_url_active 			= new Array();

function preloadImages(){
	image_url[1] 			= "img/assets/btns/tabs/tab_werkwijze.png";
	image_url[0] 			= "img/assets/btns/tabs/tab_wie_zijn_wij.png";
	image_url[3] 			= "img/assets/btns/tabs/tab_verbouw.png";
	image_url[2] 			= "img/assets/btns/tabs/tab_interieur.png";
	image_url[4] 			= "img/assets/btns/tabs/tab_signing.png";
	image_url[5] 			= "img/assets/btns/tabs/tab_sponsoring.png";
	image_url_active[1] 			= "img/assets/btns/tabs/active/tab_werkwijze.jpg";
	image_url_active[0] 			= "img/assets/btns/tabs/active/tab_wie_zijn_wij.jpg";
	image_url_active[3] 			= "img/assets/btns/tabs/active/tab_verbouw.jpg";
	image_url_active[2] 			= "img/assets/btns/tabs/active/tab_interieur.jpg";
	image_url_active[4] 			= "img/assets/btns/tabs/active/tab_signing.jpg";
	image_url_active[5] 			= "img/assets/btns/tabs/active/tab_sponsoring.jpg";
	preload_image_object[1] 	= new Image();
	preload_image_object[1].src = image_url_active[1];
	preload_image_object[0] 	= new Image();
	preload_image_object[0].src = image_url_active[0];
	preload_image_object[2] 	= new Image();
	preload_image_object[2].src = image_url_active[2];
	preload_image_object[3] 	= new Image();
	preload_image_object[3].src = image_url_active[3];
	preload_image_object[4] 	= new Image();
	preload_image_object[4].src = image_url_active[4];
	preload_image_object[5] 	= new Image();
	preload_image_object[5].src = image_url_active[5];
}

function preloadImagesRelaties(){
	image_url[0] 			= "img/assets/btns/tabs/tab_opdrachtgevers.png";
	image_url[1] 			= "img/assets/btns/tabs/tab_partners.png";
	image_url[2] 			= "img/assets/btns/tabs/tab_leveranciers.png";
	image_url_active[0] 			= "img/assets/btns/tabs/active/tab_opdrachtgevers.jpg";
	image_url_active[1] 			= "img/assets/btns/tabs/active/tab_partners.jpg";
	image_url_active[2] 			= "img/assets/btns/tabs/active/tab_leveranciers.jpg";
	preload_image_object[0] 	= new Image();
	preload_image_object[0].src = image_url_active[0];
	preload_image_object[1] 	= new Image();
	preload_image_object[1].src = image_url_active[1];
	preload_image_object[2] 	= new Image();
	preload_image_object[2].src = image_url_active[2];
}

var colorsss	= new Array('#dbdbde','#8b7a66','#e03935','#f36f25','#a4a238');

function activate_r(menu_id){
	$("tab_"+menu_id).src 	= preload_image_object[menu_id-1].src;
	fx_logoBG.cancel();
	fx_logoBG.start({'background-color':colorsss[menu_id-1]});
	$("tab"+(menu_id)).setStyle('background-image','url(../img/assets/relaties/active.png)');
}
function disable_r(menu_id){
	document.getElementById("tab_"+menu_id).src = image_url[menu_id-1];
	$("tab"+(menu_id)).setStyle('background-image','url(../img/assets/relaties/basis.png)');
}

function activate(menu_id){
	$("tab_"+menu_id).src 	= preload_image_object[menu_id-1].src;
	//$("main_afb").src 		= preload_image_object_big[menu_id-1].src;
	
	fx_logoBG.cancel();
	fx_logoBG.start({'background-color':colorsss[menu_id-1]});
		$("tab"+(menu_id)).setStyle('background-image','url(../img/assets/werkwijze/active.png)');
}

function disable(menu_id){
	document.getElementById("tab_"+menu_id).src = image_url[menu_id-1];
	$("tab"+(menu_id)).setStyle('background-image','url(../img/assets/werkwijze/basis.png)');
}

function disableHard(menu_id){
	document.getElementById("tab_"+menu_id).src = image_url[menu_id];
}

slideshowClosed	= false;
function closeAnimation(){
	if(!slideshowClosed){
		slideshowClosed = true;
		ChangeAnim('opacity', $('slideshow'), 0, 1500, Fx.Transitions.Cubic.easeOut);
	}	
}

var minHeight	= 600;
function resizing(){
	if(!browserSAF){
		if(browserIE && browserIE8 == false){
			innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
		}else{
			innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
		}
		innerHeight	= parseInt((document.documentElement.clientHeight * 1));
	}else{
		innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
		innerHeight	= parseInt((document.documentElement.clientHeight * 1));
	}
	
	if(innerHeight < minHeight){
		innerHeight 	= minHeight;
		if(!browserIE && has_scroll == false){
			//alert(has_scroll)
			if(!browserSAF){
				innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 17);
			}else{
				innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 16);
			}
		}
		has_scroll 	= true;
	}else{
		has_scroll 	= false;
	}
	
	if(innerWidth<915){
		innerWidth = 1000;
	}
	middleX				= innerWidth / 2;
	middleY				= innerHeight / 2;

	$('main_container').setStyle('left' , middleX - 420);

	$('credits').setStyle('left' , innerWidth - 100);
	$('credits').setStyle('top' , innerHeight - 20);
	$('credits').setStyle('display' , 'block');
}

var current_im			= 0;
var count_im			= 0;
var thumbs_available 	= new Array();

function switchImage(direction){
	$('project_zoom').setStyle('display','none');
	var new_url 		= ''
	if(direction>0){
		//next
		current_im++;
	}else{
		//prev
		current_im--;
	}
	
	if(current_im==count_im){
		$('project_nxt_photo').setStyle('display','none');
	}else{
		$('project_nxt_photo').setStyle('display','block');
	}
	if(current_im==1){
		$('project_prev_photo').setStyle('display','none');
	}else{
		$('project_prev_photo').setStyle('display','block');
	}

	new_url			= thumbs_available[current_im-1];
	loadNewSlide(new_url);
}

function preload_big(t_url,t_ttl ){
	var valuesURL_1 	= new Array()
	valuesURL_1			= ($('valuesURL_1').value).split('#');
	var valuesTitles_1 	= new Array()
	valuesTitles_1		= ($('valuesTitles_1').value).split('#');
	
	t_url				= valuesURL_1[current_im-1];
	t_ttl				= valuesTitles_1[current_im-1];
	
	openBigImage('',t_url,current_im,t_ttl,1);

}


var is_over_arrow		= false;
function processAfterClick(target, output){
	switch(target){
		case 'inner_content_menu':
			$(target).addEvent('domready', function() {
					
				info_open		= false;								
				$('project_info_background').setStyle('opacity',0.9);
				
				current_im			= 1;
				thumbs_available	= ($('valuesSmallURL_1').value).split('#');
				count_im			= parseInt($('aantal_thumbs_1').value);
				
				if(count_im == 1){
					$('project_nxt_photo').setStyle('display','none');
				}
				
				$('inner_content_menu').addEvent('mouseenter', function(event){ 
					if($('project_zoom')){
						$('project_zoom').setStyle('display','block');
					}
				});
				$('inner_content_menu').addEvent('mouseleave', function(event){ 
					if($('project_zoom')){
						$('project_zoom').setStyle('display','none');
					}
				});
				
				$('project_nxt_photo').addEvent('mouseenter', function(event){ 
					if($('project_zoom')){
						is_over_arrow	= true;
						$('project_zoom').setStyle('display','none');
					}
				});
				$('project_nxt_photo').addEvent('mouseleave', function(event){ 
					if($('project_zoom')){
						is_over_arrow	= false;
						$('project_zoom').setStyle('display','block');
					}
				});
				$('project_prev_photo').addEvent('mouseenter', function(event){ 
					if($('project_zoom')){
						is_over_arrow	= true;
						$('project_zoom').setStyle('display','none');
					}
				});
				$('project_prev_photo').addEvent('mouseleave', function(event){ 
					if($('project_zoom')){
						is_over_arrow	= false;
						$('project_zoom').setStyle('display','block');
					}
				});
				$('project_info').addEvent('mouseenter', function(event){ 
					if($('project_zoom')){
						$('project_zoom').setStyle('display','none');
					}
				});
				$('project_info').addEvent('mouseleave', function(event){ 
					if($('project_zoom')){
						$('project_zoom').setStyle('display','block');
					}
				});
				$('project_info').addEvent('click', function(event){ 
					if($('project_zoom')){
						
						if(info_open){
							closeReadMore();
						}else{
							openReadMore();
						}
						
					}
				});
				
				
				
				fx_inner_content_menu.cancel();
				fx_inner_content_menu.start({'opacity': 1});
			});	
		break;
		case 'inner_content':
			switch(active_current){
				case 0:
					$(target).addEvent('domready', function() {
						setHomeBase();
						fx_inner_content.cancel();
						fx_inner_content.start({'opacity': 1});
						
					
					});	
				break;
				case 6:
					
					fx_catList				= MorpheItems('producten_categories', 500, Fx.Transitions.Cubic.easeOut);
					fx_prodList				= MorpheItems('producten_list', 500, Fx.Transitions.Cubic.easeOut);
					fx_prodContent			= MorpheItems('producten_list_content', 500, Fx.Transitions.Cubic.easeOut);
					fx_prodSimilar			= MorpheItems('producten_similar', 500, Fx.Transitions.Cubic.easeOut);
					fx_prodSimilarContent	= MorpheItems('producten_similar_content', 500, Fx.Transitions.Cubic.easeOut);
					fx_prodDetail			= MorpheItems('producten_detail', 500, Fx.Transitions.Cubic.easeOut);
					fx_prodSimilarFooter	= MorpheItems('producten_similar_footer', 500, Fx.Transitions.Cubic.easeOut);
					
					active_product 	= 0;
					product_view 	= false;
					
					$(target).addEvent('domready', function() {
						fx_inner_content.cancel();
						fx_inner_content.start({'opacity': 1});
					});	
				break;
			}
		break;
		case 'archive_1':
		case 'archive_2':
		case 'archive_3':
			$(target).innerHTML = output;
						
			$(target).addEvent('domready', function() {
				$(target).setStyles({'opacity': 1, 'display': 'block'});
				
				/*fx_main_container.cancel();
				fx_main_container_repeat.cancel();
				fx_inner_content.cancel();
				fx_main_container.start({'height':1000});
				fx_main_container_repeat.start({'height':760});
				fx_inner_content.start({'height':565});
				
				fx_ani_listing[openProject].cancel();
				fx_ani_listing[openProject].start({'opacity':1, 'height':480});
				*/
				fx_main_container.cancel();
				fx_main_container_repeat.cancel();
				fx_inner_content.cancel();
				fx_main_container.start({'height':840});
				fx_main_container_repeat.start({'height':580});
				fx_inner_content.start({'height':385});
				
				fx_ani_listing[openProject].cancel();
				fx_ani_listing[openProject].start({'opacity':1, 'height':300});
				
				topPosition(openProject);

				fx_ani_thumbs		= new Array();
				projectThumbnails	= $$('.project_thumbnail');
				projectThumbnails.each(function(element) {
					fx_ani_thumbs[element.getProperty('id')]	= MorpheItems(element.getProperty('id'), 500, Fx.Transitions.Cubic.easeOut);
					element.addEvent('mouseenter', function(event){ 
						if(element.getProperty('id') != 'thumb_'+active_project){
							fx_ani_thumbs[element.getProperty('id')].cancel();
							fx_ani_thumbs[element.getProperty('id')].start({'opacity': 0.8});
						}
					});
					element.addEvent('mouseleave', function(){
						if(element.getProperty('id') != 'thumb_'+active_project){
							fx_ani_thumbs[element.getProperty('id')].cancel();
							fx_ani_thumbs[element.getProperty('id')].start({'opacity': 1});
						}
					});
				});
				
				if(active_project!=0){
					projectThumbnails.each(function(element) {
						if(element.getProperty('id') == 'thumb_'+active_project){							
							element.setStyle('opacity',0.3);
						}
					});	
				}
				
			});
		break;
	}
}

var projectList;
var openProject 			= '';
var fx_ani_listing			= new Array();
var fx_ani_listing_top		= new Array();
var fx_ani_listing_plus		= new Array();
var fx_ani_listing_minus	= new Array();

var fx_ani_thumbs			= new Array();
var archive 				= false;


function setProjects(parent){
	projectList			= $$('.listingHeader');
	projectList.each(function(element) {
		var currentProject 						= element.getProperty('id').substring(8);
		fx_mouse_overs[currentProject] 			= MorpheItems('headers_'+currentProject, 800, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing[currentProject] 			= MorpheItems('listing_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_top[currentProject] 		= MorpheItems('listing_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_plus[currentProject] 	= MorpheItems('icon_plus_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_minus[currentProject] 	= MorpheItems('icon_minus_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		
		
		//fx_ani_listing_minus[currentProject].start({'opacity':0.3});
		//fx_ani_listing_plus[currentProject].start({'opacity':0.3});
	
		
		element.addEvent('mouseenter', function(event){ 
			var currentProject = element.getProperty('id').substring(8);
			if(openProject!=currentProject){
				fx_mouse_overs[currentProject].cancel();
				fx_mouse_overs[currentProject].start({'background-color':'#e0dedb'});
			}
		});
		element.addEvent('mouseleave', function(){
			var currentProject = element.getProperty('id').substring(8);
			if(openProject!=currentProject){
				fx_mouse_overs[currentProject].cancel();
				fx_mouse_overs[currentProject].start({'background-color':'#d9d2c4'});
			}
		});
		element.addEvent('click', function(){
			var currentProject = element.getProperty('id').substring(8);
			if(openProject!=currentProject){
				setProject(currentProject);
			}else{
				unsetProject(currentProject, true);
			}
		});
   	});
	
	fx_ani_thumbs		= new Array();
	projectThumbnails	= $$('.project_thumbnail');
	projectThumbnails.each(function(element) {
		fx_ani_thumbs[element.getProperty('id')]	= MorpheItems(element.getProperty('id'), 500, Fx.Transitions.Cubic.easeOut);
		element.addEvent('mouseenter', function(event){ 
			if(element.getProperty('id') != 'thumb_'+active_project){
				fx_ani_thumbs[element.getProperty('id')].cancel();
				fx_ani_thumbs[element.getProperty('id')].start({'opacity': 0.8});
			}
		});
		element.addEvent('mouseleave', function(){
			if(element.getProperty('id') != 'thumb_'+active_project){
				fx_ani_thumbs[element.getProperty('id')].cancel();
				fx_ani_thumbs[element.getProperty('id')].start({'opacity': 1});
			}
		});
	});
	
	switch(parent){
		case 1:
			setProject('verbouw');
		break;
		case 2:
			setProject('interieur');
		break;
		case 3:
			setProject('signing');
		break;
	}

}


/*
#listing_interieur{	top:43px; }
#listing_signing{ top:76px; }
#listing_wiezijnwij{ top:109px; }
*/

function setProject(target){
	
	/*
	$('archive_1').setStyles({'display': 'none'});
	$('archive_2').setStyles({'display': 'none'});
	$('archive_3').setStyles({'display': 'none'});
	*/
	if(openProject != ''){
		unsetProject(openProject, false);
		if(archive){
			fx_main_container.cancel();
			fx_main_container_repeat.cancel();
			fx_inner_content.cancel();
			fx_main_container.start({'height':750});
			fx_main_container_repeat.start({'height':510});
			fx_inner_content.start({'height':315});
			minHeight	= 790;
			if(innerHeight < minHeight){
				fx_credits.cancel();
				fx_credits.start({'top':770});
			}
		}
	}else{
		
		closeAnimation();
		
		fx_main_container.cancel();
		fx_main_container_repeat.cancel();
		fx_inner_content.cancel();
		fx_main_container.start({'height':750});
		fx_main_container_repeat.start({'height':510});
		fx_inner_content.start({'height':315});
		minHeight	= 790;
		if(innerHeight < minHeight){
			fx_credits.cancel();
			fx_credits.start({'top':770});
		}
	}
	
	archive 		= false;
	
	topPosition(target)
	
	//alert('open:'+target);
	openProject	= target;
	
	fx_mouse_overs[openProject].cancel();
	fx_mouse_overs[openProject].start({'background-color':'#edebe6'});
	
	fx_ani_listing[openProject].cancel();
	fx_ani_listing[openProject].start({'opacity':1, 'height':230});
	
	fx_ani_listing_plus[target].cancel();
	fx_ani_listing_minus[target].cancel();
	//fx_ani_listing_plus[target].start({'opacity':0, 'top':-28});
	//fx_ani_listing_minus[target].start({'opacity':1, 'top':0});
	fx_ani_listing_plus[target].start({'top':-28});
	fx_ani_listing_minus[target].start({'top':0});
	
	
	var archiveF	= function(){
		$('archiveclick_1').setStyles({'display': 'block'});
		$('archiveclick_2').setStyles({'display': 'block'});
		$('archiveclick_3').setStyles({'display': 'block'});
		}
	archiveF.delay(300);

	projectThumbnails.each(function(element) {
		element.setStyle('opacity',1);
	});
	active_project = 0;
}

function unsetProject(target, closeAll){
	//closeAll .. bepaalt of alles (maincontainer) verkleint moet worden of niet!
	
	
	if(closeAll){
		openProject = '';
		fx_main_container.cancel();
		fx_main_container_repeat.cancel();
		fx_inner_content.cancel();
		fx_main_container.start({'height':550});
		fx_main_container_repeat.start({'height':310});
		fx_inner_content.start({'height':110});
		topPosition('');
		
	}
	
	fx_mouse_overs[target].cancel();
	fx_mouse_overs[target].start({'background-color':'#d9d2c4'});
	
	fx_ani_listing[target].cancel();
	fx_ani_listing[target].start({'opacity':1, 'height':28});
	
	fx_ani_listing_plus[target].cancel();
	fx_ani_listing_minus[target].cancel();
	//fx_ani_listing_plus[target].start({'opacity':1, 'top':0});
	//fx_ani_listing_minus[target].start({'opacity':0, 'top':28});
	fx_ani_listing_plus[target].start({'top':0});
	fx_ani_listing_minus[target].start({'top':31});
	//alert('close:'+target);
}

/*
function topPosition(target){
	
	fx_ani_listing_top['interieur'].cancel();
	fx_ani_listing_top['signing'].cancel();
	//fx_ani_listing_top['wiezijnwij'].cancel();
	
	var color = '';
	
	switch(target){
		case 'verbouw':
			if(!archive){
				fx_ani_listing_top['interieur'].start({'top':243});
				fx_ani_listing_top['signing'].start({'top':276});
			}else{
				//fx_ani_listing_top['interieur'].start({'top':496});
				//fx_ani_listing_top['signing'].start({'top':529});
				fx_ani_listing_top['interieur'].start({'top':316});
				fx_ani_listing_top['signing'].start({'top':349});
			}
			//fx_ani_listing_top['wiezijnwij'].start({'top':309});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading_verbouw.gif)');
			color		= '#e03935';
		break;
		case 'interieur':
			fx_ani_listing_top['interieur'].start({'top':43});
			if(!archive){
				fx_ani_listing_top['signing'].start({'top':276});
			}else{
				//fx_ani_listing_top['signing'].start({'top':529});
				fx_ani_listing_top['signing'].start({'top':349});
			}
			//fx_ani_listing_top['wiezijnwij'].start({'top':309});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading_interieur.gif)');
			color		= '#f36f25';
		break;
		case 'signing':
			fx_ani_listing_top['interieur'].start({'top':43});
			fx_ani_listing_top['signing'].start({'top':76});
			//fx_ani_listing_top['wiezijnwij'].start({'top':309});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading_signing.gif)');
			color		= '#a4a238';
		break;
		default:
			fx_ani_listing_top['interieur'].start({'top':43});
			fx_ani_listing_top['signing'].start({'top':76});
			//fx_ani_listing_top['wiezijnwij'].start({'top':109});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading.gif)');
			color		= '#8b7a66';
		break;
	}
	fx_logoBG.cancel();
	fx_logoBG.start({'background-color':color});
	
}*/
function topPosition(target){
	
	fx_ani_listing_top['verbouw'].cancel();
	fx_ani_listing_top['signing'].cancel();
	//fx_ani_listing_top['wiezijnwij'].cancel();
	
	var color = '';
	
	switch(target){
		case 'interieur':
			if(!archive){
				fx_ani_listing_top['verbouw'].start({'top':243});
				fx_ani_listing_top['signing'].start({'top':276});
			}else{
				//fx_ani_listing_top['verbouw'].start({'top':496});
				//fx_ani_listing_top['signing'].start({'top':529});
				fx_ani_listing_top['verbouw'].start({'top':316});
				fx_ani_listing_top['signing'].start({'top':349});
			}
			//fx_ani_listing_top['wiezijnwij'].start({'top':309});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading_interieur.gif)');
			color		= '#f36f25';
		break;
		case 'verbouw':
			fx_ani_listing_top['verbouw'].start({'top':43});
			if(!archive){
				fx_ani_listing_top['signing'].start({'top':276});
			}else{
				//fx_ani_listing_top['signing'].start({'top':529});
				fx_ani_listing_top['signing'].start({'top':349});
			}
			//fx_ani_listing_top['wiezijnwij'].start({'top':309});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading_verbouw.gif)');
			color		= '#e03935';
		break;
		case 'signing':
			fx_ani_listing_top['verbouw'].start({'top':43});
			fx_ani_listing_top['signing'].start({'top':76});
			//fx_ani_listing_top['wiezijnwij'].start({'top':309});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading_signing.gif)');
			color		= '#a4a238';
		break;
		/*			
		case 'wiezijnwij':
			fx_ani_listing_top['verbouw'].start({'top':43});
			fx_ani_listing_top['verbouw'].start({'top':76});
			fx_ani_listing_top['wiezijnwij'].start({'top':109});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading.gif)');
			color		= '#8b7a66';
		break;
		*/
		default:
			fx_ani_listing_top['verbouw'].start({'top':43});
			fx_ani_listing_top['signing'].start({'top':76});
			//fx_ani_listing_top['wiezijnwij'].start({'top':109});
			$('imageContainer').setStyle('background-image', 'url(../img/assets/slide_loading.gif)');
			color		= '#8b7a66';
		break;
	}
	fx_logoBG.cancel();
	fx_logoBG.start({'background-color':color});
	
}

function processPreClick(current, query){
	if((current!=active_current) && allow_click == true){
		
	}
}

var max_random		= 8;
var allow_refresh	= true;
var sponsorintervalID;
function initSponsorSlides(){
	random_item			= $('random_item').value;
	random_item_ids		= ($('ids').value).split(',');
	random_item_urls	= ($('urls').value).split(',');
	max_random			= random_item_urls.length - 1;
	
	$('sponsor_slides').setStyle('display','block');
	$('slideshow').setStyle('display','none');
	
	sponsorintervalID = refreshSlide.periodical(6000);

}

function refreshSlide(){
	if(allow_refresh){
		allow_refresh = false;
		var new_random_item = parseInt(Math.random()*max_random);
		
		if(new_random_item != random_item){
			random_item	= new_random_item;
		}else{
			if(random_item >= 0 && random_item < max_random){
				random_item++;
			}else{
				random_item--;
			}
		}
		var new_url = [random_item_urls[random_item]];
		loadNewSlide(new_url);
	}
}

function openItemFromSlide(){
	var parent	= 0;
	if(random_item<3){
		parent = 1;
		setProject('verbouw');
	}else if(random_item<6){
		parent = 2;
		setProject('interieur');
	}else{
		parent = 3;
		setProject('signing');
	}
	openItem(random_item_ids[random_item],parent);
}

var current_img_fx_out;
var current_img_fx_in;

function loadNewSlide(new_url){
	current_img_fx_out = new Fx.Morph($('slide_image'), {duration: 600, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
		
		new Asset.images(new_url, {
			onProgress: function(i) {
				this.setStyles({
					'opacity': 0
				});
			},
			onComplete: function() {
				
				current_img_fx_in = new Fx.Morph($('slide_image'), {duration: 600, transition: Fx.Transitions.Cubic.easeOut,onComplete: function() {
					allow_refresh	= true;
				}});
	
				current_img_fx_in.set({'opacity': 0});
				$('slide_image').src = new_url;
				current_img_fx_in.set({'opacity': 0});
				current_img_fx_in.cancel();
				current_img_fx_in.start({'opacity': 1});
				
				if(!is_over_arrow){
					if($('project_zoom')){
					$('project_zoom').setStyle('display','block');
					}
				}
			}
		});
		
		
	}}); 
	current_img_fx_out.cancel();
	current_img_fx_out.start({'opacity': 0});
}

function openArchive(parent){
	allow_click 		= false;
	var target 			= 'archive_'+parent;
	var post_query		= '?include_header=1&parent='+parent;
	loadNshow(rootdomain+'projects/archive.php'+post_query, target, 'get', false);
	archive				= true;
	$('archiveclick_'+parent).setStyles({'display': 'none'});
	
	minHeight	= 1040;
	minHeight	= 860;
	
	fx_credits.cancel();
	//fx_credits.start({'top':1015});
	if(minHeight < innerHeight){
		fx_credits.start({'top':innerHeight - 20});
	}else{
		fx_credits.start({'top':minHeight - 35});
	}
	
	
}


var active_project			= 0;
function openItem(items_id,parent){
	if(parent > 0 && items_id>0){
		allow_click 		= false;
		var target 			= 'inner_content_menu';
		var post_query		= '?include_header=1&parent='+parent+'&item='+items_id;
		loadNshow(rootdomain+'projects/detail.php'+post_query, target, 'get', false);
		
		if(active_project!=0){
			fx_ani_thumbs['thumb_'+active_project].cancel();
			fx_ani_thumbs['thumb_'+active_project].start({'opacity': 1});
		}
		
		active_project		= items_id;
	
		fx_ani_thumbs['thumb_'+active_project].cancel();
		fx_ani_thumbs['thumb_'+active_project].start({'opacity': 0.3});
	}
}

var fx_readmore;
var fx_allcontent;
var fx_hiddeninfo;
var fx_readmore_btn;
var fx_closemore_btn;

var info_open		= false;

function openReadMore(){
	fx_allcontent 		= MorpheItems('project_info_content', 500, Fx.Transitions.Cubic.easeOut);
	fx_hiddeninfo 		= MorpheItems('hidden_info', 500, Fx.Transitions.Cubic.easeOut);
	fx_readmore			= MorpheItems('project_info_background', 500, Fx.Transitions.Cubic.easeOut);
	fx_readmore_btn		= MorpheItems('project_read_more', 500, Fx.Transitions.Cubic.easeOut);
	fx_closemore_btn	= MorpheItems('project_read_more_close', 500, Fx.Transitions.Cubic.easeOut);
	
	fx_readmore.cancel();
//	fx_readmore.start({'width':790, 'height':334});
	fx_readmore.start({'width':800, 'height':345});


	info_open		= true;
	fx_hiddeninfo.cancel();
	fx_hiddeninfo.set({'display':'block'});
//	fx_hiddeninfo.set({'opacity':1});
	
	fx_allcontent.cancel();
//	fx_allcontent.start({'height':286});
	fx_allcontent.start({'height':340});
	
	fx_readmore_btn.cancel();
	fx_readmore_btn.start({'top':-45});
	
	fx_closemore_btn.cancel();
	fx_closemore_btn.set({'display':'block'});
	//fx_closemore_btn.start({'top':5});
	fx_closemore_btn.start({'top':0});
	
	$('project_nxt_photo').setStyle('opacity',0);
	$('project_prev_photo').setStyle('opacity',0);
	$('project_zoom').setStyle('opacity',0);
}

function closeReadMore(){
	fx_readmore.cancel();
	fx_readmore.start({'height':28});
	fx_readmore_btn.cancel();
	//fx_readmore_btn.start({'top':5})
	fx_readmore_btn.start({'top':0});
	
	
	info_open		= false;
	fx_allcontent.cancel();
	fx_allcontent.start({'height':30});
	
	fx_closemore_btn.cancel();
	fx_closemore_btn.start({'top':-45});
	
	$('project_nxt_photo').setStyle('opacity',1);
	$('project_prev_photo').setStyle('opacity',1);
	$('project_zoom').setStyle('opacity',1);
}

function setSponsoring(){
	projectList			= $$('.sponsor_row');
	projectList.each(function(element) {
		var currentProject 						= element.getProperty('id').substring(8);
		fx_mouse_overs[currentProject] 			= MorpheItems('sponsor_'+currentProject, 800, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_plus[currentProject] 	= MorpheItems('icon_plus_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_minus[currentProject] 	= MorpheItems('icon_minus_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_minus[currentProject] 	= MorpheItems('icon_minus_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing[currentProject] 			= MorpheItems('sponsor_info_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		
		element.addEvent('mouseenter', function(event){ 
			var currentProject = element.getProperty('id').substring(8);
			if(openProject!=currentProject){
				fx_mouse_overs[currentProject].cancel();
				fx_mouse_overs[currentProject].start({'background-color':'#e0dedb'});
			}
		});
		element.addEvent('mouseleave', function(){
			var currentProject = element.getProperty('id').substring(8);
			if(openProject!=currentProject){
				fx_mouse_overs[currentProject].cancel();
				fx_mouse_overs[currentProject].start({'background-color':'#d9d2c4'});
			}
		});
		element.addEvent('click', function(){
			var currentProject = element.getProperty('id').substring(8);
			if(openProject!=currentProject){
				
				if(openProject!=0){
					fx_ani_listing_plus[openProject].cancel();
					fx_ani_listing_minus[openProject].cancel();
					fx_ani_listing_plus[openProject].start({'top':0});
					fx_ani_listing_minus[openProject].start({'top':28});
					fx_mouse_overs[openProject].cancel();
					fx_mouse_overs[openProject].start({'background-color':'#d9d2c4'});	
					fx_ani_listing[openProject].cancel();
					fx_ani_listing[openProject].start({'height':0});	
					$clear(sponsorintervalID)
					
				}
				openProject	= currentProject;

				fx_ani_listing_plus[openProject].cancel();
				fx_ani_listing_minus[openProject].cancel();
				fx_ani_listing_plus[openProject].start({'top':-28});
				fx_ani_listing_minus[openProject].start({'top':0});
					fx_ani_listing[openProject].cancel();
					fx_ani_listing[openProject].start({'height':250});	
				
			}else{
				fx_mouse_overs[openProject].cancel();
				fx_mouse_overs[openProject].start({'background-color':'#d9d2c4'});
				fx_ani_listing_plus[openProject].cancel();
				fx_ani_listing_minus[openProject].cancel();
				fx_ani_listing_plus[openProject].start({'top':0});
				fx_ani_listing_minus[openProject].start({'top':28});
					fx_ani_listing[openProject].cancel();
					fx_ani_listing[openProject].start({'height':0});	
				openProject	= 0;
			}
		});
   	});
}