var baseurl = "http://www.ymere.nl"
//var baseurl = "http://wwwtest.ymere.nl"
var pad = baseurl + "/ymere/images";

$(document).ready(function() {

	$(function() {
			   
	var datum = new Date();
    var huidig_jaar = datum.getFullYear();
	var huidig_jaar_min_acht = parseInt(huidig_jaar - 8);
	var huidig_jaar_plus_twee = parseInt(huidig_jaar + 2);
	var geboren_eind = parseInt(huidig_jaar - 16);
	
	var volgend_jaar = huidig_jaar + 1;
				   
		$("#geboortedatum").datepicker( { dateFormat: 'dd-mm-yy', yearRange: '1965:' + geboren_eind, showOn: 'both', buttonImage: '/ymere/images/kalender.gif', buttonImageOnly: true } );
		$("#ingangsdatum-studie").datepicker( { dateFormat: 'dd-mm-yy', yearRange: + huidig_jaar_min_acht + ':' + huidig_jaar_plus_twee, showOn: 'both', buttonImage: '/ymere/images/kalender.gif', buttonImageOnly: true } );

	});

  $("#ddl-prijs-van, #ddl-prijs-tot").change(function() {

	var c_id = $(this).attr("id");  
	var index_c_id = document.getElementById(c_id).selectedIndex;
	
	var aantal_items_van = document.getElementById("ddl-prijs-van").options.length;
	var aantal_items_tot = document.getElementById("ddl-prijs-tot").options.length;
	var stap = 1;
	if (aantal_items_van < aantal_items_tot) {
	  stap = 2;
	}
		
	if (c_id == "ddl-prijs-van") {
	  var index_a_id = document.getElementById("ddl-prijs-tot").selectedIndex;
	  
	  if (index_c_id >= index_a_id && index_a_id > 0) {
	    if (index_c_id + stap >= document.getElementById("ddl-prijs-tot").options.length) {
		  document.getElementById("ddl-prijs-tot").selectedIndex = 0;
		}
		else {
	      document.getElementById("ddl-prijs-tot").selectedIndex = index_c_id + stap;
		}
	  }
	}
	else if (c_id == "ddl-prijs-tot") {

	  var index_a_id = document.getElementById("ddl-prijs-van").selectedIndex;
	  if (index_c_id <= index_a_id && index_c_id > 0) {
	    if  (index_c_id - stap < 0) {
		  document.getElementById("ddl-prijs-van").selectedIndex = 0;
		}
		else {
	      document.getElementById("ddl-prijs-van").selectedIndex = index_c_id - stap;
		}
	  }
		
	}
	
  });
  
  
  $(".kh").click(function() {
    var kh = $(this).attr("value");
	location.href="index.asp?id=17&t=1&kh="+kh
  });
  
  $(".khs").click(function() {
    var khs = $(this).attr("value");	
	location.href="index.asp?id=17&t=1&khs="+khs
  });

  $(".meer-fotos").click(function() {
    var afb = $(this).attr("foto");
	$("#detail-foto").attr( { src: pad + "/woningen/site/" + afb } );
  });

  $(".meer-fotos-idb").click(function() {
    var afb = $(this).attr("foto");
	$("#detail-foto-idb").attr( { src: pad + "/beelden/idb/site/" + afb } );
  });

  $(".details-fav").click(function() {
    var ym_id = $(this).attr("ym-id");
    addToFav("ym",ym_id);
  });

  $(".toon-favs").click(function() {
    toonFavs("ymfavs");
  });

  $(".del-fav").click(function() {
    var ym_id = $(this).attr("ym-id");
    delFav("ym",ym_id);  
  });  
  
  $("#verwijder-favs").click(function() {
    wisCookie("ymfavs");
  });
  
  $("#ddl-werkruimte-locatie").change(function() {
    var plaatsid = document.getElementById("ddl-werkruimte-locatie").value;
    verfijnZoekWerkruimte(plaatsid)  
  });

  $(".optie-verkocht-verhuurd, .optie-verkocht-verhuurd-detail").css( { opacity: ".65" } );  
  
  $(".details-mail").click(function() {
    var pid = $(".details-mail").attr("pid");
	var wtid = $(".details-mail").attr("wtid");
	
    var container_email = document.createElement("div");
    container_email.id = "container-email";
	var input_email = document.createElement("input");
	input_email.type = "text";
	input_email.id = "input-email";
	input_email.value = "Uw e-mailadres ...";
	
	var container_email_acties = document.createElement("div");
	container_email_acties.id = "container-email-acties";

	var container_email_melding = document.createElement("div");
	container_email_melding.id = "container-email-melding";
	
	var a_email_verstuur = document.createElement("a");
	a_email_verstuur.title = "verstuur e-mail";
	a_email_verstuur.href = "#";
	
	var a_email_annuleer = document.createElement("a");
	a_email_annuleer.title = "annuleren";
	a_email_annuleer.href = "#";
	
	var tekst_a_email_verstuur = document.createTextNode("verstuur >");
	var tekst_a_email_annuleer = document.createTextNode("annuleer >");

	var br = document.createElement("br");
	
    a_email_verstuur.appendChild(tekst_a_email_verstuur);
    a_email_annuleer.appendChild(tekst_a_email_annuleer);
	
	container_email.appendChild(input_email);
	container_email.appendChild(container_email_acties);
	container_email_acties.appendChild(a_email_verstuur);
	container_email_acties.appendChild(a_email_annuleer);

	container_email.appendChild(container_email_melding);
	
	if (!document.getElementById("container-email")) {
      $("#mail-me").after(container_email);
    }
	
	$(container_email).css( { display: "block" } );	

	
	$("#input-email").click(function() {
	  if (document.getElementById("input-email").value == "Uw e-mailadres ...") {
	    document.getElementById("input-email").value = "";
	  }
	});
	
	a_email_annuleer.onclick = function() {
	  container_email.parentNode.removeChild(container_email);
	}	

	a_email_verstuur.onclick = function() {

	  var emailadres = input_email.value;

      var emailReg = "^[\\w-_\.]*[\\w-_\.]\@[\\w]\.+[\\w]+([\.a-z]){3,5}$";
	  var regexEmail = new RegExp(emailReg);
	
	  if (!regexEmail.test(emailadres)) {
        container_email_melding.innerHTML = "Het e-mailadres is ongeldig." 
	  }
	  else {
	    $.ajax({
          type: "GET",
          //url: "http://new.ymere.nl/ymere/mail-woning.asp",
		  url: baseurl + "/ymere/mail-woning.asp",
          cache: false,
          dataType: "text",
          data: "pid="+pid+"&wtid="+wtid+"&email="+emailadres,
          success: function(text) {
            container_email_melding.innerHTML = "De informatie van deze woning is verstuurd." 
			window.setTimeout(function() { container_email.parentNode.removeChild(container_email); }, 1000);
          }
	    });
	  
	  }
	  
	  
	}
	
	return false;
	
  });

  $("#btn-zoek-idb").click(function() {
  
    var soort_idb = document.getElementById("ddl-soort-idb").selectedIndex;
    var locatie_idb = document.getElementById("ddl-locatie-idb").selectedIndex;
			
    if (soort_idb == 0 && locatie_idb == 0) {
	  
	  var tekst_melding_idb = "Kies tenminste een soort project of een plaats uit de keuzelijst";
	  $("#melding-idb").text(tekst_melding_idb);
	  $("#melding-idb").fadeIn("slow");
	  return false;
	  
	}
  
  });  
  
  $("#frm-reageer-direct").submit(function() {
    var id = $(this).attr("id");
	var frm = $(this);
    return checkComplete(frm);
  });

  $("#frm-reageer-direct #tbl-reageer-direct td input").change(function() {
      document.getElementById("err-msg").innerHTML = "";
  });

  
  $("#btn-zoek, #btn-pastoe").click(function() {
    reloadFavs();
  });
  
  killBeeld();
  
});

