// JavaScript Document
var active_product 	= 0;
var has_scroll		= false;
var active_page		= '';
var active_prov		= 0;

var fx_product_rows			= new Array();
var fx_rows_image_1	= new Array();
var fx_rows_image_2	= new Array();
var absLinkSite		= 'http://www.enr.nl/';
			

function LoadPageAll(basis_url, basis_item, parent){
	active_page	= parseInt(basis_url);
	resizing();
	
	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_page!=current){
				fx_mouse_overs[current].cancel();
				fx_mouse_overs[current].start({'background-image':'url('+absLinkSite+'img/assets/menu_btn_bg.jpg)'});
			}
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			if(active_page!=current){
				fx_mouse_overs[current].cancel();
				fx_mouse_overs[current].start({'background-image':'none'});
			}
		});
   	});
	
	$('menu_link_'+active_page).setProperty('class','active_menu_link');
	switch(active_page){
		case 0:
			if(flash_can){
				var content_flash_1	= new SWFObject(absLinkSite+'flash/index1.swf', 'ENR KOKERS', 200, 250, "9", "86A098");
				content_flash_1.addParam("wmode", "transparent"); 
				content_flash_1.addParam("quality", "high"); 
				content_flash_1.addParam("codebase", "all"); 
				content_flash_1.addParam('flashvars','');
				content_flash_1.addParam("allowscriptaccess", "all"); 
				content_flash_1.useExpressInstall(absLinkSite+'expressinstall.swf');
				content_flash_1.write('content_flash_1');
				var content_flash_2	= new SWFObject(absLinkSite+'flash/index2.swf', 'ENR KOKERS', 200, 250, "9", "86A098");
				content_flash_2.addParam("wmode", "transparent"); 
				content_flash_2.addParam("quality", "high"); 
				content_flash_2.addParam("codebase", "all"); 
				content_flash_2.addParam('flashvars','');
				content_flash_2.addParam("allowscriptaccess", "all"); 
				content_flash_2.useExpressInstall(absLinkSite+'expressinstall.swf');
				content_flash_2.write('content_flash_2');
				var content_flash_3	= new SWFObject(absLinkSite+'flash/index3.swf', 'ENR KOKERS', 200, 250, "9", "86A098");
				content_flash_3.addParam("wmode", "transparent"); 
				content_flash_3.addParam("quality", "high"); 
				content_flash_3.addParam("codebase", "all"); 
				content_flash_3.addParam('flashvars','');
				content_flash_3.addParam("allowscriptaccess", "all"); 
				content_flash_3.useExpressInstall(absLinkSite+'expressinstall.swf');
				content_flash_3.write('content_flash_3');
			}
		break;
		case 1:
		case 2:
		case 4:
		case 5:
			var rowlist			= $$('.product_row');
			rowlist.each(function(element) {
				var current = parseInt(element.getProperty('id').substring(12));
				fx_product_rows[current] 		= MorpheItems('product_row_'+current, 800, Fx.Transitions.Cubic.easeOut);
				fx_rows_image_1[current] 		= MorpheItems('img_1_'+current, 800, Fx.Transitions.Cubic.easeOut);
				fx_rows_image_2[current] 		= MorpheItems('img_2_'+current, 800, Fx.Transitions.Cubic.easeOut);
				
				if(active_page!=4){
					element.addEvent('mouseenter', function(event){ 
						var current = parseInt(element.getProperty('id').substring(12));
						if(active_page!=current){
							fx_product_rows[current].cancel();
							fx_product_rows[current].set({'height':221});
							fx_product_rows[current].set({'z-index':20});
							fx_rows_image_1[current].cancel();
							fx_rows_image_1[current].start({'width':150, 'top':5, 'left':0});
							fx_rows_image_2[current].cancel();
							fx_rows_image_2[current].start({'width':150, 'top':5, 'left':155});
						}
					});
					element.addEvent('mouseleave', function(){
						var current = parseInt(element.getProperty('id').substring(12));
						if(active_page!=current){
							fx_product_rows[current].cancel();
							fx_product_rows[current].set({'height':120});
							fx_product_rows[current].start({'z-index':10});
							fx_rows_image_1[current].cancel();
							fx_rows_image_1[current].start({'width':60, 'top':15, 'left':185});
							fx_rows_image_2[current].cancel();
							fx_rows_image_2[current].start({'width':60, 'top':15, 'left':250});
						}
					});
				}else{
					fx_product_rows[26].cancel();
					fx_product_rows[26].set({'height':221});
					fx_product_rows[26].set({'z-index':20});
					fx_rows_image_1[26].cancel();
					fx_rows_image_1[26].set({'width':150, 'top':5, 'left':0});
					fx_rows_image_2[26].cancel();
					fx_rows_image_2[26].set({'width':150, 'top':5, 'left':155});
				}
			});
				
		break;
		case 6:
			var so4 = new SWFObject("http://www.enr.nl/film.swf", "ENR", "330", "250", "9", "86A098");
			so4.addParam("wmode", "transparent"); 
			so4.useExpressInstall('expressinstall.swf');
			so4.write("inner_content");
		break;
	}
	$('main_container').setStyle('display' , 'block');
}

