// font resizer
var sitefunctions = {
	textresize : function(){
		$j(".FontSize").show(); // show text resizing links
		var $cookie_name = "Bernhove-LetterFormaat";
		var originalFontSize = '0.75em';
      var bigFontSize = '0.9em';
      var smallFontSize = '0.6em';
      var $getSize = $j.cookie($cookie_name);
		if($getSize) {			// if exists load saved value
			$j("#top").css({fontSize : $getSize }); 
		}
		// reset link - reset cookie
		$j(".FontSizeReset").bind("click", function() {
			$j("#top").css("font-size", originalFontSize);
         $j.cookie($cookie_name, null); // reset cookie
         resetklapkader();
         return false;
		});
      // text ?+" link
      $j(".FontSizeInc").bind("click", function() {
         $j("#top").css("font-size", bigFontSize);
         $j.cookie($cookie_name, bigFontSize);
         resetklapkader();
         return false;
      });
      // text ?-" link
      $j(".FontSizeDec").bind("click", function() {
         $j("#top").css("font-size", smallFontSize);
         $j.cookie($cookie_name, smallFontSize);
         resetklapkader();
         return false;
      });
	}
}

// maak de hoogte gelijk van element binnen de .rij van een landingspagina
function equalheight(element){
      var h = 0;
      $j(element, '#medewerkers').height('').each(function(){
         var hoogte = $j(this).height();
         if (hoogte > h){h = hoogte};
      });
      $j(element, '#medewerkers').height(h);
}

// reset de uiklapvensters als het font resized wordt
function resetklapkader(){
   $j("#content .openkaders .openthis").each(function(){
      closekader($j(this)); // sluit open kaders
      $j(".openkader",this).unbind("click"); // verwijder de openfunctie
      $j(".closekader",this).unbind("click"); // verwijder de sluitfuncties
      $j(".content", this).height('auto'); // reset de hoogte van de content
   });
   initklapkader(); // initialiseer de klapkaders
}

// uitklapfunctie voor ul of ol met class .klaplijst
function initklaplijst(){
   $j("#content .klaplijst>li>.klaplijstbody").hide();       // verberg de antwoorden
   
   $j("#content .klaplijst>li>.klaplijstbody table.details").hide();       // verberg de details van evenementen
   $j("#zieook #detailbanner").hide();
   
   $j("#content .klaplijst>li>a").not(".terug").toggle(function(){         // klik op een vraag
      $j(this).parent().parent().find("a.open").trigger("click");  // sluit de reeds geopende antwoorden
      $j(this).addClass("open");                             // geef deze de class "open"
      $j(this).parent().find(".klaplijstbody").slideDown(function(){  // open het antwoord
         inittotop(); // toon de backtotop-link als de site nu wél te lang is
         
         //details overnemen bij #evenementen
         $j("#zieook #detailbanner").hide();
         $j("#zieook #detailbanner table").remove();
         var details = ""
         details = $j('table.details', this).clone().show();
         if (details.length){
            $j("#zieook #detailbanner h3").after(details);
            $j("#zieook #detailbanner").slideDown();
         }
      });
      return false;
   },function(){
      $j(this).removeClass("open");                          // verwijder class "open"
      //details verbergen bij #evenementen
      $j("#zieook #detailbanner").hide();
      $j("#zieook #detailbanner table").remove();
      $j(this).parent().find(".klaplijstbody").slideUp(function(){    // sluit het antwoord
         inittotop(); // verwijdert de backtotop-link als de site nu niet meer te lang is
      });             
      return false;
   });
// WMR 20090519 Uitgeschakeld 
// MP 20090520 opnieuw ingeschakeld ivm overzicht specialisten per afdeling
  $j("#content li.openfirst>a").trigger("click");    // open de eerste vraag indien class=openfirst
}

