// JavaScript Document

item_page_array 	= new Array('flow_news_item.php','','','','','','','');
content_folder 		= new Array('home','about','models','products','visagie','medewerkers','contact','video','modellenboek');
start_content 		= new Array('flow_news_listing.php','flow_about.php','flow_models.php','flow_products.php','flow_products.php','flow_workers.php','flow_contact.php','flow_video.php','flow_modellenboek.php');

load_innercontent	= new Array(1,0,0,0,0,0,0,0,0);
swfLoad				= new Array(false,false,false,false,false,false,false,false,false);
class_array 		= new Array('home','about','models','products','visagie','medewerkers','contact','video','modellenboek');
categories_array 	= new Array(6,0,4,3,3,2,2,2,2);
pages_array 		= new Array('','','','','','','','','');
gallery_type		= new Array(0,0,2,0,0,2,0,0,0);
//side positions
sidepositions_array = new Array(new Array(),new Array(),new Array(),new Array(),new Array(),new Array(),new Array());


//newsletter
function SendSubscription(target_loading, target_output){
	$('submit_newsletter').addClass('loading');
	var emailCheck = 	checkEmail( $('email') , 0, 'infobox');
	if(emailCheck){
		sendForm('newsletter', 'submit_newsletter', 'infobox');
	}else{
		$('submit_newsletter').removeClass('loading');
		$('infobox').innerHTML = 'No valid e-mail address. Please try again.';	
	}
}

//gallery V2
function setGalleryVars(){
	switch(active_current){
		case 2:
		active_category = 5;
		active_gallery 	= 0;
		setAlbumInterface();
		break;
		case 5:
		active_category = 1;
		active_gallery 	= 0;
		setAlbumInterface();
		break;
	}
}

var leftPos;
function LoadPageAll(){
	$('go_home').addEvent('click', function(){
		processPreClick(0,'?include_header=1');
	});
	
	$('bg1').setStyle('top' , innerHeight - 380);
	
	leftPos			= middleX - 475;
	if(leftPos < 170){
		leftPos 		= 170	
	}
	$('main_container').setStyle('left' , leftPos);
	$('main_container').setStyle('top' , middleY - 285);
	
	$('flow_side_credits').setStyle('top' , innerHeight - 25);
	
	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(){ 
			var current = parseInt(element.getProperty('id').substring(4));
			fx_mouse_overs[current].cancel();
			fx_mouse_overs[current].start({'left': -8});
		});
		element.addEvent('mouseleave', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			fx_mouse_overs[current].cancel();
			fx_mouse_overs[current].start({'left': 0});
		});
		element.addEvent('click', function(){
			var current = parseInt(element.getProperty('id').substring(4));
			processPreClick(current, '?include_header=1');
		});
   	});
	
	if(active_current!=0){
		fx_mouse_overs[active_current].start({'top': 20});
	}
	
	fx_inner_content 	 		= MorpheItems('inner_content', 500, Fx.Transitions.Cubic.easeOut);
	fx_inner_content_menu 		= MorpheItems('inner_content_menu', 500, Fx.Transitions.Cubic.easeOut);
	
	//setSomeForm('newsletter');
	
	$('load_container').setStyle('display' , 'none');
	$('main_container').setStyle('opacity' , 0);
	
	
	$('main_container').setStyle('display' , 'block');
	$('main_container').setStyle('opacity' , '1');
	
	//ChangeAnim('opacity', 'main_container',1, 200, Fx.Transitions.Cubic.easeOut);
	
	fx_mouse_overs[0].set({'background-image': 'url(../img/assets/btns/active_' + class_array[0] + '.png)'});
		
	if(flash_can){
		//flash
		$('bg2').setStyle('top' , 0);
		$('bg2').setStyle('height' , innerHeight);
		var bg2_width = Math.ceil(0.65 * innerHeight)
		$('bg2').setStyle('width' , bg2_width);
		$('bg2').setStyle('left' , innerWidth - bg2_width);
		setSomeSWF('bg_2.swf', 'bggallery', '100%', '100%', 'bg2', '');
	}else{
		
		//nonflash
		
	}
	
	loadDropDownActions('search_optioncall_me_locatie_1');
	loadDropDownActions('search_optioncall_me_locatie_2');
	setSomeForm('contact_form', 'form_content_content', 'form_content_content');
	
	
}
var fx_form
var call_me = false
function callMe(){
	if(call_me==false){
		call_me = true;
		$('form_content_bg').setStyle('opacity' , 0);
		$('form_content').setStyle('display' , 'block');
		fx_form 	 		= MorpheItems('form_content_bg', 500, Fx.Transitions.Cubic.easeOut);
		fx_form.start({'opacity':0.9});	
		
	}
}

function closeCallMe(){
	if(call_me==true){
		call_me = false;
		fx_form.cancel()
		fx_form.start({'opacity':0});	
		$('form_content').setStyle('display' , 'none');
		
		loadNshow('form.php'+'', 'form_content_content', 'get', false);
	}
}

