/*
 * jQuery formtoolip
 * form alanlarına odaklanıldığında yardım metini görüntülenmesini sağlar
 *
 * Kullanım: $('#form_id').formtooltip();
 * Copyright (c) 2008 Yılmaz Uğurlu, <yilugurlu@gmail.com>, http://www.2nci.com
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * $Version: 2008.05.02 rev. 17
 */
 
(function($) {
	$.fn.formtooltip = function(){
		$(":input", this).each(function(){
			// sıradaki elemanın title niteliğini alalım
		  //var base_title = $(this).attr('omschrijving');
		  var omschrijving = $(this).attr('omschrijving');
		 
		var base_title = "<table cellspacing=0 cellpadding=0 border=0 style=font-size:11px;margin-left:14px; width=191;font-weight:normal><tr><td background=/jquery_tooltip/img/top.png height=14 style=background-repeat:no-repeat;></td></tr><tr><td background='/jquery_tooltip/img/bg.png' style='padding-left:14px;padding-bottom:14px;text-align:left;font-weight:normal'>";
			  
		switch(omschrijving)
		{
		  case 'gewenst_leenbedrag':
		  base_title = base_title + "<strong>Gewenst bedrag</strong><br>U kunt hier het gewenste leenbedrag in cijfers invullen.";
		  break;
		  
		  case 'woningtype':
		  base_title = base_title + "<strong>Woonsituatie</strong><br>Maak uw keuze over uw woonsituatie.";
		  break;
		  
		  case 'burg_staat':
		  base_title = base_title + "<strong>Burgelijke staat</strong><br>Maak uw keuze uit een van de mogelijkheden.";
		  break;
		  
		  case 'aanvr_voorletters':
		  base_title = base_title + "<strong>Voorletters</strong><br>Vult u hierbij uw volledige<br>voorletter(s) in, bv. 'J.P.G.'.";
		  break;
		  
		  case 'aanvr_achternaam':
		  base_title = base_title + "<strong>Achternaam</strong><br>Vult u hierbij uw volledige achternaam inclusief voorvoegsels in, zoals bv. 'van de'.";
		  break;
		  
		  case 'aanvr_geboortedatum':
		  base_title = base_title + "<strong>Geboortedatum</strong><br>Vult u hierbij uw volledige geboortedatum in.";
		  break;		  

		  case 'aanvr_bank':
		  base_title = base_title + "<strong>Bank/giro nummer</strong><br>Om u direct van een offerte te voorzien, ontvangen wij graag uw bank of girorekeningnummer.";
		  break;
		  
		  case 'part_voorletters':
		  base_title = base_title + "<strong>Voorletters</strong><br>Vult u hierbij uw volledige<br>voorletter(s) in, bv. 'J.P.G.'.";
		  break;
		  
		  case 'part_achternaam':
		  base_title = base_title + "<strong>Achternaam</strong><br>Vult u hierbij uw volledige achternaam inclusief voorvoegsels in, zoals bv. 'van de'.";
		  break;
		  
		  case 'part_geboortedatum':
		  base_title = base_title + "<strong>Geboortedatum</strong><br>Vult u hierbij uw volledige geboortedatum in.";
		  break;		  
		        
		 //inkomen 
		  case 'aanvr_dienstverband':
		  base_title = base_title + "<strong>Soort dienstverband</strong><br>Maak een keuze uit uw soort dienstverband.";
		  break;
		  
		  case 'aanvr_dienstverband_sinds':
		  base_title = base_title + "<strong>Sinds</strong><br>Vult u hierbij in sinds wanneer u <br />bij uw huidige werkgever in dienst <br />bent of sinds wanneer u een <br />uitkering ontvangt.";
		  break;
		  
		  case 'aanvr_netto':
		  base_title = base_title + "<strong>Netto inkomen</strong><br>Dit is het inkomen wat u <br />maandelijks op uw rekening ontvangt zonder reiskosten en overige (kosten) vergoedingen.";
		  break;
		  
		  case 'aanvr_bruto':
		  base_title = base_title + "<strong>Bruto inkomen</strong><br>Dit inkomen staat bovenaan uw loonstrook of uikeringsspecificatie. Structurele inkomensbestanddelen zoals overwerk of (ploegen / persoonlijke)toeslag kunt u hierbij optellen.";
		  break;
		  
		  case 'aanvr_inkomen_per':
		  base_title = base_title + "<strong>Per</strong><br>Vult u hierbij in of u uw inkomen <br />per maand, 4 weken of week <br />ontvangt.";
		  break;		  
		  
		  case 'aanvr_beroep':
		  base_title = base_title + "<strong>Beroep</strong><br>De naam van uw beroep volgens uw loonstrook of arbeidsovereenkomst.";
		  break;
		  
		  case 'aanvr_instantie':
		  base_title = base_title + "<strong>Geboortedatum</strong><br>Vult u hierbij uw volledige geboortedatum in.";
		  break;
		  
		  case 'aanvr_instantie_plaats':
		  base_title = base_title + "<strong>Geboortedatum</strong><br>Vult u hierbij uw volledige geboortedatum in.";
		  break;		  
		  
		  case 'aanvr_naam_werkgever':
		  base_title = base_title + "<strong>Naam werkgever</strong><br>Vult u hierbij de bedrijfsnaam van uw werkgever in.";
		  break;
		  
		  case 'aanvr_plaats_werkgever':
		  base_title = base_title + "<strong>Plaats werkgever</strong><br>Vult u hierbij de vestigingsplaats <br />van uw werkgever in.";
		  break;
		  
		  case 'aanvr_overige_inkomsten': 
		  base_title = base_title + "<strong>Overige inkomsten</strong><br>Eventuele overige inkomsten kunt <br />u hierbij aangeven.";
		  break;
		  
		  case 'aanvr_overige_inkomsten_bedrag':
		  base_title = base_title + "<strong>Overige inkomsten</strong><br>Vult u hierbij het bruto bedrag aan overige inkomsten in.";
		  break;
		  
		  case 'aanvr_overige_inkomsten_bedrag_per':
		  base_title = base_title + "<strong>Per</strong><br>Vult u hierbij in of u uw inkomen <br>per maand, 4 weken of week <br>ontvangt.";
		  break;
		  
		  case 'aanvr_overige_inkomsten_bestaat_uit':
		  base_title = base_title + "<strong>Bestaat uit</strong><br>Vult u hierbij in waaruit uw overige inkomsten bestaan.";
		  break;
		  
		  // leningen
		  case 'len_aantal':
		  base_title = base_title + "<strong>Lopende leningen</strong><br>Heeft u lopende leningen? Vult u ze dan hieronder in.";
		  break;
		  
		  // huurgegevens
		  case 'huur_bruto': 
		  base_title = base_title + "<strong>Bruto huur</strong><br>Vult u hierbij uw kale huur zonder gas/water/elektra en servicekosten in.";
		  break;
		  
		  case 'huur_maand':
		  base_title = base_title + "<strong>Bedrag per maand</strong><br>Vult u hierbij het bedrag in wat u maandelijks van de belastingdienst krijgt aan huurtoeslag";
		  break;
		  
		  // koopgegevens
		  case 'koop_bruto':
		  base_title = base_title + "<strong>Bruto hypotheeklast</strong><br>Dit is het bedrag wat u maandelijks betaald aan rente, aflossing en levensverzekering.";
		  break;
		  
		  case 'koop_voorlopige_teruggaaf_maand':
		  base_title = base_title + "<strong>Voorlopige teruggaaf</strong><br>Ontvangt u maandelijks een belastingteruggave voor uw hypotheek? Vult u dit dan hier in.";
		  break;	
		  
		  case 'koop_voorlopige_teruggaaf_bedrag':
		  base_title = base_title + "<strong>Bedrag per maand</strong><br>Vult u hierbij het bedrag in wat u maandelijks van de belastingdienst ontvangt aan hypotheekrente<br>-aftrek.";
		  break;	
		  
		  case 'koop_woz':
		  base_title = base_title + "<strong>WOZ krediet</strong><br>Wenst u een lagere rente te ontvangen? Dit kan d.m.v. het <br>WOZ-Krediet. Vult u dit dan hier in.";
		  break;		  		  

		  case 'koop_woz_waarde':
		  base_title = base_title + "<strong>WOZ waarde</strong><br>Vult u hierbij de laatst bekende <br>WOZ waarde van uw woning in.";
		  break;		  		  

		  case 'koop_hypotheek_waarde':
		  base_title = base_title + "<strong>Hoogte hypotheek</strong><br>Vult u hierbij in voor welk bedrag <br>er aan hypotheek op uw woning is gevestigd.";
		  break;	
		  
		  // contactgegevens
		  case 'contact_straat':
		  base_title = base_title + "<strong>Straatnaam</strong><br>Vult u hierbij uw straatnaam<br>zonder huisnummer of toevoeging(en) in.";
		  break;
		  
		  case 'contact_huisnummer':
		  base_title = base_title + "<strong>Huisnummer</strong><br>Vult u hierbij uw huisnummer <br>zonder toevoeging(en) in.";
		  break;	
		  
		  case 'contact_toevoeging':
		  base_title = base_title + "<strong>Toevoeging</strong><br>Vul hier een eventuele toevoeging van uw huisnummer in, zoals bv. 'bis' of 'H'.";
		  break;	
		  
		  case 'contact_postcode':
		  base_title = base_title + "<strong>Postcode</strong><br> U kunt hierbij uw postcode invullen. Deze dient te bestaan uit 4 cijfers <br> en 2 letters.";
		  break;		  		  

		  case 'contact_woonplaats':
		  base_title = base_title + "<strong>Woonplaats</strong><br>Hierbij kunt u uw woonplaats invullen.";
		  break;		  		  

		  case 'contact_telefoon':
		  base_title = base_title + "<strong>Telefoonnummer</strong><br> Vult u hierbij uw volledige (mobiele) telefoonnummer in.";
		  break;	

		  case 'contact_email':
		  base_title = base_title + "<strong>E-mail adres</strong><br>Vult u hierbij uw e-mail adres in. U kunt de offerte eventueel <br>per e-mail van ons ontvangen.";
		  break;		  		  

		  case 'contact_vragen':
		  base_title = base_title + "<strong>Heeft u nog vragen?</strong><br>Heeft u aanvullende vragen en/of opmerking(en) plaatst u deze dan hier. Als u direct contact wilt n.a.v. deze aanvraag kunt u dit hier ook aangeven.";
		  break;		  

	}
		
		base_title = base_title + "</td></tr><tr><td background=/jquery_tooltip/img/bottom.png height=2></td></tr></table>";
				   
		  // eğer boş değilse
		  if(undefined!=base_title && ''!= base_title && omschrijving != undefined)
		  {
		  	// uzun yardım metinlerini | karakterinden itibaren bir satır alta geçirmek için
		  	// küçük bir düzenli ifade çalıştıralım
		    var title = base_title.replace(/\|/g, "<br />");
		    // yardım metni için ekleyeceğimiz elemanın adını
		    // sıradaki elemanın name niteliğinden türetelim
		    var new_elem = $(this).attr('name')+'_hint';
	
		    // form alanına odaklanıldığında
		    $(this).focus(function(){
		    	// sıradaki elemanın title niteliğini kaldıralım
		    	// böylece yardım metnimiz göründüğünde, ikinci defa elemanın title niteliği görünmemiş olur
		    	$(this).attr('omschrijving', '');
		    	// yeni bir span etiketi ile yardım metnimizi oluşturalım ve gösterelim
		      $(this).after('<span class="hint" id="'+new_elem+'">'+title+'<span class="hint-pointer">&nbsp;<\/span><\/span>');
		      $('#'+new_elem).show();
		      
		    }).blur(function() { // odak form alanından çıktığında
		      // yardım metni için oluşturduğumuz elemanı silelim
		      $('#'+new_elem).remove();
		      // içeriğin title niteliğini tekar kullanmak için tekrar oluşturalım
		      $(this).attr('omschrijving', base_title);
		    });
		  }     
		});
	}
})(jQuery);