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

// font resizer
var sitefunctions = {
	textresize : function(){
		$j(".FontSize").show(); // show text resizing links
		var $cookie_name = "Triversum-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
         reposition(); 
         return false;
		});
      // text “+" link
      $j(".FontSizeInc").bind("click", function() {
         $j("#top").css("font-size", bigFontSize);
         $j.cookie($cookie_name, bigFontSize);
         reposition();
         return false;
      });
      // text “-" link
      $j(".FontSizeDec").bind("click", function() {
         $j("#top").css("font-size", smallFontSize);
         $j.cookie($cookie_name, smallFontSize);
         reposition();
         return false;
      });
	}
}

// functies die opnieuw moeten na fontresizing
function reposition(){
   if($j('#top.landing #content .rij').length){
      equalheight('.textvlak');
      equalheight('h2');   
   }
   inittotop();
}

// verberg en toon de backtotop-link als de site hoger is als het window
function inittotop(){
   if($j('#top.landing').length==0 && $j('#top.home').length==0 && $j('#top.sitemap').length==0 && $j('#kolomwrapper.organogram').length==0){ // niet op landingspagina's
      $j('#scrollup').hide().unbind('click').click(function(){
         $j.scrollTo( '#top', 800);    // onclick - scroll naar boven
         return false;
      });   
      if ($j("#container").height() > $j(window).height()){ // check hoogte
         $j('#scrollup').show();   
      }   
   }
}

// maak lijst met links naar ankers in de text
/*function ankerlist(){
      var ankerlist = "";
      $j('#content a[name]').each(function(){
         var ankername = $j(this).attr('name');
         ankershortname = 'anker_'+ankername.split(' ').join('');
         $j(this).attr('id',ankershortname);
         ankerlist = ankerlist + '<li><a class="direct" href="#'+ankershortname+'">'+ankername+'</a></li>';
      });
      if (ankerlist){
         ankerlist = '<h2>Direct naar</h2><ol id="ankers" class="links">'+ankerlist+'</ol>';
         $j('#ankerlist').show().append(ankerlist);
         $j('#ankers a.direct').click(function(){
            var anker = $j(this).attr('href').split('#'); // #id losmaken voor IE
            $j.scrollTo('#'+anker[1], 800);
            return false;
         });
      }
}
// of */

// verplaats de SmartsiteTOC naar de 1e kolom
function verplaatstoc(){
   var theTOC = $j('#content #AutomaticTOC').remove().addClass('links').attr('id','ankers').clone();
   $j('#ankerlist').append("<h2>Direct naar</h2>").append(theTOC).show();
   $j('#ankerlist a').addClass('direct').click(function(){
      var anker = $j(this).attr('href').split('#'); // #id losmaken voor IE
      $j.scrollTo('#'+anker[1], 800);
      return false;
   });
}


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


//// DOCUMENT READY ////////////////////////////////////////////////////////////////////////////////////////////
$j(document).ready(function(){

    // font resizer
   sitefunctions.textresize();	

   // maak lijst met links naar ankers in de text
   if($j('#content #AutomaticTOC').length){
       verplaatstoc();
   }
   /*
   if($j('#ankerlist').length){
       // ankerlist();
   }*/
   
   // maak gelijke hoogtes voor blokken op landingspagina's
   if($j('#top.landing #content .rij').length){
      equalheight('.textvlak');
      equalheight('h2');   
   }
   // IE6 height fix
   if (jQuery.browser.msie && (jQuery.browser.version < 7) && $j('#top.landing').length ==1){
      h2 = $j('#content').height();
      $j('#kolomwrapper').css('overflow','hidden').height(h2);
   }
   // maak gelijke hoogtes voor blokken op sitemap
   if($j('#top.sitemap .rij').length){
      equalheight('h2');   
   }
      
   // javascriptbuttons worden niet getoond zonder javascript
   $j('#printpagina').show();

   // zoekveld
   $j('#zoeken .field').css('color','#AAAAAA').attr('value','Wat zoekt u?').click(function(){
      $j(this).css('color','').attr('value','');
   });
   
   // IE6 png-fix voor het hoofdmenu met hover !
   if((jQuery.browser.msie && (jQuery.browser.version <= 7))&&($j('#top.home').length==1 || $j('#top.landing').length==1 )  ) {
      $j('#top #navigatie #primair li a').each(function(){
         var backurl = $j(this).css('backgroundImage'); //haal backgroundimage uit css
         $j(this).css({cursor:'hand',backgroundImage:backurl}).ifixpng(); // plaats backgroundimage via javascript en fix'm
         // vervang de backgroundimage on hover
         $j(this).hover(function(){
            hoverurl = backurl.replace('.png','_hover.png');
            $j(this).css({backgroundImage:hoverurl}).ifixpng();
         },function(){
            $j(this).css({backgroundImage:backurl}).ifixpng();
         });
      }); 
   }
   $j('#top.home #kolomwrapper').ifixpng();

   
   // eerste foto linkerkolom aanpassen op homepagina
   var firstimage =  $j('#top.home #inhoudsopgave .item:first img').remove().attr('id','firstimage').clone();
   if (firstimage.length){
      $j('#top.home #inhoudsopgave .item:first').before(firstimage);
      $j('#firstimage').wrap('<div id="home_img"></div>').after('<span></span>');
      $j('#top.home #inhoudsopgave #home_img span').ifixpng();
   }
    
   
   
   // maak twee koloms lijsten van class='tweekoloms' door ze halverwege te splitsen
   $j('#content .tweekoloms').each(function(){
      var extraclass = "" + $j(this).attr('class');
      extraclass = extraclass.replace(/tweekoloms/,"");
      var aantal = Math.ceil(($j('li', this).length)/2)-1;
      $j('li:gt('+aantal+')',this).remove().clone().insertAfter(this).wrapAll("<ul class='"+extraclass+" tweekoloms twee'></ul>");
      $j(this).next('.twee').after('<br class="clear" />');
   })

   // .uitklap lijsten
   $j('#content ul.klaplijst div.klapcontent').hide().prev('a').toggle(function(){
      $j(this).parent().addClass('open').find('div.klapcontent').animate({height:'show',opacity:'show'});
      inittotop();
   },function(){
      $j(this).parent().removeClass('open').find('div.klapcontent').animate({height:'hide',opacity:'hide'});
      inittotop();
   });
   
   // .uitklap lijst openhouden als er een vraag geopend wordt via een andere pagina
   var ID = 22; // hier ID inlezen via querystring
   var openvraag = '#vraag'+ ID;
   $j('#content ul.klaplijst ' + openvraag).trigger('click');
   
   // toon de backtotop-link als de site hoger is als het window
   inittotop();
   
   // tabel met wisselende rijkleur (class=rijentabel)
   $j('table.rijentabel tr:odd').addClass('alt');
   // tabel met wisselende kolomkleur (class=kolommentabel)
   $j('table.kolommentabel tr').find('td:even').addClass('alt');

   // aanpassen input-elementen
   $j('#content input[type="text"]').addClass('field');
   $j('#content input[type="password"]').addClass('field');
   $j('#content input[type="file"]').addClass('field');
   $j('#content textarea').addClass('field');
   $j('#content input[type="submit"]').addClass('button');
   $j('#content input[type="cancel"]').addClass('button');
   $j('#content input[type="button"]').addClass('button');
   $j('#content input[type="reset"]').addClass('button');
   
});