var Page ='';
var pageTracker = false;
function showOverlay(ajaxPage) {
	Page = ajaxPage;
	$("#overlay_background").fadeIn('fast', function() {
		$(this).css("opacity", 0.5);
	});
	$("#overlay_box").fadeIn('fast');
	$("#overlay_close").fadeIn('fast');
	$("#overlay_content").fadeIn('fast');
	//Track in Analytics
	if(pageTracker){
	   pageTracker._trackPageview(ajaxPage);
	}
	
	
	$("#overlay_content").load(ajaxPage, function(data) {
		updateOverlaySize();
	});
    scrollTo(0,0);
	
}


function showOverlayWithHTMLContent(content) {
	Page = content;

	$("#overlay_background").fadeIn('fast');
	$("#overlay_box").fadeIn('fast');
	$("#overlay_close").fadeIn('fast');
	$("#overlay_content").fadeIn('fast');
	
	$("#overlay_content").html(content, function() {
		updateOverlaySize();
	});
}

function showMessage(data) {
	
	if($('#overlay_content').css('display') == 'none') {
        hideOverlay();
    } else {
    	$("#ajaxmsg").html(data).show();
		$("#ajaxmsg").css("border", "1px solid #f00");
		$("#overlay_box").animate({
			height: $("#overlay_content").height()+60 + "px"
		}, "fast");
	}	
	
}

function updateOverlaySize() {
	if($(window).height() <= 600) {
	       $("#scroll").height(320);
        $("#overlay_box").animate({
    		height: $("#overlay_content").height()+30 + "px"
    	}, "fast");
	   
	} else {	
        $("#overlay_box").animate({
    		height: $("#overlay_content").height()+60 + "px"
    	}, "fast");
	}
}


 $('#overlay_background').live('click', function() {
 	
   		if(Page != 'ajax/magazine.php' && Page != 'ajax/shop_cart.php' && Page != 'ajax/shop_finish.php' && Page != 'ajax/tellafriend.php' ) {
      		if (confirm('Wilt u het formulier sluiten?')) {
            	hideOverlay();
        	}
		} else {
            	hideOverlay();
		}
	 
	  
	});


function hideOverlay() {
	$("#overlay_background").fadeOut('fast');
	$("#overlay_box").fadeOut('fast');
	$("#overlay_close").fadeIn('fast');
	$("#overlay_content").fadeIn('fast');
}

function tellafriend() {
	//variabelen
	var toprename = $("#toprename").val();
	var tosurname = $("#tosurname").val();
	var toemail = $("#toemail").val();
	
	var fromprename = $("#fromprename").val();
	var fromsurname = $("#fromsurname").val();
	var fromemail = $("#fromemail").val();
	
	var personalmessage = $("#personalmessage").val();
	
	
	var pgid = $("#itemid").val();
	
	if($('#copyemail').is(':checked')) {
		var copyemail = $("#copyemail").val();
	}
	
	$.ajax({
		url: "ajax/tellafriend.php?action=tellafriend&fromprename=" + fromprename + "&fromsurname=" + fromsurname + "&fromemail=" + fromemail + "&toprename=" + toprename + "&tosurname=" + tosurname + "&personalmessage=" + personalmessage + "&copyemail=" + copyemail + "&toemail=" + toemail + "&pgid=" + pgid,
		success: function(data) {
			//alert(data);
			showMessage(data);
			updateOverlaySize();
		}
	});
	
	return false;
}

function isEmail(val) {
	filter = /^([a-zA-Z0-9_.-])+@([a-zA-Z0-9_.-])+\.([a-zA-Z])+([a-zA-Z])+/;
	if (!filter.test(val)) {
		return false;
	}
	return true;
}


function addEmailToGM() {
	postVars = "email=" + document.getElementById("gm_email").value;
	if(!isEmail(document.getElementById("gm_email").value)){
		alert("Dit emailadres is niet correct, controleert u de spelling en voer opnieuw in.");
		return;
	}
	$.ajax({
		type: "POST",
		url: "ajax/add_email.php",
		data: postVars,
		success: function(data) {
			//alert(data);
			if (data == "1") {
				updateEmailSignup();
			} else {
				alert(data);
			}
		}
	});
}

function updateEmailSignup(){
	document.getElementById("emailsignup").innerHTML = "<p style='border: 1px solid white; margin: 10px; font-size: 10px;'>Hartelijk dank voor uw inschrijving voor onze nieuwsbrief. U ontvangt binnenkort een automatische e-mail, waarin u wordt gevraagd uw inschrijving te bevestigen.</p>";
}

function saveAccount(form) {
	postVars = makePostString(form);
	$.ajax({
		type: "POST",
		url: "ajax/saveaccount.php",
		data: postVars,
		success: function(data) {
			if (data == "1") {
				//showOverlay("ajax/account.php");
				showMessage("Uw gegevens zijn opgenomen de database");
				$.ajax({
            		type: "POST",
            		url: "ajax/saveaccountcrm.php",
            		data: postVars,
            		success: function(data) {
            		  //alert(data);
                    }
                });
            	//hideOverlay();
			} else {
				showMessage(data);
			}
		}
	});
}

function login(email, password, rememberme) {
	$.ajax({
		url: "ajax/login.php?action=login&email=" + email + "&password=" + password + "&rememberme=" + rememberme,
		success: function(data) {
			if (data == 1) {
				$("#login").html('<a href="javascript:showOverlay(\'ajax/account.php\');">mijn gegevens</a> <span class="white"> | </span><a href="javascript:showOverlay(\'ajax/logout.php\');">uitloggen</a>');
				//showOverlay("ajax/account.php");
				hideOverlay();
			} else {
				showMessage(data);
			}
		}
	});
}

function logout() {
	$.ajax({
		url: "ajax/login.php?action=logout",
		success: function(data) {
			alert(data);
			$("#login").html('<a href="javascript:showOverlay(\'ajax/login.php\');">login</a><span class="white"> | </span><a href="javascript:showOverlay(\'ajax/account.php\');">registreren</a>');
		}
	});
}

function newPassword(email) {
	$.ajax({
		url: "ajax/resetpassword.php?email=" + email,
		success: function(data) {
			showMessage(data);
		}
	});
}