function schrijfCookie(cookie_naam,cookie_waarde,verloopt) {

  var verloopdatum = new Date();
  
  var jaar = verloopdatum.getFullYear();  
  var volgend_jaar = jaar+1;
  verloopdatum.setUTCFullYear(volgend_jaar);  
    
  if (document.cookie.length>0) {
    start_cookie=document.cookie.indexOf(cookie_naam + "=");
    if (start_cookie!=-1) {
      document.cookie = cookie_naam + "=; expires=365; domain=ymere.nl; path=/";		  
	}	
  }

  document.cookie = cookie_naam + "=" +escape(cookie_waarde) + "; expires="+verloopdatum.toGMTString()+"; domain=ymere.nl; path=/"; 

}

function addToFav(naam,id) {

  var koekje = id; //document.getElementById("ym-favs").value;
  $.ajax({
    type: "GET",
    //url: "http://new.ymere.nl/ymere/setfav.asp",
	url: baseurl + "/ymere/setfav.asp",
    cache: false,
    dataType: "text",
    data: "ymfavs="+koekje,
    success: function(text) {
	
	  schrijfCookie("ymfavs",text,365);

    }
  });
  
}

function delFav(naam,id) {

  var koekje = id;
  $.ajax({
    type: "GET",
	url: baseurl + "/ymere/delfav.asp",
    cache: false,
    dataType: "text",
    data: "ymfav="+koekje,
    success: function(text) {
		
	  schrijfCookie("ymfavs",text,365);
	  location.href="/ymere/index.asp?id=17&actie=fav"

    }
  });
  
}

