// 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 root_domain			 	= 'http://www.house-of-light.nl/';
var preload_image_object 	= new Array();
var image_url 				= new Array();
var image_url_active 		= new Array();

function preloadImages(){
	image_url[0] 			= root_domain + "img/assets/btns/overons.jpg";
	image_url[1] 			= root_domain + "img/assets/btns/zoeken.jpg";
	image_url[2] 			= root_domain + "img/assets/btns/contact.jpg";
	image_url[3] 			= root_domain + "img/assets/btns/producten.jpg";
	image_url[4] 			= root_domain + "img/assets/btns/vacatures.jpg";
	image_url_active[0] 	= root_domain + "img/assets/btns/active_overons.jpg";
	image_url_active[1] 	= root_domain + "img/assets/btns/active_zoeken.jpg";
	image_url_active[2] 	= root_domain + "img/assets/btns/active_contact.jpg";
	image_url_active[3] 	= root_domain + "img/assets/btns/active_producten.jpg";
	image_url_active[4] 	= root_domain + "img/assets/btns/active_vacatures.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];

}
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-1];
	}
}
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 this_basis_url	= '';


function LoadPageAll(basis_url, basis_item){
	$('main_container').setStyle('left' , 0);
	$('main_container').setStyle('top' , 0);
	this_basis_url	= basis_url;
	
	resizing();
	
	
	middleX				= innerWidth / 2;
	middleY				= innerHeight / 2;
	//innerWidth = 1000;

	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));
			activate(current);
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			disable(current);
		});
		element.addEvent('click', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			if(active_current!=current){
			
			}
		});
   	});
	
	fx_inner_content 	 		= MorpheItems('inner_content', 800, Fx.Transitions.Cubic.easeOut);
	fx_inner_content_menu 		= MorpheItems('inner_content_menu', 500, Fx.Transitions.Cubic.easeOut);
	
	$('main_container').setStyle('opacity' , 0);
	$('main_container').setStyle('display' , 'block');
	$('main_container').setStyle('opacity' , 1);
	
	loadDropDownActions('search_optioncategories','categories');		

	if($('search_optionsubcategories')){
		loadDropDownActions('search_optionsubcategories','subcategories');		
	}
	
	if($('search_optionsubcategories_2')){
		loadDropDownActions('search_optionsubcategories_2','subcategories_2');		
	}
	
	switch(this_basis_url){
		case 'index.php':
			setSlideBase();
			setHomeBase(basis_item);
			
			var myTips = new Tips('.subcatimage',{ fixed: true });
			
		break;
		case 'over-ons.php':
			setSlideBase();
		break;
		case 'contact.php':
			setSomeForm('contact_form', 'inner_content', 'inner_content');
		break;
		case 'product.php':
			loadProductNavigator();		
			setProductPage();
		break;
	}
	
}

var slider			= false;
function openBigSlide(){
	slider				= true;
	allow_auto_refresh	= false;
	openBigImage('',slide_urls_big[active_slide],0,slide_ttls[active_slide],1);
	
}

function resizing(){
	//$('main_container').setStyle('opacity' , 0);
	
	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(innerWidth<1000){
		innerWidth = 1000;
	}

	if(this_basis_url == 'index.php'){
		if(innerHeight < 1400){
			innerHeight = 1400;
			has_scroll	= true;
			if(!browserIE){
				if(!browserSAF){
					innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 17);
				}else{
					innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 16);
				}
			}
		}
		$('main_container').setStyle('height' , innerHeight);
		$('content').setStyle('height' , innerHeight - 150);
		$('footer').setStyle('top' , (innerHeight - 50));
	}else{
		if(innerHeight < 1350){
			innerHeight = 1350;
			has_scroll	= true;
			if(!browserIE){
				if(!browserSAF){
					innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 17);
				}else{
					innerWidth 	= parseInt((document.documentElement.clientWidth * 1) - 16);
				}
			}
		}
	}
	
	middleX				= innerWidth / 2;
	middleY				= innerHeight / 2;
	
	$('main_container').setStyle('width' , innerWidth);
	$('header').setStyle('width' , innerWidth);
	
	$('balk_1').setStyle('width' , innerWidth);
	$('balk_2').setStyle('width' , innerWidth);
	$('line_1').setStyle('width' , innerWidth);
	$('line_2').setStyle('width' , innerWidth);
	$('searchbox').setStyle('left' , (innerWidth - 491));
	$('go_home').setStyle('left' , (middleX - 465));
	$('header_notification').setStyle('left' , (middleX - 270));
	//$('vacature_notification').setStyle('left' , (middleX - 300));
	
	
	
	$('content').setStyle('width' , innerWidth);
	
	
	$('inner_content_menu').setStyle('left' , middleX - 465);
	$('inner_content').setStyle('left' , middleX - 465);
	
	$('footer').setStyle('top' , (innerHeight - 50));
	$('footer').setStyle('width' , (innerWidth));
	
	
	switch(this_basis_url){
		case 'index.php':
		case 'over-ons.php':
			$('inner_content').setStyle('top' , 266);
		break;
		case 'contact.php':
		case 'product.php':
		case 'vacature.php':
			$('inner_content').setStyle('top' , 0);
		break;
	}
	
}

