// 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 preload_image_object 	= new Array();
var image_url 				= new Array();
var image_url_active 		= new Array();


function preloadImages(){
	image_url[0] 			= "img/assets/btns/home.jpg";
	image_url[1] 			= "img/assets/btns/toepassingen.jpg";
	image_url[2] 			= "img/assets/btns/specificaties.jpg";
	image_url[3] 			= "img/assets/btns/referenties.jpg";
	image_url[4] 			= "img/assets/btns/prijzen.jpg";
	image_url[5] 			= "img/assets/btns/contact.jpg";
	image_url_active[0] 	= "img/assets/btns/active_home.jpg";
	image_url_active[1] 	= "img/assets/btns/active_toepassingen.jpg";
	image_url_active[2] 	= "img/assets/btns/active_specificaties.jpg";
	image_url_active[3] 	= "img/assets/btns/active_referenties.jpg";
	image_url_active[4] 	= "img/assets/btns/active_prijzen.jpg";
	image_url_active[5] 	= "img/assets/btns/active_contact.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];
	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 activate(menu_id){
	document.getElementById("btn_"+menu_id).src = preload_image_object[menu_id-1].src;
}
function disable(menu_id){
	if(active_current!=menu_id){
		document.getElementById("btn_"+menu_id).src = image_url[menu_id];
	}
}
function disableHard(menu_id){
	document.getElementById("btn_"+menu_id).src = image_url[menu_id-1];
}
preloadImages();


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 tab_containers		= new Array();
var tab_clickers		= new Array();
var fx_tab_clickers		= new Array();
var tab_contents		= new Array();
var tab_extra_contents	= new Array();

var	active_tab			= 1;


function LoadPageAll(basis_url, basis_item, tab){
	resizing();
	
	
	activate(basis_item);
	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){
				activate(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){
				disableHard(current)
				//fx_mouse_overs[current].cancel();
				//fx_mouse_overs[current].start({'opacity':1});
			}
		});
   	});
	
	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);
	
	switch(basis_url){
		case 'dev.php':
		case 'index.php':
			//projectenpagina
			
			if(flash_can){
				var SlideShow	= new SWFObject('startslide.swf', 'Parkmark', 600, 340, "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');
			}
			//setProjects();
			
			setScroll('logos_draggable', 'logos_container', 'horizontal');
			
			
			var TipsInfo = new Tips('.home_3',{
				className: 'infoTip',
				fixed: false,
				hideDelay: 50,
				showDelay: 50
			});
			
			$('home_3').addEvent('click', function(event){ 
				window.location = 'http://www.parkmark.nl/toepassingen.php';
			});
			
		break;
		default:

			tab_containers.push('');
			tab_contents.push('');
			tab_extra_contents.push('');
			tab_clickers.push('');
				
			var tab_containers_list;
			tab_containers_list	= $$('.tab_content');
			tab_containers_list.each(function(element) {
				element.setStyle('opacity',0);
				tab_containers.push(element);
			});
			
			var tab_contents_list;
			tab_contents_list	= $$('.content_tab');
			tab_contents_list.each(function(element) {
				element.setStyle('opacity',0);
				tab_contents.push(element);
			});
			
			var tab_extra_contents_list;
			tab_extra_contents_list	= $$('.extra_content_tab');
			tab_extra_contents_list.each(function(element) {
				element.setStyle('opacity',0);
				tab_extra_contents.push(element);
			});
			
			var tab_clickers_list;
			tab_clickers_list	= $$('.click_tab');
			tab_clickers_list.each(function(element) {
				element.setStyle('color','#666666');
				tab_clickers.push(element);
				
				var curr_tab				= parseInt(element.getProperty('id').substring(10));
				fx_tab_clickers[curr_tab]	= MorpheItems('click_tab_'+curr_tab, 800, Fx.Transitions.Cubic.easeOut);
				
				element.addEvent('mouseenter', function(event){ 
					var curr_tab				= parseInt(element.getProperty('id').substring(10));
					if(active_tab!=curr_tab){
						fx_tab_clickers[curr_tab].cancel();
						fx_tab_clickers[curr_tab].start({'color':'#f7941e'});
					}
				});
				element.addEvent('mouseleave', function(){
					var curr_tab				= parseInt(element.getProperty('id').substring(10));
					if(active_tab!=curr_tab){
						fx_tab_clickers[curr_tab].cancel();
						fx_tab_clickers[curr_tab].start({'color':'#666666'});
					}
				});
				element.addEvent('click', function(){
					var curr_tab				= parseInt(element.getProperty('id').substring(10));
					if(active_tab!=curr_tab){
						fx_tab_clickers[active_tab].cancel();
						fx_tab_clickers[active_tab].start({'color':'#666666'});
						
						$('tab_'+active_tab).setStyle('z-index',active_tab);
						tab_containers[active_tab].setStyle('opacity',0);
						tab_contents[active_tab].setStyle('opacity',0);
						tab_extra_contents[active_tab].setStyle('opacity',0);
						
						active_tab				= curr_tab;
						
						fx_tab_clickers[active_tab].cancel();
						fx_tab_clickers[active_tab].start({'color':'#f7941e'});

						$('tab_'+active_tab).setStyle('z-index',4);
						tab_containers[active_tab].setStyle('opacity',1);
						tab_contents[active_tab].setStyle('opacity',1);
						tab_extra_contents[active_tab].setStyle('opacity',1);
						
					}
				});
				
			});
			
			//787878
			
			if(tab == 0){
				tab = 1;	
			}
			
			var active_tab	= tab;
			$('tab_'+active_tab).setStyle('z-index',4);
									
			tab_clickers[active_tab].setStyle('color','#f7941e');
			tab_containers[active_tab].setStyle('opacity',1);
			tab_contents[active_tab].setStyle('opacity',1);
			tab_extra_contents[active_tab].setStyle('opacity',1);
			
			
			$('footer').setStyle('top',634);
			
		break;
	}
	
	if(flash_can){
		var TextReel	= new SWFObject('textreel.swf', 'Parkmark', 850, 35, "9", "86A098");
		TextReel.addParam('flashvars','');
		TextReel.addParam("wmode", "transparent"); 
		TextReel.addParam("quality", "high"); 
		TextReel.addParam("allowscriptaccess", "all"); 
		TextReel.addParam("codebase", "all"); 
		TextReel.useExpressInstall('expressinstall.swf');
		TextReel.write('lichtbalk');
	}
	
	//$('main_container').setStyle('opacity' , 0);
	$('main_container').setStyle('display' , 'block');
	//fx_main_container.set({'opacity' : 1});
	
	if($('referenties_dragger_area')){
		setScroll('referenties_draggable', 'referenties_container', 'vertical');
	}
}

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

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 < 700){
		innerHeight = 700;
		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 - 427);
	$('credits').setStyle('left' , innerWidth - 180);
	$('credits').setStyle('top' , innerHeight - 20);
}