function leesCookie(naam) {
   
   var cookie_naam = naam;
   
   //var cookie_naam = naam + "=";
   //var ca = document.cookie.split(';');
	//for (var i=0;i<ca.length;i++) {
	  //var c = ca[i];
	  //while (c.charAt(0) == ' ') {
		//c = c.substring(1,c.length);
		//if (c.indexOf(cookie_naam) == 0) {
		  //return unescape(c.substring(cookie_naam.length,c.length));
		//}
	  //}
	//}
	
	//return null;
	
  var koekje = document.cookie.match ( '(^|;) ?' + cookie_naam + '=([^;]*)(;|$)' );

  if ( koekje ) {
    return ( unescape ( koekje[2] ) );
  }
  else {
    return null;
  }
	
	
}

function wisCookie(cookie_naam) {
  schrijfCookie(cookie_naam,"",-1);
  location.href = "/ymere/index.asp?id=17&actie=zr";
}

function toonFavs(naam) {
 
 reloadFavs();
 
 //location.href="/ymere/index.asp?id=17&actie=fav";
 
  //$.ajax({
    //type: "GET",
    //url: "http://new.ymere.nl/ymere/getfavs.asp",
    //cache: false,
    //dataType: "text",
    //success: function(text) {
	  //alert(text);
    //}
  //}); 
  
}

function reloadFavs() {

  favs = leesCookie("ymfavs");
  
  if (favs == null) {
    //  favs = "";
  }
	
  else {
   
    $.ajax({
      type: "GET",
      //url: "http://new.ymere.nl/ymere/reloadfavs.asp",
	  url: baseurl + "/ymere/reloadfavs.asp",
      cache: false,
      dataType: "text",
      data: "ymfavs="+favs,
      success: function(text) {
	
      }
    });
	
  }

}


function killBeeld() {

  var url = location.href;  
  if (url.indexOf("&actie=") > -1) {
    if (url.indexOf("zr-idb") > -1) { 

    }
    else {	
      document.getElementById("subcolom1").parentNode.removeChild(document.getElementById("subcolom1"));
    }
  }
  else if (url.indexOf("id=1103") > -1 || url.indexOf("id=1104") > -1 || url.indexOf("id=1105") > -1 || url.indexOf("id=1562") > -1) { 
    document.getElementById("subcolom1").parentNode.removeChild(document.getElementById("subcolom1"));  
  }
  
}


function verfijnZoekWerkruimte(plaatsid) {

 $.ajax({
    type: "GET",
    //url: "http://new.ymere.nl/ymere/werkruimte-plaats.asp",
	url: baseurl + "/ymere/werkruimte-plaats.asp",
    cache: false,
    dataType: "text",
	data: "plaatsid="+plaatsid,
    success: function(text) {
	
	  var el = document.getElementById("ddl-soort");
	  el.options.length = 0;	  
	  var strSoorten = text;
	  var arSoorten = strSoorten.split(",")
	  for (i=0;i<arSoorten.length;i++) {
	    var arSoort = arSoorten[i].split(":");
		for (j=0;j<arSoort.length;j++) {
		  el.options[i] = new Option(arSoort[1],arSoort[0]);
		}
	  }
	    
    }
  }); 

}

function checkComplete(frm) {

  with (frm) {
    
    if (valideer_veld("achternaam","Uw achternaam ontbreekt.") == false ) {
	  document.getElementById("achternaam").focus();
	  return false;
	}

    else if (valideer_veld("adres","Uw adres ontbreekt.") == false ) {
	  document.getElementById("adres").focus();
	  return false;
	}

    else if (valideer_veld("postcode","Uw postcode ontbreekt.") == false ) {
	  document.getElementById("postcode").focus();
	  return false;
	}	

    else if (valideer_veld("plaats","Uw woonplaats ontbreekt.") == false ) {
	  document.getElementById("plaats").focus();
	  return false;
	}

    else if (valideer_veld("bruto_jaarinkomen","Uw bruto jaarinkomen ontbreekt of is in een ongeldig formaat.") == false ) {
	  document.getElementById("bruto_jaarinkomen").focus();
	  return false;
	}

    else if (valideer_veld("telefoon","Uw telefoonnummer ontbreekt of is in een ongeldig formaat.") == false ) {
	  document.getElementById("telefoon").focus();
	  return false;
	}
	
    else if (valideer_veld("email","Uw e-mailadres ontbreekt of is in een ongeldig formaat") == false ) {
	  document.getElementById("email").focus();
	  return false;
	}
	
  }

}

function valideer_veld(veld,tekst) {

  var emailReg = "^[\\w-_\.]*[\\w-_\.]\@[\\w]\.+[\\w]+([\.a-z]){3,5}$";
  var regexEmail = new RegExp(emailReg);
  var err_msg = document.getElementById("err-msg");

  with (document.getElementById(veld)) {
  
    if (veld.id == "email") {
	
      if (value == null || value == "" || !regexEmail.test(value) ) {
        alert(tekst);
        return false;
      }
	  else { 
        return true;
      }
	  
	}
	else {

      if (value == null || value == "") {
		err_msg.innerHTML = tekst;
        return false;
      }
	  else { 
        return true;
      }
	
	}

  }
}