/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var popupDion = 0;

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.75"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
                $("#content_frame").attr("src","blank.html");
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	//var popupHeight = $("#popupContact").height();
	//var popupWidth = $("#popupContact").width();
	var popupHeight = 650;
	var popupWidth = 480;
	
	//centering
	$("#popupContact").css({
		"position": "absolute",
		"top": 20,
		"left": windowWidth/2-350
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}

function simple_tooltip(target_items, name){
 $(target_items).each(function(i){
		$("body").append("<div class='"+name+"' id='"+name+i+"'><p>"+$(this).attr('title')+"</p></div>");
		var my_tooltip = $("#"+name+i);

		$(this).removeAttr("title").mouseover(function(){
				my_tooltip.css({opacity:0.8, display:"none"}).fadeIn(400);
		}).mousemove(function(kmouse){
				my_tooltip.css({left:kmouse.pageX+15, top:kmouse.pageY+15});
		}).mouseout(function(){
				my_tooltip.fadeOut(400);
		});
	});
}




//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//LOADING POPUP
	//Click the button event!

    // $("#maparea1").tooltip('#demotip');
	 simple_tooltip("area","tooltip");
	 	
	$("#maparea1").click(function(){
		//centering with css
		$("#content_frame").attr("src","patrick.html");
		centerPopup();
		loadPopup();
	});
	
	$("#mapareaDion").click(function(){
		//centering with css
		$("#content_frame").attr("src","dion.html");
		centerPopup();
		loadPopup();
	});	
	
	$("#mapareaMark").click(function(){
		//centering with css
		$("#content_frame").attr("src","mark.html");
		centerPopup();
		loadPopup();
	});		
	
	$("#mapareaEtienne").click(function(){
		//centering with css
		$("#content_frame").attr("src","etienne.html");
		centerPopup();
		loadPopup();
	});	
	
	$("#mapareaFuture").click(function(){
		//centering with css
		$("#content_frame").attr("src","future_events.html");
		centerPopup();
		loadPopup();
	});	
	
	
	$("#mapareaSongs").click(function(){
		//centering with css
		$("#content_frame").attr("src","songs.html");
		centerPopup();
		loadPopup();
	});		
	
	$("#mapareaPhoto").click(function(){
		//centering with css
		$("#content_frame").attr("src","gallery.php");
		centerPopup();
		loadPopup();
	});		

	$("#mapareaDownloads").click(function(){
		//centering with css
		$("#content_frame").attr("src","downloads.html");
		centerPopup();
		loadPopup();
	});	
	
	$("#mapareaGuest").click(function(){
		//centering with css
		$("#content_frame").attr("src","http://www.themyth.org/phpvxgb_105/index.php");
		centerPopup();
		loadPopup();
	});	

	$("#mapareaPast").click(function(){
		//centering with css
		$("#content_frame").attr("src","pastevents.html");
		centerPopup();
		loadPopup();
	});	

	$("#mapareaHistory").click(function(){
		//centering with css
		$("#content_frame").attr("src","history.html");
		centerPopup();
		loadPopup();
	});	

	$("#mapareaContact").click(function(){
		//centering with css
		$("#content_frame").attr("src","contactus.html");
		centerPopup();
		loadPopup();
	});	

	$("#mapareaLinks").click(function(){
		//centering with css
		$("#content_frame").attr("src","links.html");
		centerPopup();
		loadPopup();
	});	

	$("#theband").click(function(){
		//centering with css
		$("#content_frame").attr("src","theband.html");
		centerPopup();
		loadPopup();
	});		
				
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		disablePopup();
	});

	$("#popupDionClose").click(function(){
		disablePopup();
	});
		
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});