var in_ie_hell = false;
var EL_tweet_button;

window.addEvent('domready', function() {
	if(Browser.Engine.trident==true) { 
		in_ie_hell=true; 
	}
	trigger_tweeter();
	init_toggler();
	check_modal_links();
	check_gmaps();
	to_topper();
	// init_animate_header_bg();

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

function trigger_tweeter() {
	EL_tweet_button = $('tweet_button');	
	EL_tweet_button.addEvent('click', function() {
		var share_url = this.href;
		newwindow=window.open(share_url,'Tweet this page','height=550,width=420');
		if (window.focus) {newwindow.focus()}
		return false;
	}); 
}

var toggle_links, divs_to_toggle;
function init_toggler() {
	toggle_links = $$('a.toggler');
	divs_to_toggle = $$('div.toggle_div');
	toggle_links.each(function(toggle, index) {
		toggle.store('his_index', index);
	});
	toggle_links.addEvent('click', function() {
		toggle_divs(this);
		return false;
	});
	// SHOW / HIDE BUTTONS
	var show_hide_buts = $$('a.show_hide');
	show_hide_buts.each(function(show_hide_but, index) {
		show_hide_but.his_div = $(show_hide_but.rel);
		show_hide_but.addEvent('click', function() {
			if(show_hide_but.his_div.getStyle('display')=='none') {
				show_hide_but.his_div.setStyle('display', 'block');
			} else {
				show_hide_but.his_div.setStyle('display', 'none');
			}
			return false;
		});
	});
	
}
function toggle_divs(toggle_link) {
	divs_to_toggle.each(function(div_to_toggle, index) {
		if(toggle_link.retrieve('his_index')==index) {
			div_to_toggle.setStyle('display', 'block');
			toggle_link.removeClass('inactive');
		} else {
			div_to_toggle.setStyle('display', 'none');
			toggle_links[index].addClass('inactive');
		}
	});
}

function to_topper() {
	var to_top_link = $('to_top');
	to_top_link.addEvent('click', function() {
		var scroll_to_top = new Fx.Scroll(document.window).toTop();
		return false;
	});
}

///////////////////////////////////////////////////////////////
////////////////// GOOGLE MAP //////////////////////////////////
///////////////////////////////////////////////////////////////

var directionDisplay, directionsService;

function check_gmaps() {
	if($$('div.google_map').length>0) {
		
		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);
	    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>&#039;t Raboes</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);
			}
		});
	}
	$('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);
			}
		});
	}	
}

///////////////////////////////////////////////////////////////
////////////////// ADD FAQ //////////////////////////////////
///////////////////////////////////////////////////////////////

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_new_faq(theform) {
	if(!default_check(theform.sender_name)) { return false; }
	if(!default_check(theform.sender_email)) { return false; }
	if (echeck(theform.sender_email.value)==false){
		theform.sender_email.focus()
		return false;
	}
	if(!default_check(theform.question_text)) { return false; }
	return true;
}

function validate_offerte(theform) {

	if(!default_check(theform.of_sender_name)) { return false; }
	if(!default_check(theform.of_sender_email)) { return false; }
	if (echeck(theform.of_sender_email.value)==false){
		theform.of_sender_email.focus()
		return false;
	}
	if(!validate_radio_button(theform.ligplaats_type)) { 
		alert('Kies het gewenste type ligplaats')
		return false; 
	}
	if(!default_check(theform.boat_type)) { return false; }
	if(!default_check(theform.boat_l)) { return false; }
	if(!default_check(theform.boat_w)) { return false; }
	if(!default_check(theform.boat_d)) { return false; }
	if(!default_check(theform.sc_check)) { return false; }

	return true;
}
function validate_hijstijden(theform) {
	if(!default_check(theform.of_sender_name)) { return false; }
	if(!default_check(theform.of_sender_phone)) { return false; }
	
	if(!default_check(theform.of_sender_email)) { return false; }
	if (echeck(theform.of_sender_email.value)==false){
		theform.of_sender_email.focus()
		return false;
	}
	if(!default_check(theform.boat_type)) { return false; }
	if(!default_check(theform.boat_l)) { return false; }
	if(!default_check(theform.boat_w)) { return false; }
	if(!default_check(theform.boat_d)) { return false; }
	if(!default_check(theform.boat_weight)) { return false; }
	// NUM DATES

	var minimum_checked = theform.minimum_choices.value;
	var num_dates_checked=validate_checkboxes('hijs_dates[]');
	if(num_dates_checked<minimum_checked) { 
		alert('Selecteer minimaal '+minimum_checked+' tijdstippen.');
		return false;
	}
	if(validate_checkboxes('hijs_voorwaarden')==0) {
		alert('Uw dient akkoord te gaan met de voorwaarden voor dit verzoek ingediend kan worden.');
		return false;
	}
	if(!default_check(theform.sc_check)) { 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;
    }
}
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 num_checked;
	}
}