function processAfterClick(target, output){
	switch(target){
		case 'items_suggest':
			$(target).innerHTML 	= output;
			$(target).addEvent('domready', function() {
				active_name_search	= false;
				mySpinner_search.toggle(target);
				mySpinner_search.destroy()
				$(target).setStyles({'opacity': 1});
			});
		break;
		default:
			$(target).innerHTML = output;
			$(target).addEvent('domready', function() {
				mySpinner.toggle(target);
				mySpinner.destroy()
				$(target).setStyles({'opacity': 1});
				
				if(target == 'zoek_subcat_select' && $('search_optionsubcategories')){
					loadDropDownActions('search_optionsubcategories','subcategories');		
				}else if(target == 'product_detail'){
					var height_extra_info	= $('height_extra_info').value;
					$('line_1_v').setStyle('height', (1 * height_extra_info) + 420);
				}else if(target == 'slide_info_txt'){
					if($('slide_products_container')){
						allow_refresh	= true;
						hoogte 			= $('slide_products_container').getHeight();	
						fx_slide_info.cancel();
						fx_slide_info.start({'height':hoogte + 25, 'top':255 - (hoogte + 25)});
					}
				}
			});
		break;
	}
}

var projectList;
var openProject 			= 0;
var fx_ani_row				= new Array();
var fx_ani_listing_plus		= new Array();
var fx_ani_listing_minus	= new Array();

//slides
var active_slide			= 0;
var slide_urls				= new Array();
var slide_urls_big			= new Array();
var slide_ttls				= new Array();
var slide_related			= new Array();
var fx_slide_navs			= new Array();
var fx_slide_info;

