// 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/paintings.jpg";
	image_url[2] 			= "img/assets/btns/illustrations.jpg";
	image_url[3] 			= "img/assets/btns/various.jpg";
	image_url[4] 			= "img/assets/btns/thoughts.jpg";
	//image_url[5] 			= "img/assets/btns/exhibitions.jpg";
	image_url_active[0] 	= "img/assets/btns/active_home.jpg";
	image_url_active[1] 	= "img/assets/btns/active_paintings.jpg";
	image_url_active[2] 	= "img/assets/btns/active_illustrations.jpg";
	image_url_active[3] 	= "img/assets/btns/active_various.jpg";
	image_url_active[4] 	= "img/assets/btns/active_thoughts.jpg";
	//image_url_active[5] 	= "img/assets/btns/active_exhibitions.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].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];
}

preloadImages();

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


function LoadPageAll(basis_url, basis_item){
	$('main_container').setStyle('left' , 0);
	$('main_container').setStyle('top' , 0);
	
	resizing();
	
	activate(basis_item);
	setCollection()
	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-1)){
				activate(current-1);
			}
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			if(active_current!=(current-1)){
				disable(current-1);
			}
		});
   	});
	
	
	
	var fx_main_content 	 	= MorpheItems('main_container', 1500, Fx.Transitions.Cubic.easeOut);
	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');
	$('load_container').setStyle('display' , 'none');
	fx_main_content.set({'opacity' : 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(innerHeight < 800){
		innerHeight = 800;
		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<1000){
		innerWidth = 1000;
	}
	middleX				= innerWidth / 2;
	middleY				= innerHeight / 2;
	
	
	
	$('main_container').setStyle('width' , innerWidth);
	$('header').setStyle('width' , innerWidth);
	
	$('site_menu').setStyle('left' , middleX - 275);
	
	$('content').setStyle('width' , innerWidth);
	//if(innerHeight > 800){
		$('header').setStyle('height' , (middleY - 200));
		$('site_menu').setStyle('top' , (middleY - 250));
		$('site_menu').setStyle('left' , (middleX - 322));
		$('content').setStyle('top' , (middleY - 198));
		$('scroll_left').setStyle('top' , middleY + 134);
		$('scroll_right').setStyle('top' , middleY + 134);
	//}else{
	//	$('header').setStyle('height' , 140);
	//	$('site_menu').setStyle('top' , 105);
	//	$('content').setStyle('top' , 140);
	//	$('scroll_left').setStyle('top' , 100);
	//	$('scroll_right').setStyle('top' , 100);
	//}
	
	$('inner_content_menu').setStyle('width' , innerWidth);
	
	$('footer').setStyle('top' , middleY + 100);
	$('footer').setStyle('left' , middleX - 103);
	$('footer').setStyle('width' , 206);
	
	$('news_block').setStyle('top' , (innerHeight - 240));
	$('news_block').setStyle('left' , (middleX - 175));
	
	$('header_block').setStyle('left' , (middleX + 120));
	
	//$('footer_credits').setStyle('left' , (innerWidth - 175));
	
	$('label_scrollable_content').setStyle('width' , (innerWidth));
	
	$('scroll_right').setStyle('left' , innerWidth - 38);
	
	$('right_corner').setStyle('left' , (innerWidth - 255));
	$('bottom_left_corner').setStyle('top' , (innerHeight-279));
	$('bottom_right_corner').setStyle('left' , (innerWidth - 281));
	$('bottom_right_corner').setStyle('top' , (innerHeight-287));
	$('border_top').setStyle('width' , (innerWidth));
	$('border_bottom').setStyle('width' , (innerWidth));

}


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;
	}
}



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


var active_collection 	= 0;
var collection_pos		= 0;
var fx_label_scrollable_content;
var fx_mouse_overs_collection = new Array();
var fx_collection_infos = new Array();

function setCollection(){
	active_collection 				= 0;
	var collection_divs				= $$('.collection_divs');
	
	fx_label_scrollable_content		= MorpheItems('label_scrollable_content', 800, Fx.Transitions.Quint.easeOut );
	
	collection_divs.each(function(element) {
		var current = parseInt(element.getProperty('id').substring(11));
		fx_mouse_overs_collection[current] 	= MorpheItems('collection_'+current, 800, Fx.Transitions.Cubic.easeOut);
		fx_collection_infos[current]		= MorpheItems('info_'+current, 800, Fx.Transitions.Cubic.easeOut);
		
		fx_collection_infos[current].set({'opacity': 0});
		
		//element.setStyle('opacity',0.8);
		
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(11));
			if(current!=active_collection){
				if(current != collection_pos){
					//fx_mouse_overs_collection[current].cancel();
					//fx_mouse_overs_collection[current].start({'opacity':0.8});
					fx_collection_infos[current].cancel();
					fx_collection_infos[current].set({'opacity':0});
				}
			}
		});
		
		$('img_'+current).addEvent('mouseenter', function(){
			var current = parseInt(this.getProperty('id').substring(4));
			if(current!=active_collection){
				if(current != collection_pos){
					//fx_mouse_overs_collection[current].cancel();
					//fx_mouse_overs_collection[current].start({'opacity':1});
					fx_collection_infos[current].cancel();
					fx_collection_infos[current].set({'opacity':1});
				}
			}
		});
		/*
		$('zoom_'+current).addEvent('click', function(){
			var current = parseInt(element.getProperty('id').substring(5));
			if(current!=active_collection){
				if(current != collection_pos){
					var to_move = current - collection_pos;
					moveBar(to_move);
				}
			}
		});*/
		
	});
	
	
	fx_scrollbar	= MorpheItems('label_scrollable_content', 1500, Fx.Transitions.Cubic.easeOut);
	total_width		= $('breedte_container').value;
	
	
	if(total_width > innerWidth){
		var myElement 	= $('scroll_left');
		myElement.addEvent('click', function(event){
			scrollBar(0)
		});
		myElement.addEvent('dblclick', function(event){});
		
		var myElement 	= $('scroll_right');
		myElement.addEvent('click', function(event){
			scrollBar(1)
		});
		myElement.addEvent('dblclick', function(event){});
	}else{
	 	//$('scroll_left').setStyle('display', 'none');
	 	//$('scroll_right').setStyle('display', 'none');
	}
	
}


var position 		= 0;
var total_width 	= 0;
var fx_scrollbar;
function scrollBar(direction){
	if(direction==1){
		//right
		position	= position - middleX + 15;
		if(position < -1 * (total_width - innerWidth)){
			position = -1 * (total_width - innerWidth);
		}
		fx_scrollbar.cancel()
		fx_scrollbar.start({'left':position})
	}else if(position < 0){
		position	= position + middleX - 15;
		if(position > 0){
			position = 0
		}
		fx_scrollbar.cancel()
		fx_scrollbar.start({'left':position});
	}
	
}