
//

function onSelectChangeVan(){
	    var selectedTot = $("#tot option:selected");    	    
		var selindexTot=selectedTot.index();
		var selectedVan = $("#van option:selected");    
		var selindexVan=selectedVan.index();
		if (selindexVan>selindexTot) {
			$("#tot").find("option").eq(selindexVan).attr("selected", "selected");
	    }
 }
 
 function onSelectChangeTot(){
	    var selectedTot = $("#tot option:selected");    	    
		var selindexTot=selectedTot.index();
		var selectedVan = $("#van option:selected");    
		var selindexVan=selectedVan.index();
		if (selindexVan>selindexTot) {
		//if(selindex != 0){
			$("#van").find("option").eq(selindexTot).attr("selected", "selected");
		}
	    //}
 }




//

$(function() {

		$('a').click(function() {
			  this.blur();
		});
		
		
		$('#contacttab').click(function() {	
				$('#pollbet').html('<iframe src="ajax/__pollbet.php" width="1" height="1" border="no" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>');				
		});
		$('.nitab').click(function() {	
				$('#pollbet').html('');				
		});
		
		
		
		
		
		
		$(".addfotodivpad").live(
        'hover',
        function (ev) {
            if (ev.type == 'mouseover') {
                $(this).removeClass('addfotodiv');
			$(this).addClass('addfotodivhover');
            }

            if (ev.type == 'mouseout') {
                $(this).addClass('addfotodiv');
				$(this).removeClass('addfotodivhover');
            }
        });
		
		
       
 
        $('#unblock').click(function() { 
            $.unblockUI(); 
            return false; 
        }); 

		
		$('.home').click(function() {
								  
			window.location='index.php';
		});
		
		
		$('#contactknop').live('click', function() {
			
			var str = $("#contactformulier").serialize();
			var error="";
			filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
			
			var lengte=$("#voornaam").val().length; if (lengte<2) { error=error+"<br /> - Vul uw voornaam in"; }
			var lengte=$("#achternaam").val().length; if (lengte<2) { error=error+"<br /> - Vul uw achternaam in"; }
			var lengte=$("#tel").val().length; if (lengte<10) { error=error+"<br /> - Vul uw telefoonnummer correct in"; }
			var lengte=$("#email").val().length; if (lengte<5) { error=error+"<br /> - Vul uw e-mailadres in"; } else {
			
				var email=$("#email").val();
				if (filter.test(email)) { } else { error=error+"<br /> - Vul uw e-mailadres correct in"; }
			}
			
			var bericht=$("#bericht").val();
			var numberOfWords = bericht.split(' ').length;
			if (numberOfWords<5) { error=error+"<br /> - Wees niet te kort van stof in het bericht."; }
			
			if (error=="") {
				  $.ajax({
					   type: "POST",
					   url: "ajax/__contact_met_verhuurder.php",
					   data: str,
					   success: function(msg){
						   
						   if(msg == 'OK') // Message Sent? Show the 'Thank You' message and hide the form
							  {
								  $('#contactknop').hide();
								  $('#contacturl').hide();
								  $('#contacttel').hide();
								  $('.tekst').hide();
								  $('.melding').html("Bovenstaande informatie is verzonden naar de verhuurder").removeClass("error").fadeIn();
								  
							  } else {
								  $('.melding').html(msg).addClass("error").fadeIn();
							  }
						  //$('.1rijaanbod').html(msg);
					   }
				  });
				  
			} else {
			
				$('.melding').html("Vul alle velden zo volledig mogelijk in!<div class='small'>"+error+"</div>").addClass("error").fadeIn();
			}
			
		});
		
		
		$("#van").change(onSelectChangeVan);
		$("#tot").change(onSelectChangeTot);
		
		$('.klikhuurwoning').live('click', function() {
			var huurwoningID=$(this).attr("id");					  
			window.location='index.php?huurwoning='+huurwoningID;
		});
		
		var offset=0;
		
		$('.aanbodnext').live('click', function() {
						
			offset=offset+4
			if (offset>3) { 
				offset=4; 
				$('.aanbodnav').html("<img class='knop aanbodprev' src='images/control_play2_blue.png'>&nbsp;&nbsp;<img src='images/control_play.png'>"); 
			} else { 
				$('.aanbodnav').html("<img class='knop' src='images/control_play2.png'>&nbsp;&nbsp;<img class='knop aanbodnext' src='images/control_play_blue.png'>"); 
			}

			$('.scroller').fadeOut('slow');		
			$.ajax({
				 type: "POST",
				 url: "ajax/__get_frontpage_aanbod.php",
				 data: "offset="+offset,
				 success: function(msg){
					$('.1rijaanbod').html(msg);
				 }
			});
			$('.scroller').fadeIn('slow');
			
			
		});
		
		$('.aanbodprev').live('click', function() {
		
			offset=offset-4
			if (offset>3) { 
				offset=4; 
				$('.aanbodnav').html("<img class='knop aanbodprev' src='images/control_play2_blue.png'>&nbsp;&nbsp;<img src='images/control_play.png'>"); 
			} else { 
				$('.aanbodnav').html("<img src='images/control_play2.png'>&nbsp;&nbsp;<img class='knop aanbodnext' src='images/control_play_blue.png'>"); 
			}

			$('.scroller').fadeOut('slow');		
			$.ajax({
				 type: "POST",
				 url: "ajax/__get_frontpage_aanbod.php",
				 data: "offset="+offset,
				 success: function(msg){
					$('.1rijaanbod').html(msg);
				 }
			});
			$('.scroller').fadeIn('slow');
			
			
			
		});
		
		//$('.aanbodnext').trigger('click');
			
		//imagePreview();	
		
		//When page loads...
		$(".tab_content").hide(); //Hide all content
		$("ul.tabs li:first").addClass("active").show(); //Activate first tab
		$(".tab_content:first").show(); //Show first tab content
	
		//On Click Event
		$("ul.tabs li").click(function() {
	
			$("ul.tabs li").removeClass("active"); //Remove any "active" class
			$(this).addClass("active"); //Add "active" class to selected tab
			$(".tab_content").hide(); //Hide all tab content
	
			var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
			
			$(activeTab).fadeIn(); //Fade in the active ID content
				//alert("relaod google maps");
			if (activeTab=="#tab3") {
					document.getElementById('googlemaps').contentDocument.location.reload(true);
			}
				
			return false;
		});
		
		
		
		
	});
	
	
	

	
	