function processPageNavClick(current, query){
	allow_click = false;
	processClick(current, query)
}
function processPageNavClickInside(current, query){
	//allow_click = false;
	//processClick(current, query)
//	alert(content_folder[active_current]+'/flow_details.php'+query);
	loadNshow(content_folder[active_current]+'/flow_workers.php'+query, 'thumb_container', 'get', false);
}

function processPreClick(current, query){
	if(active_current==2 || active_current==5){
		if(gallery_open){
			imageInfoBG.setStyle('display' , 'none');
			imageInfo.setStyle('display' , 'none');
			$('bg2').setStyle('display' , 'block');
			closeBigImage();
		}
	}else if(active_current==4){
		$('go_home').setStyle('background-image', 'url(../img/assets/logo.png)')			 
	}
	
	
	if(current!=active_current && allow_click == true){
		allow_click = false;
		fx_mouse_overs[active_current].set({'background-image': 'url(../img/assets/btns/' + class_array[active_current] + '.png)'});
		processClick(current, query)
		if(current==4){
			$('go_home').setStyle('background-image', 'url(../img/assets/visagielogo.png)')			 
		}
	}else{
		//alert(allow_click + ' - ' + active_current);	
	}
}

function resizing(){
	//$('main_container').setStyle('opacity' , 0);
	if(!browserSAF){
		innerWidth 	= parseInt((document.documentElement.clientWidth * 1));
		innerHeight	= parseInt((document.documentElement.clientHeight * 1));
	}else{
		innerWidth 	= parseInt((document.documentElement.clientWidth * 1)- 16);
		innerHeight	= parseInt((document.documentElement.clientHeight * 1));
	}
	
	if(innerHeight<650){
		innerHeight = 650
	}
	if(innerWidth<1150){
		innerWidth = 1150
	}
	
	middleX				= innerWidth / 2;
	middleY				= innerHeight / 2;
	
	leftPos			= middleX - 475;
	if(leftPos < 180){
		leftPos 		= 180;	
	}
	
	ChangeAnim('left', 'main_container', leftPos, 400, Fx.Transitions.Sine.easeOut);
	ChangeAnim('top', 'main_container', middleY - 285, 400, Fx.Transitions.Sine.easeOut);
	
	ChangeAnim('top', 'bg1', innerHeight - 380, 400, Fx.Transitions.Sine.easeOut);
	
	$('bg2').setStyle('height' , innerHeight);
	var bg2_width = Math.ceil(0.65 * innerHeight)
	$('bg2').setStyle('width' , bg2_width);
	$('bg2').setStyle('left' , innerWidth - bg2_width);
	
	ChangeAnim('height', 'bg2', innerHeight, 400, Fx.Transitions.Sine.easeOut);
	ChangeAnim('width', 'bg2', bg2_width, 400, Fx.Transitions.Sine.easeOut);
	ChangeAnim('left', 'bg2', innerWidth - bg2_width, 400, Fx.Transitions.Sine.easeOut);
	
	if(active_current==2){
		yPos_image = (innerHeight - max_hoogte_image)/2;
		
		ChangeAnim('left', 'imageContainer', leftPos + 475 + (475-max_breedte_image), 400, Fx.Transitions.Sine.easeOut);
		ChangeAnim('top', 'imageContainer', yPos_image, 400, Fx.Transitions.Sine.easeOut);
		ChangeAnim('left', 'imageCorner', leftPos + 475 + (475-90), 400, Fx.Transitions.Sine.easeOut);
		ChangeAnim('top', 'imageCorner', yPos_image + 570 - 90, 400, Fx.Transitions.Sine.easeOut);
		
		imageInfoBG.setStyles({
			'left': leftPos + 475 + (475-200),
			'top': yPos_image + 570 - 220
		});
		imageInfo.setStyles({
			'left': leftPos + 475 + (475-195),
			'top': yPos_image + 570 - 210
		});
	}
	
	if(active_current==5){
		yPos_image = (innerHeight - max_hoogte_image)/2;
		
		ChangeAnim('left', 'imageContainer', leftPos + 475 + (475-max_breedte_image), 400, Fx.Transitions.Sine.easeOut);
		ChangeAnim('top', 'imageContainer', yPos_image, 400, Fx.Transitions.Sine.easeOut);
		ChangeAnim('left', 'imageCorner', leftPos + 475 + (475-90), 400, Fx.Transitions.Sine.easeOut);
		ChangeAnim('top', 'imageCorner', yPos_image + 570 - 90, 400, Fx.Transitions.Sine.easeOut);
		
		imageInfoBG.setStyles({
			'left': leftPos + 475 + (475-200),
			'top': yPos_image + 570 - 220
		});
		imageInfo.setStyles({
			'left': leftPos + 475 + (475-195),
			'top': yPos_image + 570 - 210
		});
	}
	
	
	ChangeAnim('top', 'flow_side_credits', innerHeight - 25, 400, Fx.Transitions.Sine.easeOut);
	
}