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

function equalHeight(group) {
    tallest = 0;
    group.each(function() {
        thisHeight = $j(this).height();
        if(thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}


$j(document).ready(function(){

   // gelijke hoogte voor grijze vlakken op landingspagina
   equalHeight($j(".landing2koloms li"));


   // openklappen van sitemap menu's
   $j('#top.sitemap #kolomwrapper ul ul').hide().parent().find("a:first").after("<a href='#' class='pijltje'></a>");
   $j('#top.sitemap #kolomwrapper ul a.pijltje').toggle(function(){
      $j(this).parent().addClass('open');
      $j(this).next('ul').slideDown();      
      $j(this).addClass('openthis');
   },function(){
      $j(this).parent().removeClass('open');
      $j(this).next('ul').slideUp();
      $j(this).removeClass('openthis');
   });   
   
   $j('#top.sitemap #kolomwrapper ul li a.pijltje').css('opacity','0.2');
   $j('#top.sitemap #kolomwrapper ul li').hover(function(){
      $j(this).addClass('hover');
      $j('.pijltje',this).css('opacity','1');
   },function(){
      $j(this).removeClass('hover');
      $j('.pijltje',this).css('opacity','0.2');
   });
   
   
   // koppel primair menu aan ul's voor mouseover effect
   $j('#top.sitemap ul:not($j("ul ul"))').mouseover(function(){
      $j('#top .active').removeClass('active');
      var id='#'+$j(this).attr('class');
      $j(id).addClass('active');
   });
   
   var h=0;
   $j('#top.home #kolomwrapper .homecolumn').each(function(){
      var th = $j(this).height();
      if (th>h){h=th;};
   }).height(h);
   
   
   // home image
   var img = 'url('+$j('.home #homeimage').attr('href')+')';
   $j('.home #hometitel').css('background-image',img);
   
   // png fix voor de schaduw
   $j('.home #homeimage').ifixpng();
   
   
   // home hover functie op menuitems
   $j('#top.home #primair a').hover(function(){
      var id='.'+$j(this).attr('id');
      $j(id, '#kolomwrapper').addClass('active');
   }, function(){
      $j('#kolomwrapper .active').removeClass('active');
   });
   
   // home hover functie op kolommen
   $j('#kolomwrapper .homecolumn').hover(function(){
      var id=$j(this).attr('class');
      id='#'+id.substring(11);
      $j(id, '#primair').addClass('active');
      $j(this).addClass('active');
   }, function(){
      $j('#primair .active').removeClass('active');
      $j('#kolomwrapper .active').removeClass('active');
   });

   // wisselende rijkleur in tabellen met class=altrows
   $j('#content table.altrows tr:even').css('backgroundColor','#EDEDED');
   
   // css aan textvelden en textarea's koppelen
   $j("#content input[type=text]").addClass("field");
   $j("#content textarea").addClass("field");
   $j("#content select").addClass("field");
   
   // css aan buttons koppelen
   $j("#content input[type=submit]").addClass("button");
   $j("#content input[type=button]").addClass("button");
   $j("#content input[type=reset]").addClass("button");
   $j("#content input[type=cancel]").addClass("button");
   
   // zoekbalk
   var h = $j("#zoekbalk #dropdown li a:first").outerHeight();
   var newh = $j("#zoekbalk #dropdown ul").outerHeight();
   $j("#zoekbalk #dropdown").addClass("javascripton").height(h).hover(function(){
      $j("#zoekbalk #dropdown").animate({"height":newh});
   },function(){
      $j("#zoekbalk #dropdown").animate({"height":h});
   });
   
   //printbutton
   $j('#sitewide li.print').show().click(function(){
//      window.open(window.location);
      window.open("smartsite.dws?id=1553&ch=ECB");
      return false;
   });
   
});