//////////////////////////////////////////////////////////////////
/////////////////// MODAL EN AJAX STUFF //////////////////////////
//////////////////////////////////////////////////////////////////

function init_collection_focus_links() {
	collection_item_links.addEvent('click', function() { 
		show_item_modal(this, 'collection_item'); 
		return false;
	});
	if($('open_col_focus')!=null) {
		show_item_modal($('open_col_focus'), 'collection_item');
	}
}
function init_sim_focus_links() {
	output(sim_item_links.length);
	sim_item_links.addEvent('click', function() { 
		show_item_modal(this, 'sim_item'); 
		return false;
	});
	if($('open_sim_focus')!=null) {
		modal_to_show = 'sim_item_modal';
		launch_modal(modal_to_show);
	}
}

function init_expo_gal_links() {
	expo_gal_links.addEvent('click', function() { 
		show_item_modal(this, 'expo_gal_item'); 
		return false;
	});
}

function check_modal_links() {
	var modal_form_links = $$('a.modal_form');
	modal_form_links.addEvent('click', function() {
		show_form_modal(this);
		return false;
	});
}
// MH LOGIN
function check_login_links() {
	var modal_press_links = $$('a.press_login');
	modal_press_links.addEvent('click', function() {
		show_login_modal(this);
		return false;
	});
}
// NIEUWSBRIEF POP-UP
function check_newsletter_links() {
	var newsletter_show_links = $$('a.newsletter_show');
	newsletter_show_links.addEvent('click', function() {
		show_newsletter_modal(this);
		return false;
	});
}


////////////////////////////////////////////////////////////////
//////// SHOW COLLECTION MODAL //////////////////////////////////////////
////////////////////////////////////////////////////////////////
function show_item_modal(the_link, modal_type) {
	// LINK DATA
	var link_data = return_string_relevant_info(the_link.href, false);
	var col_item_id = link_data[0];
	var extra_query_string='';
	var ref_url = unescape(link_data[1]);

	// SHOW LOADER
	toggle_opacity(the_link, 'transparent');

	// INSERT MODAL HOLDING HTML
	insert_modal_html();
	
	// COLLECTION ITEMS
	if(modal_type=='collection_item') {
		// Modal ID
		modal_to_show = 'col_item_modal';
		// File to load
		var load_file = '_inc/_content_readers/load_ajax.inc.php?part=col_item_focus&modal_id='+modal_to_show+'&ref_url='+ref_url+'&col_item_id='+col_item_id;
	// SIM ITEMS
	} else 	if(modal_type=='sim_item') {
		// Modal ID
		modal_to_show = 'sim_item_modal';
		// File to load
		var load_file = '_inc/_content_readers/load_ajax.inc.php?part=sim_item_focus&modal_id='+modal_to_show+'&ref_url='+ref_url+'&col_item_id='+col_item_id;
	// EXPO GALLERY ITEM
	} else if(modal_type=='expo_gal_item') {
		// Modal ID
		modal_to_show = 'expo_gal_item_modal';
		// File to load
		var load_file = '_inc/_content_readers/load_ajax.inc.php?part=expo_gal_item&modal_id='+modal_to_show+'&ref_url='+ref_url+'&item_id='+col_item_id;	
	}
	// MAKE ZE CALL
	sendRequest(load_file, handleRequest);
}

function show_login_modal(the_link) {
	// LINK DATA
	var ref_url = unescape(the_link.href);
	// SHOW LOADER
	link_insert_loader(the_link);
	// INSERT MODAL HOLDING HTML
	insert_modal_html();
	// MODAL ID
	modal_to_show = 'login_modal';
	// LOAD FILE
	var load_file = '_inc/_content_readers/load_ajax.inc.php?part=login&modal_id='+modal_to_show+'&ref_url='+ref_url;
	// MAKE ZE CALL
	sendRequest(load_file, handle_form_request);
}

function return_string_relevant_info(the_link, split_after_bracket) {
	if(split_after_bracket==undefined) {
		split_after_bracket = true;
	}
	var full_href_string = the_link.toString();
	var string_length = full_href_string.length;
	var bracket_index = full_href_string.indexOf("#");
	var relevant_info = full_href_string.substring((bracket_index+1), string_length);
	if(split_after_bracket==true) {
		var relevant_info_array = relevant_info.split('-');
	} else {
		var relevant_info_array = new Array();
		relevant_info_array[0] = relevant_info;
	}
    // REF URL: 
	var ref_url = full_href_string.substring(0, bracket_index);
	relevant_info_array.push(ref_url); 
	return relevant_info_array;
}


var modal_to_show = '';
var modal_pic_height=0;
var image_to_enlarge;


