$(document).ready(function(){

	if( navigator.appVersion.indexOf("Mac")!=-1 )
	{
		$("h1").css('line-height', '82px');
	}
	
	$("h1").each(function(){
		if( $(this).html().charAt(0) == 'a' || $(this).html().charAt(0) == 'j' || $(this).html().charAt(0) == 't' || $(this).html().charAt(0) == 'v' || $(this).html().charAt(0) == 'w' || $(this).html().charAt(0) == 'x' || $(this).html().charAt(0) == 'y' || $(this).html().charAt(0) == 'z' )
		{
			$(this).css('margin-left', '0px');
		}
		else if( $(this).html().charAt(0) == 'c' || $(this).html().charAt(0) == 'g' || $(this).html().charAt(0) == 'o' || $(this).html().charAt(0) == 'q' || $(this).html().charAt(0) == 's' || $(this).html().charAt(0) == 'u' )
		{
			$(this).css('margin-left', '-2px');
		}
	});
	
	$("div#photo_info").css('opacity', 0.5);
	
	$("div#info").mouseenter(
		function() {
			$("div#photo_info").stop(true, true).animate({height: 50}, 800);
		}
	);

	$("div#photo_info").mouseleave( function() {
		$("div#photo_info").animate({height: 0}, 800, function(){
			$("div#photo_info").css('display', 'none');
		});
	});
	
	if( $('body').hasClass('home') )
	{
		$(".magazines").hover(
			function() {
				$('h1#azine').stop(true, true).animate({width: 165}, 'slow');
			},
			function() {
				$('h1#azine').animate({width: 0}, 'slow', function(){ $(this).css('display', 'none') });
			}
		);
	}
	
	getAdditionalImages($('div#beeldblog_container ul li.li_hid').children('img').attr('id'));

	$("a#beeldblog_left_nav").click(function() {
		
		//Geef de afbeelding die zodadelijk zichtbaar wordt de class li_vis
		$('div#beeldblog_container ul li.li_vis').prev().attr('class', 'li_vis');
		$('div#beeldblog_container ul li.li_vis:last').attr('class', 'li_hid');
		
		//Datum veranderen
		//$('div#beeldblog span').html( $('div#beeldblog_container ul li.li_vis').children('img').attr('alt') );
		
		//Zichtbaarheid navigatie regelen, bij het laatste beeld moet de navigatie onzichtbaar gemaakt worden
		if( $('div#beeldblog_container ul li:first').hasClass('li_vis') )
		{
			$('a#beeldblog_left_nav').css('display', 'none');
		}
		else if( $('a#beeldblog_right_nav').is(':hidden') )
		{
			$('a#beeldblog_right_nav').css('display', 'inline'); //Display inline vanwege double margin bug ie6
		}
		
		//Animeer alle afbeeldingen in de beeldlog 128 pixels naar rechts
		$('div#beeldblog_container ul li').animate({left: '+=128'}, 250);
		
		//Zodra de afbeeldingen op dreigen te raken moeten er nieuwe afbeeldingen opgehaald worden
		if( $('div#beeldblog_container ul li:nth-child(3)').hasClass('li_vis') )
		{
			setTimeout('getAdditionalImages("' + $('div#beeldblog_container ul li:first').children('img').attr('id') + '")', 300);
		}
	
		return false;
	});
	
	$("a#beeldblog_right_nav").click(function() {
		
		//Geef de afbeelding die zodadelijk zichtbaar wordt de class li_vis
		$('div#beeldblog_container ul li.li_vis').next().attr('class', 'li_vis');
		$('div#beeldblog_container ul li.li_vis:first').attr('class', 'li_hid');
		
		//Datum veranderen
		//$('div#beeldblog span').html($('div#beeldblog_container ul li.li_vis').children('img').attr('alt'));
		
		//Zichtbaarheid navigatie regelen, bij het laatste beeld moet de navigatie onzichtbaar gemaakt worden
		if( $('div#beeldblog_container ul li:last').hasClass('li_vis') )
		{
			$('a#beeldblog_right_nav').css('display', 'none');
		}
		else if( $('a#beeldblog_left_nav').is(':hidden') )
		{
			$('a#beeldblog_left_nav').css('display', 'inline'); //Display inline vanwege double margin bug ie6
		}
		
		//Animeer alle afbeeldingen in de beeldlog 128 pixels naar links
		$('div#beeldblog_container ul li').animate({left: '-=128'}, 250);
	
		return false;
	});
	
	$(function(){ 
	    // find all the input elements with title attributes
		$('input[title!=""]').hint();
	});
	
	bindBeeldblogClick();
	
	$("div#beeldblog_popup").mouseleave( function() {
		$(this).css('display', 'none')
	});
	
	//-------------------------------------------------------- nieuwsbrief //
	
	$.validator.addMethod("nonaam", function(value, element) {
			if( value == '' || value == 'achternaam, voornaam' )
			{
				return false;
			}
			else
			{
				return true;
			}
		}, 
		""
	);
	
	// Formulier validatie
	$("#nieuwsbriefForm").validate({
		submitHandler: function() {
	   		$(this).ajaxSubmit({
	   			type:		'GET',
	   			url:		'ajax/nieuwsbrief.php',
	   			data: { 
					naam: $('#naam').val(), 
					email: $('#email').val()
	   			},
				dataType:	'json', 
				success:	function( result ) {

					var l_sHTML = '';
					
					if( result.success )
					{
						$('div#form-result').html('Bedankt voor uw aanmelding voor C-zine.');
						$('div#form-result').css('padding', '15px');
						$('div#form-result').css('line-height', '15px');
						$('div#form-result').css('text-transform', 'none');
						$('div#form-result').css('background-color', '#000000');
						$('div#form-result').css('color', '#FFFFFF');
						
					}
					else
					{
						if( result.status == 400 )
						{
							if( result.response.Code == 1 )
							{
								l_sHTML += '<p class="error">Vul een geldig e-mailadres in, bijvoorbeeld: voorbeeld@mijndomein.com.</p>';
							}
							else if( result.response.Code == 204 )
							{
								l_sHTML += '<p class="error">Het opgegeven e-mailadres staat op de lijst met uitgeschreven e-mailadressen en kan niet worden toegevoegd.</p>';
							}
							else if( result.response.Code == 205 )
							{
								l_sHTML += '<p class="error">Het opgegeven e-mailadres staat op de lijst met verwijderde e-mailadressen en kan niet worden toegevoegd.</p>';
							}
							else if( result.response.Code == 206 )
							{
								l_sHTML += '<p class="error">Het opgegeven e-mailadres staat op de lijst met uitgeschreven e-mailadressen en kan niet worden toegevoegd.</p>';
							}
							else if( result.response.Code == 207 )
							{
								l_sHTML += '<p class="error">Het opgegeven e-mailadres staat op de lijst met e-mailadressen die de nieuwsbrief bouncen en kan niet worden toegevoegd.</p>';
							}
							else if( result.response.Code == 208 )
							{
								l_sHTML += '<p class="error">Het opgegeven e-mailadres staat op de lijst met onbevestigde e-mailadressen en kan niet worden toegevoegd.</p>';
							}
							else
							{
								l_sHTML += '<p class="error">Er heeft zich een fout voorgedaan. Neem contact op met de administrator als de fout zich blijft voordoen.</p>';
							}
						}
						else
						{
							l_sHTML += '<p class="error">Er heeft zich een fout voorgedaan. Neem contact op met de administrator als de fout zich blijft voordoen.</p>';
						}

						$('form#nieuwsbriefForm div.error').html(l_sHTML);
						$('form#nieuwsbriefForm div.error').css('display', 'block');
					}
		   		}
		   	});
		   	return false;
		},
		rules: {
			naam: {
				nonaam: true
			}
		},
		messages: {
			email: {
				required: "",
				email: "Vul een geldig e-mailadres in, bijvoorbeeld: voorbeeld@mijndomein.com"
			}
		}
	});
	
	$.validator.messages.required = "";
	
	// Dit heb je nodig om de waarden van de checkboxen uit te lezen
	$.metadata.setType("attr", "validate");
});

