/* functions.js */

var activePopUpID = "";

var popUpShowed = false;
var popUpsCount = 4;

$(document).ready(function(){

	//$("div.popup form").submit(function(){
	$("div.popup form").submit(function(){
		
		var emailStr = $("div." + activePopUpID + " input[name=email]").val();
		
		if (emailStr.match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/)) {
			// alert (emailStr);
			return true;
		}
		else {
			$("div.popup input[name=email]").css({"border-color":"#c00"});
			// alert("ID= " + activePopUpID);
			alert ("Enter valid email!");
			return false;
		}
	});

	
	$(".lnk_close_popup").click(function(){
		$(".popup").hide();
	});

	$('.lnk_popup_close').click(function(e) { 
		e.preventDefault();
		do_close_pop_up();
	});

	$('#mask').click(function () {
		do_close_pop_up();
	});			


	$(document).mouseleave(function(e){
		// get cusor coordinates

		var wnd = $(window);
		var top = e.pageY - wnd.scrollTop();

		if (top < 0) {

			$(".popup").hide();
			var randomnumber = Math.round(Math.random() * (popUpsCount + 1));
			
			if (randomnumber > popUpsCount) {
				randomnumber = popUpsCount;
			}
			
			if (randomnumber < 1) {
				randomnumber = 1;
			}

			if (randomnumber == "undefined") {
				randomnumber = 1;
			}
			
			pU = "#id_popup_0" + randomnumber;
		
			do_show_pop_up(pU);
			
			//$("#id_popup_01").show();
			
			// if you need only one time shows popup
			// if (!window.popUpShowed) { 
			//     ... show popup code here ... 
			//     window.popUpShowed = true; 
			// }

		}



	})
});

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

function do_close_pop_up() {
	$("#mask").hide();
	$(".popup").hide();
	$(window).unbind('resize', onWindowResize);
}

function do_show_pop_up(popUpID) {
	idPop = popUpID;
	activePopUpID = idPop;

	calculateMask();
	$('#mask').fadeIn(10);
	$('#mask').fadeTo("fast", 0.8);
	$(popUpID).show();
	do_center_pop_up();
	$(window).bind('resize', onWindowResize);
}

var onWindowResize = function(){ 
	//alert ('Resize');
	calculateMask();
	do_center_pop_up();
}

function calculateMask() {
	var w = $(window);

	var maskHeight = $(window).height();
	var maskWidth = $(window).width();
	$('#mask').css({'width':maskWidth,'height':maskHeight});
	
	mtop = w.scrollTop() + 'px';
	$('#mask').css({'top':mtop});
}

function do_center_pop_up() {
	var w = $(window);
	var ppt = (w.height()-$(idPop).height())/2 + (w.scrollTop()) + 'px';
	$(idPop).css('top', ppt); 
	$(idPop).fadeIn(100);
}