////////////////////////////////////// functions ////////////////////////////////////// 

// Cookies needed for Font Resizer
function createCookie(name,value){ document.cookie = name+"="+value+"; path=/"; }
function eraseCookie(name){ createCookie(name,"",-1); }
function readCookie(name){
   var nameEQ = name + "=";
   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(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
   }
   return null;
}

function sendfriend(lan, pageurl){
	var u = escape(top.window.location.href);
	window.open('/lisse.net?id=2894','sendfriend','width=1024,height=768');
	return false;
}
function openWindow(url){
	window.open(url,'_blank','toolbar=no,menubar=no,resizable=yes,location=no,status=yes');
}

function equalHeight(){
   // geef blokken binnen .si_equalheight dezelfde hoogte
   $j("#top .si_equalheight .sml_box").css('height','');
   $j("#top .si_equalheight").each(function(){
      var hoogte = 0;
      $j('.sml_box',this).each(function(){
         hoogteN = $j(this).height();
         if (hoogteN > hoogte){hoogte = hoogteN;};
      })  
      $j('.sml_box',this).height(hoogte);
   })
}


////////////////////////////////////// onLoad ////////////////////////////////////// 

var $j = jQuery.noConflict();  
$j(document).ready(function(){

      
  // FONT RESIZER
  // edit configuration
  var container = $j('#top'); // outer div, containing the site
  var baseFontSize = '0.7em'; // set base font-size same as css
  var maxSize = 1.1;            // max fontsize in em
  var minSize = 0.5;          // min fontsize in em
  var stepSize = 0.1;         // increase/decrease by steps of 0.1
  function resetpage(){ // functies die uitgevoerd worden na het resizen
   	// location.reload();  // refreshen om divs te herpositioneren
   	equalHeight();
  }
  // end configuration
  var fontsizeContainer = $j('#fontSize').show(); // show de fontsize-links
  var sFontSize = readCookie('font');
  if (sFontSize) {
      container.css('fontSize', sFontSize+ 'em'); 
      if (sFontSize*(1+stepSize) > maxSize){ $j(".FontSizeInc",fontsizeContainer).css('opacity','0.1');  }
      if (sFontSize*(1-stepSize) < minSize){ $j(".FontSizeDec",fontsizeContainer).css('opacity','0.1');  }
  } else { // set base fontsize
      $j('#top').css('fontSize',baseFontSize);
  }
  // reset FontSize
  $j(".FontSizeReset",fontsizeContainer).click(function(){
    container.css('fontSize', baseFontSize);
    $j("span",fontsizeContainer).css('opacity','');
    eraseCookie("font");
    resetpage();
    return false;
  });
  // Increase Font Size
  $j("#fontBigger",fontsizeContainer).click(function(){
    var newFontSize = parseFloat(container.css('fontSize'), 10) * (1+stepSize);
    if (newFontSize > maxSize){
       $j("#fontBigger",fontsizeContainer).css('opacity','0.1');
    } else {
       $j("span",fontsizeContainer).css('opacity','');
       container.css('fontSize', newFontSize+ 'em');
       createCookie("font", newFontSize);
       resetpage();
    }
    return false;
  });
  // Decrease Font Size
  $j("#fontSmaller",fontsizeContainer).click(function(){
    var newFontSize = parseFloat(container.css('fontSize'), 10) * (1-stepSize);
    if (newFontSize < minSize){
       $j("#fontSmaller",fontsizeContainer).css('opacity','0.1');
    } else {
       $j("span",fontsizeContainer).css('opacity','');
       container.css('fontSize', newFontSize+ 'em');
       createCookie("font", newFontSize);
       resetpage();
    }
    return false;
  });


   // initieer menu
   equalHeight();
   
   $j('span#print').before('<a href="#" onclick="window.print();return false;"><img src="/designs/lisse/icons/printpagina.gif" class="contentreactie" alt="" /> print dit artikel</a>').remove();
   
   // pagefunctions alleen via javascript tonen
   var pagefunctions = $j('#top #el_paginafuncties');
   pagefunctions.show();
   //$j('#sendafriend',pagefunctions ).click(function(){  sendfriend(this.className,this.href);   return false; });
   

  // uitklapmenu voor nested ul's (sitemap)
  $j('#top .uitklap ul').hide().parent().addClass('parent').prepend('<a href="#" class="openchild"></a>');
  $j('#top .uitklap li.parent .openchild').toggle(function(){
      $j(this).parent().addClass('open').find('ul:first').animate({height:'show',opacity:'show'},'fast');
	  return false;
  },function(){
      $j(this).parent().removeClass('open').find('ul:first').slideUp('fast');
	  return false;
  });
 
  
  // uitklaplijst voor foldout-itemlist
  $j('#top .foldout .foldcontent').hide().prev('h2').addClass('foldouttitle').toggle(function(){
    $j(this).next('.foldcontent').slideDown();
  },function(){
    $j(this).next('.foldcontent').slideUp();
  });
   
   // link in new window
   $j('#top a.newwindow').click(function() { window.open(this.href); return false; });


    // foto's met lightbox
   var thumbobject = $j('#top')
   if ($j('.lightbox', thumbobject).length){      
      // maak achtergrond en container DIV
      $j('body').append('<div id="black"></div><div id="imagecontainer"></div>');
      var toph = $j('#top').outerHeight(true) + $j('#footer').outerHeight(true);      // hoogte website
      var windowh = $j(window).height();   // hoogte browserwindow
      var windoww = $j(window).width();    // breedte van browserwindow
      $j(".lightbox", thumbobject).css('cursor','pointer').click(function(){
         windowh = $j(window).height();   // hoogte browserwindow
         windoww = $j(window).width();    // breedte van browserwindow
         var scrollh = $j(window).scrollTop();  // verticale scrollafstand 
         var ictop = windowh/2 + scrollh - 25;         // top-positie van ImageContainer
         if (toph > windowh){var blackh=toph;}else{var blackh=windowh;}
         var org = $j(this);
         var imageurl = org.attr('src');
         $j('#black').css('height',blackh).css('opacity','0.8').fadeIn(function(){
            $j('#imagecontainer').css({height:'10px',width:'10px',marginLeft:'-5px',top:ictop}).fadeIn('fast',function(){
               loadlightbox(imageurl,org);
            });
         }).click(function(){
            CloseBox();
         });
         return false;
      });      
      // open en laad de lightbox
      function loadlightbox(ajaxurl,org){
         var imagecontainer = $j('#imagecontainer')
         imagecontainer.empty();
         var pos = ajaxurl.lastIndexOf('?');
         if (pos>0){
            ajaxurl = ajaxurl.substring(0,pos);
         }
         var myImage = new Image();
         myImage.onload = getWidthAndHeight;
         myImage.src = ajaxurl;             
         function getWidthAndHeight() {
            this.onload = null;
            var maxw = windoww - 50;
            var maxh = windowh - 90;
            imagew = this.width;
            imageh = this.height;
            if (imagew > maxw){
              imageh=(maxw/imagew)*imageh;
              imagew=maxw;
            }
            if (imageh > maxh){
              imagew=(maxh/imageh)*imagew;
              imageh=maxh;
            }
            var imageboxh = imageh + 40;
            var imageboxw = imagew + 20;
            var margl = -imagew/2;
            var margh = -imageh/2;
            imagecontainer.animate({height:imageboxh,width:imageboxw,marginLeft:margl,marginTop:margh},function(){
               // plaats title attr als bijschrift
               var text = org.attr('title');
               var alttext = org.attr('alt');
               if (text==""){text=alttext;}
               if (text){
                  imagecontainer.append('<div id="ajaxtekst">'+text+'</div>');
               }
               var texth = imageboxh + $j('#ajaxtekst',imagecontainer).outerHeight();
               imagecontainer.animate({height:texth});
               var ofst = imagecontainer.offset();
               var t = ofst.top;
               if (t<20){
                  t = imageh+margh+20;
                  imagecontainer.animate({top:t});
               }
               imagecontainer.prepend('<img src="'+ajaxurl+'?hid=img;mxw='+maxw+';mxh='+maxh+'" alt="" />');
               // navigatievlakken
               var navwidth =imagew/4;
               var index = $j(".lightbox").index(org);
               var next = $j('.lightbox:eq('+(index+1)+')');
               var righturl = next.attr('src');
               if (righturl){
                  imagecontainer.append('<div id="right"><a href="#">volgende &raquo;</a></div>');
                  $j('#right',imagecontainer).hover(function(){
                     $j(this).addClass('hover');
                  },function(){
                     $j(this).removeClass('hover');
                  }).css({width:navwidth, paddingTop:imageh, left: 3*navwidth+10}).click(function(){
                     loadlightbox(righturl,next); 
                  });
               };
               if (index>0){
                  var prev = $j('.lightbox:eq('+(index-1)+')');
                  var lefturl = prev.attr('src');
                  if (lefturl){
                     imagecontainer.append('<div id="left"><a href="#">&laquo; vorige</a></div>');
                     $j('#left',imagecontainer).hover(function(){
                        $j(this).addClass('hover');
                     },function(){
                        $j(this).removeClass('hover');
                     }).css({width:navwidth, paddingTop:imageh}).click(function(){
                        loadlightbox(lefturl,prev);
                     });
                  };
               }
               $j('#left a, #right a', imagecontainer).click(function(){
                  $j(this).parent().trigger('click');  return false;
               });
               imagecontainer.append('<a id="close" href="#">x</a>');
               $j('#close',imagecontainer).show().css('opacity','0.5').click(function(){
                  CloseBox(); return false;
               }).hover(function(){ $j(this).css('opacity','1');},function(){ $j(this).css('opacity','0.5');});
               // keybindings
               $j(document).unbind('keydown').keydown(function(e){  
                  switch(e.keyCode) { 
                     case 37: // User pressed "left" arrow
                         $j('#left').trigger('click');
                     break;
                     case 39: // User pressed "right" arrow
                        $j('#right').trigger('click');
                     break;
                     case 27: // User pressed "Esc"
                        CloseBox();
                     break;
                  }
               });
               $j('#ajaximage',imagecontainer).fadeIn();
               $j('#ajaxtekst',imagecontainer).slideDown();
            }); 
         }                 
      }
      function CloseBox(){
         $j('#imagecontainer').empty().hide().attr('style','');
         $j('#black').fadeOut();
      }
   }
   // end lightbox   

	// Addthis icons
	$j('body').append('<div class="addthis_toolbox addthis_default_style"><a class="addthis_button_twitter"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_hyves"></a> <a class="addthis_button_linkedin"></a><a class="addthis_button_email"></a>  <a href="http://www.lisse.nl/Def/(42007)-RSS.html" title="RSS feeds"><img src="/images/rss16x16.gif" alt="" /></a></div><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4ea5304c7986197d"></script>');
	$j('div.addthis_toolbox').css({'position':'absolute','top':'205px','left':'0','margin-left':'710px','white-space':'nowrap'});
	$j('div.addthis_toolbox a[title="RSS feeds"]').css({'margin-left':'2px'});


});