$(document).ready(function() {

	// Shadowbox
	Shadowbox.init({players: ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']});
	
	// Menu
	$("#menu li").mouseenter(function (){
		
		$(".sm", this).css("display", "block");
		$("a.hm", this).css("background-position", "0 -26px");
		
	});
	
	$("#menu li").mouseleave(function (){
			
		$(".sm", this).css("display", "none");
		$("a.hm", this).css("background-position", "0 0");
	});	
	
	// Submenu
	$("#submenu li").mouseenter(function (){
		
		$("a", this).css("color", "#002144");
	});
	
	$("#submenu li").mouseleave(function (){
			
		$("a", this).css("color", "#fff");
		$("#submenu li a.active").css("color", "#002144");
	});	
	
	// Overview images
	$("ul.overview_thumbs li").mouseenter(function (){
		
		$(".bigpr_" + $(this).attr("title")).css("display", "none");	
		$("#bigpr_" + $(this).attr("class") ).css("display", "block");
	});
	
	$("ul.overview_thumbs li").mouseleave(function (){
				
		$(".bigpr_" + $(this).attr("title")).css("display", "none");	
		$("#bigpr_active_" + $(this).attr("title")).css("display", "block");
	});
	
	// Expand actions -> detail page
	var object_desc_height = $(".object_desc").height();
		
	// Check if height is greater than 200: yes -> show expand button, no -> hide expand button
	if (object_desc_height > 214) {
			
		$(".object_desc").css("height", "214px");
		$(".slide_desc").show();
	}
	
	// Action when on the expand button is clicked
	$(".slide_desc").click(function (){
				
		if ($(".object_desc").height() > 214) {
			
			$(".object_desc").stop().animate({
				height: '214px'
			 }, 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 > 370) {
			
		$(".object_photos").css("height", "350px");
		$(".slide_photos").show();
	}
	
	// Action when on the expand button is clicked
	$(".slide_photos").click(function (){
				
		if ($(".object_photos").height() > 370) {
			
			//$(".object_photos").css("height", "330px");
			
			$(".object_photos").stop().animate({
				height: '350px'
			}, 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");
		}
		
	});
	
	
	// HOME SLIDER
	$(".carousel").jCarouselLite({
		btnNext: ".next",
 		btnPrev: ".prev",
 		auto: 9000,
        speed: 1500,
        visible: 1
 	});
	
	// 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 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 items fade 
	var items = $('#home_slider li');
	
	$('#home_slider li').css('display', 'none');
	$('#home_slider li.active').css('display', 'block');
	
	if (items.length > 1) {
	
		var slider = setInterval (function () {
			
			// Remove active
			active = $('#home_slider 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');
			
			// Set offset
			$(slide).fadeIn(2000);
			$(active).fadeOut(2000);
							
		}, 5000);
	}
	
});