function processAfterClick(target, output){
	switch(target){
		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;
	}
}

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();
function setProjects(){
	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);
		
		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':'#eeeeee'});
			}
		});
		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':'#cecece'});
			}
		});
		element.addEvent('click', function(){
			var currentProject = element.getProperty('id').substring(8);
			if(openProject!=currentProject){
				setProject(currentProject);
			}else{
				unsetProject(currentProject, true);
			}
		});
   	});
}


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

function setProject(target){
	if(openProject != ''){
		unsetProject(openProject, false)
	}else{
		
		closeAnimation();
		
		fx_main_container.cancel();
		fx_main_container_repeat.cancel();
		fx_inner_content.cancel();
		fx_main_container.start({'height':820});
		fx_main_container_repeat.start({'height':580});
		fx_inner_content.start({'height':365});
	}
	
	topPosition(target)
	
	//alert('open:'+target);
	openProject	= target;
	
	fx_mouse_overs[openProject].cancel();
	fx_mouse_overs[openProject].start({'background-color':'#eeeeee'});
	
	fx_ani_listing[openProject].cancel();
	fx_ani_listing[openProject].start({'opacity':1, 'height':250});
	
	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});
	
}

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':600});
		fx_main_container_repeat.start({'height':360});
		fx_inner_content.start({'height':145});
		topPosition('');
	}
	
	fx_mouse_overs[target].cancel();
	fx_mouse_overs[target].start({'background-color':'#cecece'});
	
	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':28});
	//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':
			fx_ani_listing_top['interieur'].start({'top':263});
			fx_ani_listing_top['signing'].start({'top':296});
			fx_ani_listing_top['wiezijnwij'].start({'top':329});
			color		= '#e03935';
		break;
		case 'interieur':
			fx_ani_listing_top['interieur'].start({'top':43});
			fx_ani_listing_top['signing'].start({'top':296});
			fx_ani_listing_top['wiezijnwij'].start({'top':329});
			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':329});
			color		= '#a4a238';
		break;
		case 'wiezijnwij':
			fx_ani_listing_top['interieur'].start({'top':43});
			fx_ani_listing_top['signing'].start({'top':76});
			fx_ani_listing_top['wiezijnwij'].start({'top':109});
			color		= '#8b7a66';
		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});
			color		= '#8b7a66';
		break;
	}
	fx_logoBG.cancel();
	fx_logoBG.start({'background-color':color});
	
}


