var in_ie_hell = false;
var cur_page_size;

window.addEvent('domready', function() {
	if(Browser.Engine.trident==true) { 
		in_ie_hell=true; 
	}
	// set_bg_height();
	// check_modal_links();
	// to_topper();
	// init_slideshows();

	// init_toggler();
	check_gmaps();
	init_image_enlargements();
	// init_animate_header_bg();

	// THANK YOU MAM?
	if($('thank_you')!=null) {
		launch_modal('thank_you');
	}	
});


///////////////////////////////////////////////////////////////
////////////////// GOOGLE MAP //////////////////////////////////
///////////////////////////////////////////////////////////////
var has_directions = false;
var directionDisplay, directionsService;

function check_gmaps() {
	if($$('div.google_map').length>0) {

		if(has_directions==true) {
			directionsService = new google.maps.DirectionsService();
			directionsDisplay = new google.maps.DirectionsRenderer();
		}
		var google_maps = $$('div.google_map');
		google_maps.each(function(gmap, index) {
			set_google_map($(gmap.id), gmap.title);
		});
	}
}

function set_google_map(map_element, map_location) {
	// alert('map_element:' +map_element+' map_location: '+map_location);
	var geocoder;
	var map;
	
	var default_lat = 52.224979;
	var default_long = 5.622372;
	var infowindow;
	
	function initialize() {
		geocoder = new google.maps.Geocoder();
		var latlng = new google.maps.LatLng(default_lat, default_long);
		var myOptions = {
			zoom: 9,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		}
		map = new google.maps.Map(map_element, myOptions);
		if(has_directions==true) {
		    directionsDisplay.setMap(map);
			directionsDisplay.setPanel(document.getElementById('location_route'));
		}
    }
	initialize();

	geocoder.geocode( { 'address': map_location}, function(results, status) {
		if (status == google.maps.GeocoderStatus.OK) {
			// map.setCenter(results[0].geometry.location);
			var marker = new google.maps.Marker({
					map: map, 
					position: results[0].geometry.location
			});
			map.setCenter(marker.position);

			var info_window_header = '<strong>Arte-Fact Velp</strong><br />';
			var infowindow = new google.maps.InfoWindow({
				content: info_window_header+map_location
			});
			google.maps.event.addListener(marker, 'click', function() {
				infowindow.open(map,marker);
			});				
		} else {
			alert("Geocode was not successful for the following reason: " + status);
		}
	});
	
	function codeAddress() {
		var address = document.getElementById("address").value;
		geocoder.geocode( { 'address': address}, function(results, status) {
			if (status == google.maps.GeocoderStatus.OK) {
				map.setCenter(results[0].geometry.location);
				var marker = new google.maps.Marker({
						map: map, 
						position: results[0].geometry.location
				});
			} else {
				alert("Geocode was not successful for the following reason: " + status);
			}
		});
	}
	if(has_directions==true) {
		$('submit_get_directions').addEvent('click', function() {
			calculate_route();
			return false;
		});
	}
	function calculate_route() {
		var start = document.getElementById("from_address_field").value;
		var end = map_location;
		var request = {
			origin:start, 
			destination:end,
			travelMode: google.maps.DirectionsTravelMode.DRIVING
		};
		directionsService.route(request, function(response, status) {
			if (status == google.maps.DirectionsStatus.OK) {
				directionsDisplay.setDirections(response);
			}
		});
	}	
}

///////////////////////////////////////////////////////////////
////////////////// IMAGE ENLARGEMENTS //////////////////////////////////
///////////////////////////////////////////////////////////////
function init_image_enlargements() {
	var large_img_links = $$('.enlarge_image');
	large_img_links.addEvent('click', function() {
		enlarge_image(this);
		return false;
	});
}

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 = 'enlarge_img';
	var img_caption_html = '';
	if(the_link.title!='') {
		img_caption_html='<div class="img_caption">'+the_link.title+'</div>';
	}
	// 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="enlarge_img" style="width:'+his_width+'px"class="page_modal"><a name="close_werk_modal" id="close_modal"><img src="'+image_to_enlarge+'" id="modal_enlarge_image" border="0" width="'+his_width+'" height="'+his_height+'" /></a>'+img_caption_html+'</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 check_modal_links() {
	var modal_form_links = $$('a.modal_form');
	modal_form_links.addEvent('click', function() {
		show_form_modal(this);
		return false;
	});
}
function show_form_modal(the_link) {
	// LINK DATA
	var link_data = return_string_relevant_info(the_link.href);
	var form_type = link_data[0];
	var extra_query_string='';
	if(link_data.length>2) {
		// #bestel_publicatie-54 
		var item_id = link_data[1];
		var ref_url = unescape(link_data[2]);
		extra_query_string = '&id='+item_id;
	} else {
		// #buy_multiple_contact
		var ref_url = unescape(link_data[1]);
	}
	// SHOW LOADER
	link_insert_loader(the_link);
	// INSERT MODAL HOLDING HTML
	insert_modal_html();
	// MODAL ID
	modal_to_show = 'form_modal';
	// LOAD FILE
	var load_file = '_inc/_content_readers/load_ajax.inc.php?part='+form_type+'&modal_id='+modal_to_show+'&ref_url='+ref_url+extra_query_string;
	// MAKE ZE CALL
	sendRequest(load_file, handle_form_request);
}