function enlarge_image(the_link) {
	// SHOW LOADER
	link_insert_loader(the_link);
	// INSERT MODAL HOLDING HTML
	insert_modal_html();
	// LOAD FILE
	image_to_enlarge = the_link.href;
	// MODAL ID
	modal_to_show = 'mmka_enlarge_img';
	
	// PRELOAD IMAGE
	var load_img = new Image();
	load_img.onload = function() {
		var his_width = load_img.width;
		var his_height = load_img.height;
		var html_to_show='<div id="mmka_enlarge_img" style="width:'+his_width+'px"class="page_modal"><a name="close_werk_modal" id="close_modal" class="close_modal"></a><hr class="clear" style="height: 10px;"><img src="'+image_to_enlarge+'" id="modal_enlarge_image" width="'+his_width+'" height="'+his_height+'" /></div>';
		var container = document.getElementById('modal_holder');
		container.innerHTML = html_to_show;

		hide_inserted_loader();
		launch_modal(modal_to_show);
	}
	load_img.src=image_to_enlarge;
}

function insert_msg_modal(the_link, msg) {
	// SHOW LOADER
	link_insert_loader(the_link);
	// INSERT MODAL HOLDING HTML
	insert_modal_html();
	// MODAL ID
	modal_to_show = 'mmka_message';
	
	var html_to_show='<div id="'+modal_to_show+'" class="page_modal"><a name="close_werk_modal" id="close_modal" class="close_modal"></a><hr class="clear" style="height: 10px;">'+msg+'</div>';
	
	var container = document.getElementById('modal_holder');
	container.innerHTML = html_to_show;

	hide_inserted_loader();
	launch_modal(modal_to_show);
}

function insert_modal_html() {
	// INSERT HTML AT TOP OF PAGE
	var body_tag = document.getElementsByTagName("body").item(0);
	// -- MODAL
	var page_modal = document.createElement("div");
	page_modal.setAttribute('id','modal_holder');
	body_tag.insertBefore(page_modal, body_tag.firstChild);
	// -- OVERLAY
	var overlay_div = document.createElement("div");
	overlay_div.setAttribute('id','overlay');
	body_tag.insertBefore(overlay_div, page_modal.nextSibling);
}

/* -----------------------------------------------------
	SHOW LOADING FUNCTIONS
 -----------------------------------------------------*/
var active_link;
function toggle_opacity(link, state) {
	active_link = link;
	output('link = '+link);
	var linked_img=link.getElement('img');
	output('linked_img = '+linked_img);
	if(state=='full') {
		opacity_val=1;
	} else {
		opacity_val=0.5;
	}
	if(in_ie_hell==false) {
		linked_img.style.opacity = opacity_val;
	} else {
		linked_img.style.filter = 'alpha(opacity=' + opacity_val*100 + ')';
	}
}
var active_loading_link;
var active_loading_link_html;
var mix_loader_html = ' <img src="_img/ajax_loader.gif" class="ajax_loading_image" width="9" height="9" alt="Loading..." border="0" />';

function link_insert_loader(the_link) {
	active_loading_link = the_link;
	active_loading_link_html = the_link.innerHTML;
	the_link.innerHTML = active_loading_link_html + mix_loader_html;
}
function hide_inserted_loader() {
	if((active_loading_link!='') && (active_loading_link!=null)) {
		active_loading_link.innerHTML = active_loading_link_html;
	} 
}
/* -----------------------------------------------------
	INSTANT EDIT CALLBACK FUNCTIONS
 -----------------------------------------------------*/
function handleRequest(req) {
	var html_to_show = req.responseText;
	var container = document.getElementById('modal_holder');
	container.innerHTML = html_to_show;
	toggle_opacity(active_link, 'full');
	launch_modal(modal_to_show);
}
function handle_form_request(req) {
	var html_to_show = req.responseText;
	var container = document.getElementById('modal_holder');
	container.innerHTML = html_to_show;
	hide_inserted_loader();
	launch_modal(modal_to_show);
}
function handle_coord_update(req) { }
/* -----------------------------------------------------
	XMLHTTP Functions
	As found on Quirksmode. You hero.
 -----------------------------------------------------*/

function sendRequest(url,callback,postData) {
	var req = createXMLHTTPObject();
	if (!req) return;
	var method = (postData) ? "POST" : "GET";
	req.open(method,url,true);
	req.setRequestHeader('User-Agent','XMLHTTP/1.0');
	if (postData)
		req.setRequestHeader('Content-type','application/x-www-form-urlencoded');
	req.onreadystatechange = function () {
		if (req.readyState != 4) return;
		if (req.status != 200 && req.status != 304) {
		//	alert('HTTP error ' + req.status);
			return;
		}
		callback(req);
	}
	if (req.readyState == 4) return;
	req.send(postData);
}

function XMLHttpFactories() {
	return [
		function () {return new XMLHttpRequest()},
		function () {return new ActiveXObject("Msxml2.XMLHTTP")},
		function () {return new ActiveXObject("Msxml3.XMLHTTP")},
		function () {return new ActiveXObject("Microsoft.XMLHTTP")}
	];
}