// uitklapfunctie voor ul of ol met id nieuwsarchief
function initdubbelklaplijst(){
   $j("#content #nieuwsarchief>li>.nieuwsarchiefjaar").hide();       // verberg de antwoorden
   $j("#content #nieuwsarchief>li>a").not(".terug").toggle(function(){         // klik op een vraag
      $j("#content #nieuwsarchief>li>a.open").trigger("click");  // sluit de reeds geopende antwoorden
      $j(this).addClass("open");                             // geef deze de class "open"
      $j(this).parent().find(".nieuwsarchiefjaar").slideDown(function(){  // open het antwoord
         inittotop(); // toon de backtotop-link als de site nu wél te lang is
      });
      return false;
   },function(){
      $j(this).removeClass("open");                          // verwijder class "open"
      $j(this).parent().find(".nieuwsarchiefjaar").slideUp(function(){    // sluit het antwoord
         inittotop(); // verwijdert de backtotop-link als de site nu niet meer te lang is
      });             
      return false;
   });
// WMR 20090519 Uitgeschakeld
//   $j("#content #nieuwsarchief li.openfirst>a").trigger("click");    // open de eerste vraag indien class=openfirst
}

function initklapkader(){
   // verschuif de rechterkaders van een landingspaginga
   $j("#content .openkaders>li").css({height:"106px" , marginBottom:"6px"});
   $j("#content .openkaders>li:odd").css("margin-left","6px");
   $j("#content .openkaders .kader").css("height","95px").hover(function(){
      $j(this).addClass("open");
   },function(){
      $j(this).removeClass("open");
   })
   // verberg de overflow en geef buttons weer om het kader uit te klappen
   $j("#content .openkaders .kader").each(function(){
      var h= $j(".content",this).height();
      if (parseFloat(h, 10)>100){
         $j(this).addClass("openthis");
         $j(".content",this).height("80px");
         $j(".openkader",this).css("display","block").click(function(){
            openkader($j(this).parent(),h);
            return false;   
         });
         $j(".closekader",this).hide().click(function(){
            closekader($j(this).parent());
            return false;   
         });
      } else {
         $j(".openkader",this).hide();
         $j(".closekader",this).hide();
      }
   });
}

// open de kaders van een landingspagina
function openkader(kader,h){
   $j(kader).css("z-index","100").css("border-color","#999999").animate({height:(h+10)},function(){
      $j(kader).css("z-index","50");
   });
   $j(".content",kader).animate({height:h});
   $j(".openkader",kader).height('0px');
   $j(".closekader",kader).show();
   $j("#content .openkaders .openthis").not(kader).each(function(){
      closekader($j(this));
   });
}

// sluit de kaders van een landingspagina
function closekader(kader){
   $j(".content",kader).animate({height:'80px'});
   $j(kader).animate({height:'95px'},function(){
      $j(this).css("z-index","1").css("border-color","");
   });
   $j(".closekader",kader).hide();
   $j(".openkader",kader).height('15px');
}

// verberg en toon de backtotop-link als de site hoger is als het window
function inittotop(){
   $j('.scrollup').unbind('click').click(function(){
      $j.scrollTo( '#top', 800);    // onclick - scroll naar boven
      return false;
   });
   if ($j("#container").height()-20 > $j(window).height()){ // check hoogte
         $j('#scrollup').show();   
   } else {
         $j('#scrollup').hide();   
   }
}

// gebruik $j als jquery variabele zodat deze niet conflicteerd met de scripts uit de smartsite formulieren generator
var $j = jQuery.noConflict();  

