$(document).ready(function () {
	Cufon.replace('.inleiding');
	Cufon.replace('.col_b h1');
	Cufon.replace('#wzj_wrapper h2');
	Cufon.replace('.col strong');
	multiplyImgs();
	
	$('.wzj').bind('click',function(){ 
			var id=$(this).attr('id');
				load_screen(id);
				return false;
		});
	
	
	$('#background').bind('click',function(){
		$('#background').fadeOut();
		$('#foreground').html('');
		$('#foreground').css('display','none');
	});


	
	$('.weeks a').click(function(){
			var href = $(this).attr('href');
			href = (decodeURIComponent(href));
			var option = href.substring(8,9);
			var year = href.substring(15,19);
			var week = href.substring(25,28);

			
			if(year && week && option){
				/*
				alert(option);
				alert(year);
				alert(week);
				*/
				open_reservation_win(option,week,year);
			}else{
				
				//alert('Er is een fout opgetreden!\nNeemt u alstublieft contact met mij op als deze fout zich voor blijft doen. ');
			}
			
			return false;
		}
	);

});

$('.prev_next').live('click',function(){ 
		var id=$(this).attr('id_1');
		$.ajax({
			type: 'POST',
			url: '/includes/php/wzj.php',
			data:{ id:id },
			success: function(resp){
				show_wzj(resp,false);
			}
			/*dataType: dataType*/
		});
		return false;
});



function open_reservation_win(option,week,year){
	$('#foreground').css({display:'block'});
	var windowHeight=parseInt($(window).height());
		var windowWidth=parseInt($(window).width());
		var bodyHeight=$('body').height();
		var left=((windowWidth/2)-400)+'px';
		var top=$(window).scrollTop();
	
		$('#background').css({opacity:0,display:'block' });
		$('#background').fadeTo(500,0.5,function(){
			$('#background').css({height:(bodyHeight+60)+'px' });
			//check the options
			if(option==2){
				var resp="<h3>Voor week "+week+" staat helaas al een definitieve reservering</h3>";
			}else if(option==1){
				/*var resp="<h3>Voor week "+week+" staat al een optie, maar...</h3><p class=\"text\">Opties gaan niet altijd door, dus neem gerust ook een optie op deze week, dan laat ik u binnen 2 weken weten of deze door gaat.</p>";*/
				var resp="<h3>Reserveer zelf een optie voor week "+week+" van "+year+"</h3>";
				resp+='<form id="optionForm" action="/includes/php/agende_reserveer.php" method="post" >';
				resp+='<h2>Optie voor week: '+week+', '+year+'</h2><br />';
				resp+='<p class=\"text\">Als jullie het formulier rechts invullen en opsturen, reserveer je de datum daarmee voor twee weken.';
				resp+=' Jullie ideeën voor de trouwdag zie ik graag kort terug bij \'opmerkingen\'.</p>';
				resp+='<div class=\"input_wrapper\">naam*<br /><input type="text" name="naam"  /></div>';
				resp+='<div class=\"input_wrapper\">telefoonnummer*<br /><input type="text" name="telefoon"  /></div>';
				resp+='<div class=\"input_wrapper\">email adres*<br /><input type="text" name="email"  /></div>';
				resp+="<div class=\"input_wrapper\">opmerkingen<br /><textarea name=\"texta\" ><\/textarea></div>";
				resp+='<input type="hidden" name="year" value="'+year+'" />';
				resp+='<input type="hidden" name="week" value="'+week+'" />';
				resp+='<div class=\"input_wrapper\"><input type="submit" class="submit" value="verstuur optie" /></div>';
				resp+='</form>';
				
				
			}else{
				var resp="<h3>Reserveer zelf een optie voor week "+week+" van "+year+"</h3>";
				resp+='<form id="optionForm" action="/includes/php/agende_reserveer.php" method="post" >';
				resp+='<h2>Optie voor week: '+week+', '+year+'</h2><br />';
				resp+='<p class=\"text\">Als jullie het formulier rechts invullen en opsturen, reserveer je de datum daarmee voor twee weken.';
				resp+=' Jullie ideeën voor de trouwdag zie ik graag kort terug bij \'opmerkingen\'.</p>';
				/* resp+='<p>Maakt u alstublieft een keuze uit de beschikbare weken.</p>'; */
				resp+='<div class=\"input_wrapper\">naam*<br /><input type="text" name="naam"  /></div>';
				resp+='<div class=\"input_wrapper\">telefoonnummer*<br /><input type="text" name="telefoon"  /></div>';
				resp+='<div class=\"input_wrapper\">email adres*<br /><input type="text" name="email"  /></div>';
				resp+="<div class=\"input_wrapper\">opmerkingen<br /><textarea name=\"texta\" ><\/textarea></div>"; 
				resp+='<input type="hidden" name="year" value="'+year+'" />';
				resp+='<input type="hidden" name="week" value="'+week+'" />';
				resp+='<div class=\"input_wrapper\"><input type="submit" class="submit" value="verstuur optie" /></div>';
				resp+='</form>';
			}
			
			$('#foreground').html('<div id="wzj" class="shadow"><div id="wzj_w" class="agenda">'+resp+'</div></div>');
			$('#foreground').css({display:'block',top:(top+60)+'px',left:left });
			
			$("#optionForm").validate({
			  rules: {
				email: {
				  required: true,
				  minlength: 3,
				  email:true
				},
				naam: {
				  required: true,
				  minlength: 2
				},
				telefoon: {
				  required: true,
				  minlength: 10
				}
			  }
			});
			$('#optionForm').ajaxForm({
				target: '#wzj_w'
			});

			
		});
	return(false);
	
}