function processPreClick(current, query){
	if((current!=active_current) && allow_click == true){
		
	}
}
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);
		}
	}
	
}

function setScroll(target, scroll_in, mode){
	
	if(mode == 'horizontal'){
	
		var this_width 			= 0;
		var container_width 	= 0;
		var this_scrollwidth	= 290;
		
		this_width 			= parseInt($(target).getStyle('width'));
		container_width 	= parseInt($(scroll_in).getStyle('width'));
	
		activeScrollElement 	= $(scroll_in);
		activeScroll 			= new Fx.Scroll(activeScrollElement);
		scrollPosition			= 0;
		activeScrollWidth		= this_width - container_width;
		activeScroll.set(scrollPosition, 0);
		
		var SliderObject = new Slider('logos_dragger_area', 'logos_dragger', {
			//options
			range: [0, this_scrollwidth + 10],
			wheel: true,
			steps: this_scrollwidth/20,
			snap: true,
			mode: 'horizontal',
			//callback events
			onChange: function(pos){
				scrollPosition	= pos/this_scrollwidth * activeScrollWidth;
				activeScroll.set(scrollPosition,0);
			}
		});
	 
	}else if(mode == 'vertical'){
	
		var this_width 			= 0;
		var container_width 	= 0;
		var this_scrollwidth	= 345;
		
		this_width 			= parseInt($(target).getStyle('height'));
		container_width 	= parseInt($(scroll_in).getStyle('height'));
	
		activeScrollElement 	= $(scroll_in);
		activeScroll 			= new Fx.Scroll(activeScrollElement);
		scrollPosition			= 0;
		activeScrollWidth		= this_width - container_width;
		activeScroll.set(0, scrollPosition);
		
		var SliderObject = new Slider('referenties_dragger_area', 'referenties_dragger', {
			//options
			range: [0,this_scrollwidth ],
			wheel: true,
			steps: this_scrollwidth/20,
			snap: true,
			mode: 'vertical',
			//callback events
			onChange: function(pos){
				scrollPosition	= pos/this_scrollwidth * activeScrollWidth;
				activeScroll.set(0,scrollPosition);
			}
		});
	 
	}
	
/*
	
	
	activeScrollElement 	= $(scroll_in);
	activeScroll 			= new Fx.Scroll(activeScrollElement);
	scrollPosition			= 0;
	activeScrollWidth		= this_width - container_width;
	activeScroll.set(0, scrollPosition);
	*/


			

	/*var el 		= $('logos_dragger_area');
	
	new Slider(el, el.getElement('.logos_dragger'), {
		steps: 35,	// There are 35 steps
		range: [8],	// Minimum value is 8
		onChange: function(value){
			// Everytime the value changes, we change the font of an element
			//font.setStyle('font-size', value);
		}
	})*/
			
}