function getAdditionalImages(id)
{
	$.ajax({
		type: "POST",
		url: "ajax/beeldblog.php",
		data: { id : id },
		success: function(data){
			
			newLis = '';
			afbeeldingenlength = data.afbeeldingen.length;
			
			//Startpositie nieuwe afbeeldingen berekenen aan de hand van het aantal opgehaalde afbeeldingen
			//startposition = 640 - ( afbeeldingenlength * 128 );
			startposition = $('div#beeldblog_container ul li:first').position().left - ( afbeeldingenlength * 128 );

			if( afbeeldingenlength != 0 )
			{
				for ( var i=0, len=afbeeldingenlength; i<len; ++i )
				{
					//De nieuwe afbeeldingen in nieuwe list items zetten
					newLis += '<li class="li_hid" style="left: ' + startposition + 'px;"><img src="uploads/beeldblog/thumbs/' + data.afbeeldingen[i]['afbeelding'] + '" id="beeldblog_' + data.afbeeldingen[i]['id'] + '" alt="' + data.afbeeldingen[i]['datum'] + '" /></li>';
					
					startposition = startposition + 128;
				}
				
				//Nieuwe afbeeldingen op de pagina plempen
				$('div#beeldblog_container ul').prepend(newLis);
				
				bindBeeldblogClick();
			}
		}
	});
}

function bindBeeldblogClick(){
	$("div#beeldblog_container ul li img").click(function() {
		$("div#beeldblog_popup img").attr('src', 'images/x.gif' ); //Source eerst legen anders zie je het vorige plaatje nog even
		src = $(this).attr('src');
		src = src.replace('thumbs/', '');
		$("div#beeldblog_popup img").attr('src', src );
		$('div#beeldblog_popup').css('display', 'block');
			
		return false;
	});
}