// JavaScript Document

var timer = new Array();
var xy_array = new Array ();
	xy_array["popup_login_x"] = -150;
	xy_array["popup_login_y"] = -4;
	xy_array["popup_login_width"] = 146;
	xy_array["popup_nieuwsbrief_x"] = -65;
	xy_array["popup_nieuwsbrief_y"] = 5;
	xy_array["popup_nieuwsbrief_width"] = 76;

$(document).ready(function ($) { 
	
	$(window).bind ('load', resizeFrame);
	$(window).bind ('resize', resizeFrame);
	
	$("a[rel^='lightbox']").colorbox();
	
	$("nav a").click (function () { 
		$("#nieuws").fadeOut(300);
		
		$(".inline_popup:visible").each(function() { 
			closeInlinePopup ($(this)); 
		}); 
		
		var $this = $(this).attr('href').replace('-', '_').replace('/', '');
		if ($("#projects").is(':visible'))
			$("#projects").fadeOut (300, function() {
				$("#projects").attr('class', $this).load('/pages/ajax.php', { page: 'discipline', discipline: $this}, function() {
					$("#projects_left div").css('opacity', '0');
					$("#projects_left img:first").show();
					$("#projects").fadeIn(300, sifrProject); 
				});
			});
		else
			$("#projects").load ('/pages/ajax.php', { page: 'discipline', discipline: $this}, function() { 														   	
				$("#projects_left div").css('opacity', '0');
				$("#projects_left img:first").show();
				$("#projects").attr('class', $this).fadeIn(300, sifrProject); 
			});
			
		return false;
	});
	
	$(".inline_popup a.sluiten").click (function() { closeInlinePopup ($(this).parent()); return false; });
	
	$("#nieuwsbrief_submit, #login_submit").each(function() {
		$(this).val(' ').css('background', 'url(/images/' + $(this).attr('id') + '.gif) top left no-repeat');
	});
	
	$("#nieuwsbrief_email, #login_email").each(function() {
		$(this).focus(function() {
			if ($(this).val() == 'e-mailadres')
				$(this).val('').css('font-style', 'normal');
			
		}).blur(function() { 
			if ($(this).val() == '')
				$(this).val('e-mailadres').css('font-style', 'italic');
		});
	})
	
	$("#login_submit").click(function() {
									  
		$('#login_email, #login_password').each(function() {
			$(this).removeClass('error').next().fadeOut(100);
		 });
		
		$.get('/pages/ajax.php', { cmd: 'login', emailadres: $('#login_email').val(), password: $('#login_password').val() }, function (data) {

			data = data.split('|');
			
			if (data[0] != 'ok')
				$('#login_email').addClass('error').next().attr('data', data[0]).fadeIn(200);
				
			if (data[1] != 'ok')
				$('#login_password').addClass('error').next().attr('data', data[1]).fadeIn(200);
				
			if (data[0] == 'ok' && data[1] == 'ok') {
				$("#popup_login").fadeOut (300);
				$("#popup_download div").load ('/pages/ajax.php', { cmd: 'getProjecten' }, function () { $("#popup_download").fadeIn (300, sifrProject); });
			}			
			
		});
		
		return false;
		
	});
	
	$("#nieuwsbrief_submit").click(function() {
									  
		$('#nieuwsbrief_email').removeClass('error');
		$("#popup_nieuwsbrief a.foutmelding").hide();
		
		$.get('/pages/ajax.php', { cmd: 'nieuwsbrief', emailadres: $('#nieuwsbrief_email').val() }, function (data) {
			
			if (data != 'ok') {
				$('#nieuwsbrief_email').addClass('error');
				$("#popup_nieuwsbrief .foutmelding").attr('data', data).fadeIn(200);
			} else {
				
				$("#popup_nieuwsbrief").children(':not(:first)').remove();
				$("#popup_nieuwsbrief").append('<p>Bedankt!<br />Je bent nu aangemeld voor de CreaBea nieuwsbrief.</p>');
				$("#popup_nieuwsbrief .foutmelding").hide();
				$('#nieuwsbrief_email').removeClass('error');
			}
			
		});
		
		return false;
		
	});
	
	$(".toggle_project_text").live('click', function() {
		if ($("#projects_left div").is(':visible')) {
			
			$("#projects_left div").animate ({top: '300px', opacity: '0', height: '4' }, 450, function() { $(this).hide(); });
			
		} else {
			
			$("#projects_left div").css({ top: '4px', height: '0' }).animate ({height: '305px', opacity: '1'}, 450);
			
		}
	});
	
	$("#projects_left ul li a:not(.toggle_project_text)").live('click', function() {
		if (!$(this).hasClass('picture_active')) {
			
			$("#projects_left ul li a:not(.toggle_project_text)").children('img').attr('src', '/images/projects_small_nonactive.gif');
		
			$(".picture_active").removeClass('picture_active');
			
			var discipline = $(this).parent().parent().attr('class');
			var data = $(this).attr('data').split('|');
			
			$("#projects_left figure dt").html(data[0]);
				
			$("#projects_left img:not(.doorklik_project):visible").fadeOut(450);
			
			$("#projects_left object").replaceWith('<div id="flash_inner"></div>');
			
			if (data[2] == 'foto')
				$("#" + data[1]).fadeIn(450);
			
			else
			{
				$('#flash_wrapper').css({ opacity: 1 });
				swfobject.embedSWF('/media/player.swf?rand=' + Math.round(Math.random() * 10000), 'flash_inner', '400', '320', '9.0.0', '/media/expressInstall.swf', { file: '/dynamic/project/flv/' + data[2] }, false, { 'id': 'flash_inner', 'name': 'flash_inner' });
			}
			
			
			$(this).addClass('picture_active').children('img').attr('src', '/images/projects_small_' + discipline + '.gif');
			
		}
	});
	
	$(".blokje").live('click', function() {
		$("#projects, #nieuws").fadeOut (300);
	});
	
	$("ul#project_nav a").live ('click', function() { 
		if (!$(this).hasClass('project_active')) {
			
			$("ul#project_nav a").removeClass('project_active');
			$(this).addClass('project_active');
			
			var data = $(this).attr('data');
			
			$("#projects_left").fadeOut (300, function() {				
				$("#projects_left").load ('/pages/ajax.php', { page: 'project', project_id: data }, function() {
					$("#projects_left div").css('opacity', '0');
					$("#projects_left img:first").show();
					$("#projects_left").fadeIn(300);
				});
			});
			
		}
		
	});
	
	$("div#news_articles article a").click(function() {
		$("#projects").fadeOut (300);
		$("#nieuws").load ('/pages/ajax.php', { page: 'nieuws', nieuwsbericht_id: $(this).attr('data') }, function() { 
			$("#nieuws").fadeIn(300);
		});
		return false;
	});
	
	$(".foutmelding").click (function() {
		var locs = $(this).offset();
		
		var id = 'error_' + $(this).prev().attr('id');		
		var top = $(this).closest('div').attr('id');
		
		if (!$('#' + id).is(':visible')) {
		
			$("body").append('<div class="error_message" id="' + id + '" style="width: ' + xy_array[top + "_width"] + 'px; top: ' + (locs.top+xy_array[top + "_y"]) + 'px; left: ' + (locs.left+xy_array[top + "_x"]) + 'px;">' + $(this).attr('data') + '</div>');
			$('#' + id).fadeIn (300);
			
			timer[id] = setTimeout (function() { deleteFoutmelding (id); }, 2750);
			
		} else {
		
			deleteFoutmelding (id);
			
		}
	});

});