function setHomeBase(startValue){
	projectList			= $$('.main_row');
	projectList.each(function(element) {
		var currentProject 						= element.getProperty('id').substring(4);
		fx_ani_row[currentProject] 				= MorpheItems('row_'+currentProject, 1000, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_plus[currentProject] 	= MorpheItems('icon_plus_'+currentProject, 500, Fx.Transitions.Cubic.easeOut);
		fx_ani_listing_minus[currentProject] 	= MorpheItems('icon_minus_'+currentProject, 500, Fx.Transitions.Cubic.easeOut);
		
		element.addEvent('click', function(){
			var currentProject = element.getProperty('id').substring(4);
			if(openProject!=currentProject){
				setProject(currentProject);
			}
		});
   	});
	
	if(startValue!=0){
		projectList.each(function(element) {
			var currentProject 						= element.getProperty('id').substring(4);
			if(startValue==$('id_'+currentProject).value){
				setProject(currentProject);
			}
		});
	
	}
	
}

var count_slides	= 0;
function setSlideBase(){
	$('slide_info_bg').setStyle('opacity', 0.9);
	//$('slide_navigator').setStyle('opacity', 0.8);	
	
	var hoogte 	= 0;
	if($('slide_products_container')){
		hoogte 	= $('slide_products_container').getHeight();	
		$('slide_info').setStyles({'height':hoogte + 25, 'top':255 - (hoogte + 25)});
		fx_slide_info		= MorpheItems('slide_info', 600, Fx.Transitions.Cubic.easeOut);
		
		active_slide		= $('active_slide').value;
		var url_slides		= $('valuesURL_1').value;
		slide_urls			= url_slides.split('#');
		var url_slides_big	= $('valuesBigURL_1').value;
		slide_urls_big		= url_slides_big.split('#');
		var related_slides	= $('valuesRelated').value;
		slide_related		= related_slides.split('#');
		var title_slides	= $('valuesTitles_1').value;
		slide_ttls			= title_slides.split('#');
		
		
		var slidelist			= $$('.slide_nav');
		slidelist.each(function(element) {
			count_slides++;
			var current = parseInt(element.getProperty('id').substring(10));
			fx_slide_navs[current] = MorpheItems('slide_nav_'+current, 600, Fx.Transitions.Cubic.easeOut);
			
			element.addEvent('mouseenter', function(event){ 
				var current = parseInt(element.getProperty('id').substring(10));
				if(current!=active_slide){
					fx_slide_navs[current].cancel();
					fx_slide_navs[current].start({'background-color':'#b49e8e', 'color': '#333333'});
				}
			});
			element.addEvent('mouseleave', function(){
				var current = parseInt(element.getProperty('id').substring(10));
				if(current!=active_slide){
					fx_slide_navs[current].cancel();
					fx_slide_navs[current].start({'background-color':'#FFFFF', 'color': '#706a64'});
				}
			});
			element.addEvent('click', function(){
				//allow_auto_refresh	= false;
				var current = parseInt(element.getProperty('id').substring(10));
				fx_slide_navs[current].cancel();
				fx_slide_navs[current].start({'background-color':'#a66841', 'color': '#FFFFF'});
				setSlide(current);

				$clear(refresher)
				refresher	= setSlideAuto.periodical(5000);
			});
			element.setStyle('opacity', 0.9);
   		});		
	}

	fx_slide_navs[active_slide].cancel();
	fx_slide_navs[active_slide].start({'background-color':'#a66841', 'color': '#FFFFF'});
	
	if(!browserIE6){
		refresher	= setSlideAuto.periodical(5000);
	}
}

var allow_refresh		= true;
var allow_auto_refresh	= true;
var refresher;
function setSlideAuto(){
	if(allow_auto_refresh){
		if(!active_name_search){
			var nr 			= active_slide
			if(nr < (count_slides-1)){
				nr++
			}else{
				nr			= 0;
			}
			fx_slide_navs[nr].cancel();
			fx_slide_navs[nr].start({'background-color':'#a66841', 'color': '#FFFFF'});
			setSlide(nr);
		}
	}else{
		$clear(refresher)
	}
}

function setSlide(nr){
	if(nr!=active_slide && allow_refresh == true){
		allow_refresh	= false;
		loadNewSlide(root_domain + slide_urls[nr]);
		fx_slide_navs[active_slide].cancel();
		fx_slide_navs[active_slide].start({'background-color':'#FFFFF', 'color': '#706a64'});
		active_slide	= nr;
	
		mySpinner 				= new Spinner('slide_info');
		mySpinner.show(true);
		loadNshow(root_domain + 'home/slide_info.php?include_header=1&related='+slide_related[active_slide], 'slide_info_txt', 'get', false);
	
	}
}

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.cancel();
				current_img_fx_in.start({'opacity': 1});
				
			}
		});
		
		
	}}); 
	current_img_fx_out.cancel();
	current_img_fx_out.start({'opacity': 0});
}