function createXMLHTTPObject() {
	var xmlhttp = false;
	var factories = XMLHttpFactories();
	for (var i=0;i<factories.length;i++) {
		try {
			xmlhttp = factories[i]();
		}
		catch (e) {
			continue;
		}
		break;
	}
	return xmlhttp;
}
/* -----------------------------------------------------
	SET OVERLAY STUFF
 -----------------------------------------------------*/
var array_page_size;
var overlay_div;
var scroll_x, scroll_y, window_w, window_h;


function get_page_size(){
	var scroll_position = window.getScroll();
	scroll_x = scroll_position.x;
	scroll_y = scroll_position.y;

	var body_size =  $(document.body).getScrollSize();
	body_w = body_size.x;
	body_h = body_size.y;
	
	var window_size = window.getSize();
	window_w = window_size.x;
	window_h = window_size.y;
	
	// for small pages with total height less then height of the viewport
	if(body_h < window_h){
		page_h = window_h;
	} else { 
		page_h = body_h;
	}

	// for small pages with total width less then width of the viewport
	if(scroll_x < window_w){	
		page_w = window_w;
	} else {
		page_w = body_w;
	}
	array_page_size = new Array(page_w, page_h, window_w, window_h);
	return array_page_size;
}

function show_overlay(overlay_height_int) {
	var overlay_height = overlay_height_int + 'px';
	overlay_div.setStyle('height', overlay_height);
	overlay_div.setStyle('display', 'block');
	overlay_div.setStyle('opacity', '0');
	overlay_div.fade(0, 1);
}

function launch_modal(modal_to_display) {

	array_page_size=get_page_size();

	var target_modal_div = $(modal_to_display);
	// ZET OP ZICHTBAAR
	target_modal_div.setStyle('opacity', '0');
	target_modal_div.style.display = "block";
	//  MODAL DIMENSIONS
	var modal_size = target_modal_div.getSize();
	var modal_div_w = modal_size.x;
	var modal_div_h = modal_size.y;
	
	var page_height = array_page_size[1];
	var overlay_height = page_height;
	if(modal_div_h>page_height) {
		overlay_height = modal_div_h;
	}	

	// CENTER THE MODAL AND MAKE SURE LEFT AND TOP VALUES ARE NOT NEGATIVE
	var modal_div_x = Math.round(((array_page_size[2] - modal_div_w) / 2));
	var modal_div_y = Math.round(scroll_y + ((array_page_size[3] - modal_div_h) / 2));

	target_modal_div.style.top = (modal_div_y < 0) ? "0px" : modal_div_y + "px";
	target_modal_div.style.left = (modal_div_x < 0) ? "0px" : modal_div_x + "px";

 	// OVERLAY
	overlay_div = $('overlay');
	show_overlay(overlay_height);
	target_modal_div.fade(0, 1);
	

	// ENLARGE IMAGE BUSINESS	
	if(modal_to_display=='mmka_enlarge_img') {
		
	}
	// CLOSE BUSINESS
	var close_link = $('close_modal');
	if(close_link!=null) {
		close_link.onclick=function() {
			close_cur_modal();
			return false;
		}
	}
	if((document_body.id=='agenda') && ($('sim_to_expo')!=null)) {
		$('sim_to_expo').addEvent('click', function() { close_cur_modal(); return false; });
	}
	overlay_div.onclick=function() {
		close_cur_modal();
	}
}
var div_fader = new Fx;

function close_cur_modal() {
	if (document.getElementById) {
		// REMOVE THE DYNAMIC DIVS
		if ($(modal_to_show)) { 	
			var modal_to_show_to_del = $(modal_to_show);
			div_fader = new Fx.Tween(modal_to_show_to_del, { property: 'opacity', duration: 150 } ).start(1, 0);
		}
		if ($('overlay')) { 	
			var overlay = $('overlay');
			div_fader = new Fx.Tween(overlay, { property: 'opacity', duration: 150 } ).start(1, 0).chain(
				function() {  
				  	document.body.removeChild(overlay);
			  		var modal_holder = $('modal_holder');
				  	document.body.removeChild(modal_holder);
				}
			);
		}
	}
}
function start_key_functions() {
 	document.onkeydown = check_key;
}
function check_key(event) {
	// IE hack
	if (window.event) { event = window.event; }
	var keycode = event.keyCode;
	var escapeKey;
	if (event.DOM_VK_ESCAPE) {  // mozilla
		escapeKey = event.DOM_VK_ESCAPE;
	} else { // ie
		escapeKey = 27;
	}
	var key = String.fromCharCode(keycode).toLowerCase();
	if (keycode == escapeKey){ // close lightbox
			close_cur_modal();
	}
}
start_key_functions();