$(document).ready(function() {

	// Shadowbox
	Shadowbox.init({players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']});
	
	// Top menu
	$("#menu li a.active").css("backgroundPosition", "0px -47px");
	
	$("#menu li a").mouseenter(function (){
			
		$(this).css("backgroundPosition", "0px -47px");
	});
	
	$("#menu li a").mouseleave(function (){
				
		$(this).css("backgroundPosition", "0px 0px");
		$("#menu li a.active").css("backgroundPosition", "0px -47px");
		
	});
	
	// Used to let the expand function work in safari and chrome
	/*if (jQuery.browser.safari && document.readyState != "complete"){
    	
		setTimeout( arguments.callee, 100 );
    	return;
  	} */
  		
	// Expand actions -> detail page
	// Check current height
	var object_desc_height = $(".object_desc").height();
		
	// Check if height is greater than 119: yes -> show expand button, no -> hide expand button
	if (object_desc_height > 119) {
			
		$(".object_desc").css("height", "119px");
		$(".slide_desc").show();
	}
	
	// Action when on the expand button is clicked
	$(".slide_desc").click(function (){
				
		if ($(".object_desc").height() > 119) {
			
			$(".object_desc").stop().animate({
				height: '119px'
			 }, 1000);

			$(this).html("Volledige omschrijving");	 
			$(this).toggleClass("minus");
	
		} else {
			
			$(".object_desc").stop().animate({
				height: object_desc_height
			}, 1000);
			
			$(this).html("Minimale omschrijving");	
			$(this).toggleClass("minus");
		}
		
	});
	
	// Check current height
	var object_photos_height = $(".object_photos").height();
		
	// Check if height is greater than 350: yes -> show expand button, no -> hide expand button
	if (object_photos_height > 350) {
			
		$(".object_photos").css("height", "330px");
		$(".slide_photos").show();
	}
	
	// Action when on the expand button is clicked
	$(".slide_photos").click(function (){
				
		if ($(".object_photos").height() > 350) {
			
			//$(".object_photos").css("height", "330px");
			
			$(".object_photos").stop().animate({
				height: '330px'
			}, 1000);

			$(this).html("Meer foto\'s");	
			$(this).toggleClass("minus");
	
		} else {
			
			$(".object_photos").stop().animate({
				height: object_photos_height
			}, 1000);
			
			$(this).html("Minder foto\'s");
			$(this).toggleClass("minus");
		}
		
	});
	
	
	// Dialogs plan
	$('.plan').click(function() {
		
		$('.dialog-form').dialog('open');
		
	});
	
	$(".dialog-form").dialog({
		autoOpen: false,
		height: 600,
		width: 450,
		modal: true,
		buttons: {
			'Verzenden': function() {
				
				//ajax call
				$.get('./ajax/send_form_popup.php', { 
					letters: $("#letters_subsc").val(),
					name: $("#name_subsc").val(), 
					gender: $("#gender_subsc").val(), 
					address: $("#address_subsc").val(), 
					hnumber: $("#hnumber_subsc").val(), 
					postal: $("#postal_subsc").val(), 
					city: $("#city_subsc").val(), 
					telnr: $("#telnr_subsc").val(), 
					email: $("#email_subsc").val(), 
					msg: $("#msg_subsc").val(),
					msg_info: $("#info_subsc").val(),
					
					info_object: $('input:checkbox:#info_object_subsc:checked').val(),
					info_plan: $('input:checkbox:#info_plan_subsc:checked').val(),
					info_appointment: $('input:checkbox:#info_appointment_subsc:checked').val(),
					info_broker: $('input:checkbox:#info_broker_subsc:checked').val(),
					
					object_name: $("#object_name").val(),
					object_id: $("#object_id").val()
					
				}, function(data) {
					  
					if (data == 'oke') {
					
						$('p.msg').css('color', 'green');
						$('p.msg').text('De gegevens zijn verstuurd');
						$('p.msg1').css('color', 'green');
						$('p.msg1').text('De gegevens zijn verstuurd');
						$("#letters_subsc").val('');
						$("#name_subsc").val('');
						$("#gender_subsc").val(''); 
						$("#address_subsc").val('');
						$("#hnumber_subsc").val(''); 
						$("#postal_subsc").val('');
						$("#city_subsc").val('');
						$("#telnr_subsc").val(''); 
						$("#email_subsc").val('');
						$("#msg_subsc").val('');
						$("#info_subsc").val('');
						
					} else {
						
						$('p.msg').css('color', 'red');
						$('p.msg').text(data);
						$('p.msg1').css('color', 'red');
						$('p.msg1').text(data);
					}
				});
			},
			'Annuleren': function() {
				
				$(this).dialog('close');
			}
		},
		close: function() {
			$("p.msg").text('Vul onderstaande velden in.');
			$("p.msg").css('color', '#04417e');
			$("p.msg1").text(' ');
			$("#letters_subsc").val('');
			$("#name_subsc").val('');
			$("#gender_subsc").val(''); 
			$("#address_subsc").val('');
			$("#hnumber_subsc").val(''); 
			$("#postal_subsc").val('');
			$("#city_subsc").val('');
			$("#telnr_subsc").val(''); 
			$("#email_subsc").val('');
			$("#msg_subsc").val('');
			$("#info_subsc").val('');
		}

	});
	
	
	// Dialogs plan
	$('.complaint').click(function() {
		
		$('.dialog-form-complaint').dialog('open');
		
	});
	
	$(".dialog-form-complaint").dialog({
		autoOpen: false,
		height: 600,
		width: 450,
		modal: true,
		buttons: {
			'Verzenden': function() {
				
				//ajax call
				$.get('./ajax/send_form_popup_complaint.php', { 
					letters: $("#letters_complaint").val(),
					name: $("#name_complaint").val(), 
					gender: $("#gender_complaint").val(), 
					address: $("#address_complaint").val(), 
					hnumber: $("#hnumber_complaint").val(), 
					postal: $("#postal_complaint").val(), 
					city: $("#city_complaint").val(), 
					telnr: $("#telnr_complaint").val(), 
					email: $("#email_complaint").val(),
					msg: $("#msg_complaint").val()					
					
				}, function(data) {
					  
					if (data == 'oke') {
					
						$('p.msg').css('color', 'green');
						$('p.msg').text('De gegevens zijn verstuurd');
						$('p.msg1').css('color', 'green');
						$('p.msg1').text('De gegevens zijn verstuurd');
						$("#letters_complaint").val('');
						$("#name_complaint").val('');
						$("#gender_complaint").val(''); 
						$("#address_complaint").val('');
						$("#hnumber_complaint").val(''); 
						$("#postal_complaint").val('');
						$("#city_complaint").val('');
						$("#telnr_complaint").val(''); 
						$("#email_complaint").val('');
						$("#msg_complaint").val('');
						
					} else {
						
						$('p.msg').css('color', 'red');
						$('p.msg').text(data);
						$('p.msg1').css('color', 'red');
						$('p.msg1').text(data);
					}
				});
			},
			'Annuleren': function() {
				
				$(this).dialog('close');
			}
		},
		close: function() {
			$("p.msg").text('Vul onderstaande velden in.');
			$("p.msg").css('color', '#04417e');
			$("p.msg1").text(' ');
			$("#letters_complaint").val('');
			$("#name_complaint").val('');
			$("#gender_complaint").val(''); 
			$("#address_complaint").val('');
			$("#hnumber_complaint").val(''); 
			$("#postal_complaint").val('');
			$("#city_complaint").val('');
			$("#telnr_complaint").val(''); 
			$("#email_complaint").val('');
			$("#msg_complaint").val('');
		}

	});
	
	// Dialogs inform
	$('.send').click(function() {
		
		$('.dialog-form-inform').dialog('open');
		
	});
	
	$(".dialog-form-inform").dialog({
		autoOpen: false,
		height: 600,
		width: 450,
		modal: true,
		buttons: {
			'Verzenden': function() {
				
				//ajax call
				$.get('./ajax/send_form_popup_inform.php', { 
					to: $("#name_inform").val(),
					email: $("#email_inform").val(),
					friend: $("#friend_inform").val(),
					email_friend: $("#email_inform_friend").val(),
					message: $("#msg_inform").val(),
					object_url: $("#object_url_inform").val(),
					object_name: $("#object_name_inform").val()
				}, function(data) {
					  
					if (data == 'oke') {
					
						$('p.msg').css('color', 'green');
						$('p.msg').text('De mail is verstuurd');
						$('p.msg1').css('color', 'green');
						$('p.msg1').text('De mail is verstuurd');
						$("#name_inform").val('');
						$("#email_inform").val('');
						$("#friend_inform").val('');
						$("#email_inform_friend").val('');
						$("#msg_inform").val('');
						$("#object_url_inform").val('');
						$("#object_name_inform").val('');
						
					} else {
						
						$('p.msg').css('color', 'red');
						$('p.msg').text(data);
						$('p.msg1').css('color', 'red');
						$('p.msg1').text(data);
					}
				});
			},
			'Annuleren': function() {
				
				$(this).dialog('close');
			}
		},
		close: function() {
			$("p.msg").text('Vul onderstaande velden in.');
			$("p.msg").css('color', '#04417e');
			$("p.msg1").text(' ');
			$("#name_inform").val('');
			$("#email_inform").val('');
			$("#friend_inform").val('');
			$("#email_inform_friend").val('');
			$("#msg_inform").val('');
			$("#object_url_inform").val('');
			$("#object_name_inform").val('');
		}
		

	});
 

	// Home header
	// Startup
	$("ul#header_left li a.first").css("backgroundPosition", "0px -51px");
	$(".object_header.nr1").css("display", "block");
		
	/*// Home - header - left menu
	$("ul#header_left li a").mouseenter(function (){
		
		// Clear interval
		clearInterval (slider);	
		
		$(this).css("backgroundPosition", "0px -51px");
		
	});
	
	$("ul#header_left li a").mouseleave(function (){
				
		$(this).css("backgroundPosition", "0px 0px");
		$("ul#header_left li a.active").css("backgroundPosition", "0px -51px");
		
	});*/
		
	// Mouseover on home slider
	var items = $('#slider-nav li').mouseenter (function () {
		
		if (!$(this).is('.active')) {
		
			// Clear interval
			clearInterval (slider);
			
			// Remove active
			$('#slider-nav li.active').removeClass('active');
			
			// Set active
			$(this).addClass('active');
			
			// Calculate the offset
			nr = items.index(this) + 1;
			offset = items.index(this) + 1;
			
			// Remove active for left menu
			var check = false;
			
			while (check == false && nr > 0) {
				
				//alert (offset);
				
				if ($('#hl_' + nr + ' a').length != 0) {
						
					$("ul#header_left li a").css("backgroundPosition", "0px 0px");
					$('#hl_' + nr + ' a').css("backgroundPosition", "0px -51px");
					
					check = true;
				}
								
				nr--;
			}
							
			// Set offset
			$('.object_header').fadeOut();
			$('.object_header.nr' + offset).fadeIn();
		}	
	});
		
	var slider = setInterval (function () {
		
		active = $('#slider-nav li.active');
					
		// Calculate next
		next = items.index(active) + 1;
		
		// Check for offset
		if (next == items.length)
			next = 0;
		
		// Fetch next
		slide = $(items).get(next);

		// Remove active
		$(active).removeClass('active');
		$(slide).addClass('active');
		
		// Remove active for left menu
		if ($('#hl_' + (next+1) + ' a').length != 0) {
			
			$("ul#header_left li a").css("backgroundPosition", "0px 0px");
			$('#hl_' + (next+1) + ' a').css("backgroundPosition", "0px -51px");
		}
		
		// Set offset
		$('.object_header').fadeOut();
		$('.object_header.nr' + (next+1)).fadeIn();
		
		
	}, 5000);
	
	

});