// Page loaded
var main;
var mapbutton;
var emailbutton;

var popupscreen;
var popupbackground;

//////////////////////////////////////////////////

$(document).ready(init);
$(window).load(loaded);

/////////////////// INIT /////////////////////////

function init(){
    initVars();
    initButtons();
}

function initVars(){
	main = $("#main");
    mapbutton = $("#mapbutton");
    emailbutton = $("#emailbutton");
    popupscreen = $("#popupscreen");
    popupbackground = $("#popupbackground");
}

function initButtons(){
	mapbutton.click(mapbuttonClick);
	emailbutton.click(emailbuttonClick);
	popupscreen.click(popupClick);
	popupbackground.click(popupClick);
}

function mapbuttonClick(){
    showPopup();
}

function emailbuttonClick(){
   win = window.open("mailto:info@clubcabane.be");
   if (win && win.open && !win.closed) win.close();
}

function popupClick(){
    hidePopup();
}

///////////////// MAKE POPUP ///////////////////

function initPopup(){
    popupscreen.hide();
    popupbackground.hide();
}

function showPopup(){
   	popupscreen.show();
    popupscreen.stop(true, false).delay(200).animate({opacity: 1, top: "52px"}, 500);
    //popupscreen.stop(true, false).fadeTo(400, 1);
    popupbackground.stop(true, false).fadeTo(400, .8);
}

function hidePopup(){
    //popupscreen.stop(true, false).fadeTo(400, 0);
    popupscreen.stop(true, false).animate({opacity: 0, top: "62px"}, 500);
    popupbackground.stop(true, false).delay(200).fadeTo(400, 0, hidePopupCompleted);
}

function hidePopupCompleted(){
    popupscreen.hide();
    popupbackground.hide();
}

/////////////////// LOADED /////////////////////

function loaded(){
	main.stop(true, false).fadeTo(650, 1);
    initPopup();
}