//homepage cats
function setProject(target){
	if(openProject != 0){
		fx_ani_listing_plus[openProject].cancel();
		fx_ani_listing_minus[openProject].cancel();
		//fx_ani_listing_plus[target].start({'opacity':0, 'top':-28});
		//fx_ani_listing_minus[target].start({'opacity':1, 'top':0});
		fx_ani_listing_minus[openProject].start({'left':-30});
		fx_ani_listing_plus[openProject].start({'left':0});
	}
	
	openProject			= target;
	//var heigt_sub		= 27;
	var heigt_sub		= 50;
	
	var aantal_kids		= $('childs_'+openProject).value;	
	
	for (var j=1;j<fx_ani_row.length;j++){
		if(j < openProject){
			if($('id_'+j)){
				fx_ani_row[j].cancel();
				fx_ani_row[j].start({'top':(j * 32), 'height':32});
			}
		}else if(j > openProject){
			if($('id_'+j)){
				fx_ani_row[j].cancel();
				fx_ani_row[j].start({'top':(j * 32 + aantal_kids * heigt_sub + 5),'height':32});
			}
		}else if(j == openProject){
			fx_ani_row[openProject].cancel();
			fx_ani_row[openProject].start({'top':(openProject * 32), 'height':aantal_kids * heigt_sub + 35});
		}
	}
	
	fx_ani_listing_plus[target].cancel();
	fx_ani_listing_minus[target].cancel();
	fx_ani_listing_plus[target].start({'left':-30});
	fx_ani_listing_minus[target].start({'left':0});
}


var mySpinner;
var mySpinner_search;

var main_parent_name	= '';
var parent_name			= '';
var main_parent_id		= 0;
var parent_id			= 0;

String.prototype.stripSpaces = function( ){ 
	var test = this; 
	test = test.replace( /&nbsp;/, "" ); 
	test = test.replace( /\s/g, "-" ); 
	test = test.replace( '/', "-" ); 
	test = test.replace( /[\(\)\.\\ ]/g, '');

	return test; 
};

function dropDownHandler(value, click_target,element_txt){
	var selected_option	= value;
	switch(click_target){
		case 'categories':
			$('zoek_subcat_select').innerHTML	= '';
			mySpinner 							= new Spinner('zoek_subcat_select');
			mySpinner.show(true);
			loadNshow(root_domain + 'zoek/sub.php?include_header=1&main_parent='+selected_option, 'zoek_subcat_select', 'get', false);
		break;
		case 'subcategories':
		case 'subcategories_2':
			main_parent_name					= $('search_optioncategories').innerHTML;
			main_parent_name					= main_parent_name.stripSpaces();
			main_parent_id						= $('drop_categories').value;;
			parent_name							= $('search_option'+click_target).innerHTML;
			parent_name							= parent_name.stripSpaces();
			parent_id							= $('drop_'+click_target).value;
			//window.location					= 'catalogus.php?page=1&cat=2&parent='+selected_option
			window.location						= root_domain + 'catalogus/' + main_parent_name + '-' + main_parent_id + '/' + parent_name + '-' + parent_id + '/1';
		break;
	}
}

var active_article				= 0;
function setProductPage(){
	if($('height_extra_info')){
		var height_extra_info	= $('height_extra_info').value;
		$('line_1_v').setStyle('height', (1 * height_extra_info) + 420);
		
		$('product_detail').setStyle('height', (1 * height_extra_info) + 420);
		$('product_detail').setStyle('width', innerWidth - (224 + (middleX - 465)));
		
		if($('current_item')){
			active_article		= $('current_item').value;
		}
	}
}

function loadProductNavigator(){
	if($('current_parent')){
		var current_parent	= $('current_parent').value
		var current_item	= $('current_item').value
		setSomeSWF(root_domain + "product_navigator.swf", "navigate", "220", "300", "product_navigator", "&parent_id="+current_parent+"&current_id="+current_item)
	}
}

function openProduct(items_id, parent_id){
	SWFAddress.setValue('/product/?parent='+parent_id+'&item='+items_id);
	//SWFAddress.setValue('/demo/'+parent_id+'/'+items_id);
}

var active_name_search					= false;
function checkSearchName(input){
	if(input.length > 2){
		if(!active_name_search){
			active_name_search				= true;
			mySpinner_search 				= new Spinner('items_suggest');
			mySpinner_search.show(true);
			loadNshow(root_domain + 'zoek/name_search.php?include_header=1&search='+input,'items_suggest', 'get', false);
		}
	}else{
		$('items_suggest').innerHTML					= '';	
	}
}

function initNameSearch(input){
	if(input == 'zoek op naam'){
		$('zoek_woord').value					= '';
		$('items_suggest').innerHTML			= '';
	}
}