function load_screen(id){
	$.ajax({
		type: 'POST',
		url: '/includes/php/wzj.php',
		data:{ id:id },
		success: function(resp){
			show_wzj(resp,true);
		}
		/*dataType: dataType*/
	});
}


var width;
var height;
var index1=0;

function multiplyImgs(opt){
	$("img.replace").each(function(index){
		var imgs_url=$(this).attr('src');
		
		/*try to get the height
		var height_try=$(this).height();
		var width_try=$(this).width();
		if(height!=0 && width!=0){
			console.log("width:"+width+" height:"+height);
			width=width_try;
			height=height_try;
			console.log('using the width and height from loaded DOM image element');
		}else{
		}*/
		
		width=$(this).attr('width');
		height=$(this).attr('height');
		//console.log('using the width and height atrr');
		
		index1+=1;
		$(this).replaceWith("<div class='flash"+index1+" imgs'>...<\/div>");
		if(opt==1){
			var swf='image_effects2.swf';
		}else{
			var swf='image_effects.swf';
		}

		$('.flash'+index1).flash({ 
			swf:'/includes/swf/'+swf,
			width: width,
			height: height,
			wmode: 'transparent',
			scale:'noscale',
			flashvars: {
					img_url: imgs_url
				}
		});
		
	});
}




function show_wzj(resp,val){

	if(val==true){
		var windowHeight=parseInt($(window).height());
		var windowWidth=parseInt($(window).width());
		var bodyHeight=$('body').height();
		var left=((windowWidth/2)-400)+'px';
		var top=$(window).scrollTop();
	
		$('#background').css({opacity:0,display:'block' });
		$('#background').fadeTo(500,0.5,function(){
			$('#background').css({height:(bodyHeight+60)+'px' });
			$('#foreground').html(resp);
			$('#foreground').css({display:'block',top:(top+60)+'px',left:left });
			multiplyImgs(1);
			
		});
		
	}else{
		
		$('#wzj_w').fadeOut(500,function(){
			$('#foreground').html(resp);
			multiplyImgs(1);
		});
		
	}
	
}