$j(document).ready(function(){
   
   // font resizer
   sitefunctions.textresize();	
   
   // initialiseer klapkaders op de startpagina
   initklapkader();
   
   // initialiseer inklaplijsten
   initklaplijst();

   // initialiseer dubbeleinklaplijsten (nieuwsarchief)
   initdubbelklaplijst();      
   
   // toon de backtotop-link als de site hoger is als het window
   inittotop();
   
   // maak gelijke hoogtes voor blokken op landingspagina's
   if($j('#medewerkers').length){
      equalheight('li');   
   }


   // alfabetlijsten
   $j(".alfabetlist>li").hover(
     function () {
       $j(this).addClass("hover");
     },
     function () {
       $j(this).removeClass("hover");
     }
   );
   $j("#alfabet a.list").click(function(){
      $j(".alfabetlist .hover").removeClass("hover");
      var here = this.href.split('#')[1];
      $j.scrollTo( ".alfabetlist a[name='"+here+"']", 800,function(){
         $j(".alfabetlist a[name='"+here+"']").parent().addClass("hover");
      });
      return false;
   });

	var orgbacktitle = $j('#sfeerbeeldtitle .huidig').attr('href'); 
	$j('#sfeerbeeldtitle').css("background-image","url("+orgbacktitle+")").show().ifixpng();  
	var orgbackgroot = $j('#sfeerbeeldgroot .huidig').attr('href'); 
	$j('#sfeerbeeldgroot').css("background-image","url("+orgbackgroot+")");
	var orgbackklein = $j('#sfeerbeeldklein .huidig').attr('href'); 
	$j('#sfeerbeeldklein').css("background-image","url("+orgbackklein+")");

	$j("#navigatie #primair a").hover(function(){
	// mousover		
		$j(this).css("opacity","0.8"); // mousover effect op de menulinks
		var myid = $j(this).attr("id"); // id van de link (patienten,bezoekers,professionals,etc.)
		var myclass = "."+myid; // een punt er voor om als class te te gebruiken
		var backgroot = "url("+$j(myclass,'#sfeerbeeldgroot').attr('href')+")";
		var backklein = "url("+$j(myclass,'#sfeerbeeldklein').attr('href')+")";
		var backtitle = "url("+$j(myclass,'#sfeerbeeldtitle').attr('href')+")";
		$j("#sfeerbeeldgroot").css("background-image",backgroot); // vervang de grote image
		$j("#sfeerbeeldklein").css("background-image",backklein); // vervang de kleine image
		$j("#sfeerbeeldtitle").css("background-image",backtitle).ifixpng(); //vervang de title
	},function(){
	// mouseout
		$j(this).css("opacity","1"); // mousover effect op de menulinks
		$j("#sfeerbeeldgroot").css("background-image","url("+orgbackgroot+")");
		$j("#sfeerbeeldklein").css("background-image","url("+orgbackklein+")");
		$j("#sfeerbeeldtitle").css("background-image","url("+orgbacktitle+")").ifixpng();
	});

	$j("#navigatie #secundair a").hover(function(){
	// mousover		
		var myid = $j(this).attr("id"); // id van de link (patienten,bezoekers,professionals,etc.)
		var myclass = "."+myid; // een punt er voor om als class te te gebruiken
		var backgroot = "url("+$j(myclass,'#sfeerbeeldgroot').attr('href')+")";
		var backklein = "url("+$j(myclass,'#sfeerbeeldklein').attr('href')+")";
		var backtitle = "url("+$j(myclass,'#sfeerbeeldtitle').attr('href')+")";
		$j("#sfeerbeeldgroot").css("background-image",backgroot); // vervang de grote image
		$j("#sfeerbeeldklein").css("background-image",backklein); // vervang de kleine image
		$j("#sfeerbeeldtitle").css("background-image",backtitle).ifixpng(); //vervang de title
	},function(){
	// mouseout
		$j("#sfeerbeeldgroot").css("background-image","url("+orgbackgroot+")");
		$j("#sfeerbeeldklein").css("background-image","url("+orgbackklein+")");
		$j("#sfeerbeeldtitle").css("background-image","url("+orgbacktitle+")").ifixpng();
	});

   /*
   // de title-image wordt door css bepaald. Sla deze op in een var voor later gebruik. Dit moet vóór de pngfix!!   
   var orgbacktitle = "url("+$j('#sfeerbeeldtitle a').attr('href')+")"; 
   // toon de title. 
   $j('#sfeerbeeldtitle').css("background-image",orgbacktitle).show().ifixpng();  
   // haal de url voor de huidige grote image uit a.huidig en sla deze op in een var voor later gebruik
   var orgbackgroot = $j('#sfeerbeeldgroot .huidig').attr('href'); 
   // toon de huidige grote image
   $j('#sfeerbeeldgroot').css("background-image","url("+orgbackgroot+")");
   // haal de url voor de huidige kleine image uit a.huidig en sla deze op in een var voor later gebruik
   var orgbackklein = $j('#sfeerbeeldklein .huidig').attr('href'); 
   // toon de huidige keine image
   $j('#sfeerbeeldklein').css("background-image","url("+orgbackklein+")");
   
   // verander de grote en kleine sfeerbeelden als er over de links uit het hoofdmenu wordt gehoverd.
   $j("#navigatie div").not("#sitewide").find("ul a").hover(function(){
      // mousover
      $j(this).css("opacity","0.8"); // mousover effect op de menulinks
      var myid = $j(this).attr("id"); // id van de link (patienten,bezoekers,professionals,etc.)
      var dc = $j("#navigatie #primair").attr("class"); // haalt de toevoeging "DC" op voor pagina's uit het Diagnostidsch Centrum
      var myclass = "."+myid; // een punt er voor om als class te te gebruiken
      // haal de url voor de grote image uit a.class 
      var backgroot = "url("+$j(myclass,'#sfeerbeeldgroot').attr('href')+")";
      // haal de url voor de kleine image uit a.class 
      var backklein = "url("+$j(myclass,'#sfeerbeeldklein').attr('href')+")";
      // haal de url voor de titel uit a.class 
      var backtitel = "url("+$j(myclass,'#sfeerbeeldtitle').attr('href')+")";
      $j("#sfeerbeeldgroot").css("background-image",backgroot); // vervang de grote image
      $j("#sfeerbeeldklein").css("background-image",backklein); // vervang de kleine image
      $j("#sfeerbeeldtitle").css("background-image",backtitle).ifixpng(); //vervang de title
   },function(){
      // mouseout
      $j(this).css("opacity","1"); // mousover effect op de menulinks
      // zet alle images terug naar de originele staat
      $j("#sfeerbeeldgroot").css("background-image","url("+orgbackgroot+")");
      $j("#sfeerbeeldklein").css("background-image","url("+orgbackklein+")");
      $j("#sfeerbeeldtitle").css("background-image",orgbacktitle).ifixpng();
   });
   */

   // zet de tekst "Wat zoekt u?" in het sitewide zoekveld en verwijder deze onclick
   $j("#zoeken .field").css("color","#7F7F7F").attr("value","Wat zoekt u?").click(function(){
      $j(this).css("color","#000000").attr("value","");
   });

   // zet de tekst "Typ (een deel van) de achternaam" in het medewerkers zoekveld en verwijder deze onclick
   $j("#zoeknaam #naam").css("color","#7F7F7F").attr("value","Typ (een deel van) de achternaam").click(function(){
      $j(this).css("color","#000000").attr("value","");
   });
   
   // laad een visitekaartje als er op een naam geklikt wordt
   $j('#content #visitekaartje').hide();
   $j('#content #visitekaartje .top').ifixpng()
   $j('#content #visitekaartje .visitekaartjeback').ifixpng()
   $j('#content #visitekaartje .bottom').ifixpng()
   $j('#content .naam').click(function(){
      $j('#content #visitekaartje .ajax').load(this.href).ajaxError(function(){
         $j(this).html("<p>De gegevens van deze persoon konden niet worden opgehaald.</p>");
       });      
      $j('#content #visitekaartje').show();
      $j('#visitekaartje #closecard').css("margin-left","342px").show();
      return false;
   });
   
   // sluit het visitekaartje
   $j('#content #visitekaartje #closecard').click(function(){
      $j('#content #visitekaartje').hide();
      return false;
   });

   // css aan textvelden en textarea's koppelen
   $j("input[type=text]").addClass("field");
   $j("input[type=password]").addClass("field");
   $j("textarea").addClass("field");
   
   // css aan buttons koppelen
   $j("input[type=submit]").addClass("button");
   $j("input[type=button]").addClass("button");
   $j("input[type=reset]").addClass("button");
   $j("input[type=cancel]").addClass("button");
   
   //sitemap
   $j('#sitemap ol ol').hide().parent().find('a:first').addClass("parent").toggle(function(){
      $j(this).next('ol').slideDown();
      $j(this).parent().addClass('open');
   },function(){
      $j(this).next('ol').slideUp();
      $j(this).parent().removeClass('open');
   });
   
});