var mail = false;
var lang = "nl";
var curp = 1;
curt = 0;
var pic = 2;
var pic_ids;
var w,h;
var timer = 6000;
var mh = 275;
var mw = 335;
var mailing = false;

function loadPage(page, tabid) {
	if(!tabid)
		tabid = 0;
	
	$("#tabs ul li:eq(" + curt + ")").removeClass("sel");
	
	curp = page;
	curt = tabid;
	$("#title, #text").fadeOut(150);

	$("#tabs ul li:eq(" + curt + ")").addClass("sel");
	
	$.ajax({
		type: "POST",
		url: "requests.php",
		data: "action=loadPage&lang=" + lang + "&page=" + page + "&tabid=" + tabid,
		success: function(response) {
			var pageContent = response.split("{}");
			//$("#title, #text").fadeOut(10, function() {
				$("#title").html(pageContent[0]);
				$("#text").html(pageContent[1]);
				$("#tabs").html(pageContent[2]);
				$("#title, #text").fadeIn(150);
				
				$("#tabs ul li:eq(" + curt + ")").addClass("sel");
			//});
		}
	});
}

function loadMenu() {
	$.ajax({
		type: "POST",
		url: "requests.php",
		data: "action=loadMenu&lang=" + lang,
		success: function(response) {
			$("#menu").html(response);

			var menuWidth = $("#menu").width();
			$("#content-block-1").animate({
				'left': menuWidth * -1,
				'width': menuWidth + 288
			}, 200);
			
			$("#tabs").animate({
				'width': menuWidth + 288 + 30
			}, 200);
			
			setMenu();
		}
	});
}

function loadForm() {
	$.ajax({
		type: "POST",
		url: "requests.php",
		data: "action=loadForm&lang=" + lang,
		success: function(response) {
			$("#contact-form").html(response);
		}
	});
}

function setMenu() {
	$("#menu ul li a").each(function(i) {
		if(i < 2)
			return;
			
		$(this).attr("id", "p" + i).click(function(e) {
			e.preventDefault();
		
			var pag = $(this).attr("id").substr(1);
			loadPage(pag);
		});	
	});
	
	$(".contactpage").click(function(e) {
		e.preventDefault();
		
		if(!mail) {	
			$("#contact-overlay").fadeIn(300);
			$("#contact-form").stop().animate({
				'left': 0
			}, 300);
			mail = true;
		} else {
			$("#contact-overlay").fadeOut(300);
			$("#contact-form").stop().animate({
				'left': -340
			}, 300);
			mail = false;
		}
	});
}

function init(ids) {
	pic_ids = ids.split("[]");
	setTimeout("nextPic()", timer);
	
	$("#tabs ul li:first").addClass("sel");
}

function nextPic() {
	var pic_info = pic_ids[pic].split("{}");

	$("<img/>").appendTo("#content-block-2").load(function() {
		//w = $(this).width();
		//h = $(this).height();
		h = pic_info[2];
		w = pic_info[3];

		$(this).css({ 'top' : Math.round((mh - h) / 2), 'left' : Math.round((mw - w) / 2), 'display' : 'none', 'opacity' : 1 })
		
		$("#content-block-2 img:first").fadeOut(150, function() {
			$("#content-block-2 img:last").fadeIn(150);
			$("#content-block-2 img:first").remove();
			var block = document.getElementById("content-block-2");
			var imgs = block.getElementsByTagName("img");
			
			if(imgs.length > 1) {
				for(i = 0; i < imgs.length - 1; i++) {
					imgs[i].parentNode.removeChild(imgs[i]);
				}
			}
		});
		
		pic = (pic % (pic_ids.length - 1)) + 1;
		setTimeout("nextPic()", timer);
	}).attr("src", "img/uploads/img" + pic_info[0] + pic_info[1]);
}

$(document).ready(function() {
	var menuWidth = $("#menu").width();
	$("#content-block-1").css({
		'left': menuWidth * -1,
		'width': menuWidth + 288
	});
	
	$("#tabs").css('width', menuWidth + 288 + 30);
	
	setMenu();
	
	$("#lang ul li span").click(function() {
		$("#lang ul li span").removeClass("lang-sel");
		$(this).addClass("lang-sel");
		lang = $(this).html();
		loadPage(curp, curt);
		loadMenu();
		loadForm();
	});
	
	$("#bsend").click(function() {
		if(mailing)
			return false;
		
		var name = $("#bname").val();
		var email = $("#bemail").val();
		var subject = $("#bsub").val();
		var msg = $("#bmsg").val();
		
		if(!name || !email || !subject || !msg) {
			alert("Niet alle velden zijn ingevuld!");
			return false;	
		}
		
		mailing = true;
		
		$.ajax({
			type: "POST",
			url: "requests.php",
			data: "action=email&name=" + name + "&email=" + email + "&subject=" + subject + "&msg=" + msg,
			success: function(response) {
				if(response == "success") {
					$("#contact-overlay").fadeOut(300);
					$("#contact-form").stop().animate({
						'left': -335
					}, 300);
					mail = false;
					mailing = false;
				} else {
					alert(response);
				}
			}
		});
	});
});