var aantal_producten	= 0;
var filter				= false;
var filter_count		= 0;

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(innerWidth<860){
		innerWidth = 860;
	}
	middleX				= innerWidth / 2;
	middleY				= innerHeight / 2;

	
	var left_pos		= middleX - 430;
	var top_pos			= 0;
	
	switch(active_page){
		case 1:
		case 2:
		case 4:
		case 5:
			
			if($('aantal_producten')){
				if(filter){
					innerHeight				= 350 + filter_count * 121 + 370;
					$('inner_content').setStyle('height' , filter_count * 121 + 120);
					$('content').setStyle('height' ,370 +  filter_count * 121);
				}else{
					aantal_producten 		= $('aantal_producten').value;
					innerHeight				= 350 + aantal_producten * 121 + 370;
					$('inner_content').setStyle('height' , aantal_producten * 121 + 120);
					if(aantal_producten>1){
						$('content').setStyle('height' ,320 +  aantal_producten * 121);
					}else{
						$('content').setStyle('height' ,450);
					}
				}
			}
			
		break;
		case 3:
			
			innerHeight				= 980;
			$('inner_content').setStyle('height' , 600);
			$('content').setStyle('height' ,650);
	
			
		break;
	}
	
	$('main_container').setStyle('width' , 860);
	$('main_container').setStyle('left' , left_pos);
	$('main_container').setStyle('top' , 0);

	$('credits').setStyle('left' , innerWidth - 200);
	$('credits').setStyle('top' , innerHeight - 30);
	$('credits').setStyle('display','block');
	
	//$('language').setStyle('display','block');

}

function setSub(industrie){
	filter_count	= 0;
	if(industrie!=''){
		filter			= true;
		var to_show		= ($(industrie).value).split(',');
		var count		= 0;
		for (var element in fx_product_rows){
			count++;
			if(count <= aantal_producten ){
				if(!in_array(element,to_show)){
					fx_product_rows[element].cancel();
					fx_product_rows[element].set({'display':'none'});
				}else{
					filter_count++;
					fx_product_rows[element].cancel();
					fx_product_rows[element].set({'display':'block'});	
				}
			}
		}
	}
	if(filter_count <1){
		filter_count	= 1;
	}
	resizing();
}

function in_array( what, where ){
	var a=false;
	for(var i=0;i<where.length;i++){
	  if(what == where[i]){
	    a=true;
        break;
	  }
	}
	return a;
}
function setCollection( page, nr){
	switch(page){
		case 1:
			window.location = "kartonnen-kokers.php";	
		break;
		case 2:
			window.location = "kartonnen-vaten.php";
		break;
		case 3:
			window.location = "kartonnen-haspels.php";
		break;
	}
}