function return_string_relevant_info(the_link) {
	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);
	var relevant_info_array = relevant_info.split('-');
	// 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 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_loading_link;
var active_loading_link_html;
var ajax_loader_html = ' <img src="_img/ajax_loader.gif" 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 + ajax_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 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 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);
}
/* -----------------------------------------------------
	LAUNCH MODAL
 -----------------------------------------------------*/

function launch_modal(modal_to_display) {

	cur_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 = cur_page_size.page_h;
	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(((cur_page_size.window_w - modal_div_w) / 2));
	var modal_div_y = Math.round(scroll_y + ((cur_page_size.window_h - 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);
	
	// CLOSE BUSINESS
	var close_link = $('close_modal');
	if(close_link!=null) {
		close_link.onclick=function() {
			close_cur_modal();
		}
	}
	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();

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;
	}
	var page_size_object = new Object();
	page_size_object.page_w = page_w;
	page_size_object.page_h = page_h;
	page_size_object.window_w = window_w;
	page_size_object.window_h = window_h;
	return page_size_object;
}
/* -----------------------------------------------------
	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;
}
/* ////////////// VALIDATE ///////////// */
function validate_contact(theform) {
	if(!default_check(theform.name)) { return false; }
	// geslacht
	/*
	if(validate_radio_button(theform.geslacht)==false) {
		alert('Selecteer aub de aanheft')
		return false;
	}
	*/
	if(!default_check(theform.email)) { return false; }
	if (echeck(theform.email.value)==false){
		theform.email.focus()
		return false;
	}
	// categorie
	if(validate_checkboxes('categorie[]')==false) {
		alert('Selecteer aub 1 of meerdere onderwerpen')
		return false;
	}
	if(!default_check(theform.comments)) { return false; }
	if(!default_check(theform.secCheck)) { return false; }
	return true;
}
function validate_nb(theform) {
	if(!default_check(theform.name)) { return false; }

	if(!default_check(theform.email)) { return false; }
	if (echeck(theform.email.value)==false){
		theform.email.focus()
		return false;
	}
	return true;
}



function default_check(input) {
	if(input!=undefined) {
		if ((input.value==null)||(input.value=="")){
    		input.style.borderColor="#ff0000";
			input.focus();
			return false;
		} else {
	    	input.style.borderColor='#000000';
    	    return true;
		}
	} else {
		return true;
	}
}

function echeck(str) {

	var at="@"
	var dot="."
	var lat=str.indexOf(at)
	var lstr=str.length
	var ldot=str.indexOf(dot)
	if (str.indexOf(at)==-1){
	   alert("Please fill out a valid email address")
	   return false
	}
	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
	   alert("Please fill out a valid email address")
	   return false
	}	
	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		alert("Please fill out a valid email address")
		return false
	}	
	if (str.indexOf(at,(lat+1))!=-1){
		alert("Please fill out a valid email address")
		return false
	}
	if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		alert("Please fill out a valid email address")
		return false
	}
	if (str.indexOf(dot,(lat+2))==-1){
		alert("Please fill out a valid email address")
		return false
	}
	if (str.indexOf(" ")!=-1){
		alert("Please fill out a valid email address")
		return false
	}
	return true;
}

function validate_radio_button(btn) {
    var cnt = -1;
    for (var i=btn.length-1; i > -1; i--) {
        if (btn[i].checked) {
            cnt = i; i = -1;
        }
    }
    if (cnt > -1) { 
        return btn[cnt].value;
    } else {
        return false;
    }
}

// VALIDATE CHECKBOXES
function validate_checkboxes(checkbox_name) {
	var check_boxes = document.getElementsByName(checkbox_name);
	var num_checked = 0;
	for (var i = 0; i < check_boxes.length; i++) {
		if (check_boxes[i].checked) {
			num_checked++;
		}
	}
	if(num_checked==0) {
		return false;
	} else {
		return true;
	}
}