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

var sitefunctions = {   
   // font resizer
   textresize : function(){
      var fontsizeContainer = $j("#FontSize"); // div waar de links in staan
      $j(fontsizeContainer).css('display','inline-block');
      var $cookie_name = "SmartInstant-LetterFormaat";
      var originalFontSize = '0.75em'; // gelijk aan css waarde!
      var smallFontSize = '0.5em';
      var bigFontSize = '0.85em';
      var $getSize = $j.cookie($cookie_name);
      if($getSize) {
            $j("#top,#footer").css({fontSize : $getSize }); 
      }
      // reset link - reset cookie
      $j(".FontSizeReset", fontsizeContainer).click(function(){
            $j("#top,#footer").css("font-size", '');
            $j.cookie($cookie_name, null,{path: '/'}); 
             sitefunctions.resetpage();
            return false;
      });
      // +link
      $j(".FontSizeInc", fontsizeContainer).click(function(){
         $j("#top,#footer").css("font-size", bigFontSize);
         $j.cookie($cookie_name, bigFontSize,{path: '/'});
         sitefunctions.resetpage();
         return false;
      });
      // -link
      $j(".FontSizeDec", fontsizeContainer).click(function(){
         $j("#top,#footer").css("font-size", smallFontSize);
         $j.cookie($cookie_name, smallFontSize,{path: '/'});
         sitefunctions.resetpage();
         return false;
      });
  },
  // functies die herhaald moeten worden na font-resizen
  resetpage : function(){
      setmenu();
	  equalHeight();
	  equalHeightColumn();
      // location.reload();  // hele pagina refreshen
  }
};


function setmenu(){
// vertical menu
          $j('#navigation .vertical>ol>li').hover(function(){
            $j(this).addClass("active");
            $j('ol', this).slideDown(200);
         },function(){
            $j(this).removeClass('active');
            $j('ol', this).stop().hide().removeAttr("style");
         });   
// horzontal menu
         var wtop = 0;
         $j('#navigation .horizontal>ol>li').each(function(){
            // reset
            $j('li:first',this).attr('style','');
            wtop = $j(this).parent().width();         //breedte #menu
            //verplaats submenu's zodat ze onder de link komen te staan
            var xli = $j(this).position();            // x-offset menulink    
            margeL = xli.left;
            var wa = 0;                               // breedte alle links in submenu
            $j('ol li a',this).each(function(){
               wa += $j(this).outerWidth();
            }); 
            var wli = $j(this).outerWidth()/2;        // halve breedte menulink
            var x = xli.left + wli;                   // midden menulink
            var m = x - (wa/2);                        // marge = midden menulink - helft breedte alle links
            margeL = Math.max(0,m);                     // marge altijd > 0
            if((wa+margeL)>=wtop){                      // marge altijd < breedte submenu
               margeL  = wtop - wa;
               margeL  = Math.max(0,margeL);
            };
            if ((wa + margeL)>wtop){margeL = wtop - wa;}// marge + submenu altijd <= aan breedte menu
            if ((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined)&&m>0){margeL=margeL/2};  //IE6 check + css-bugfix
            $j('ol li:first',this).css('marginLeft',margeL );
            $j('ol',this).css({width:wtop});      // css positioned alles top:-1000px om de breedtes te kunnen berekenen
         });
         $j('#navigation .horizontal>ol>li').hover(function(){
            $j(this).addClass("active");
			$j('#navigation li.on>a').removeClass('hi');
			$j('#navigation .horizontal>ol>li').not(this).find('ol.submenu:first').removeAttr("style").css({width:wtop,top:'-1000px'});
            $j('ol', this).css('top','auto');
			
         },function(){
            $j(this).removeClass('active');
			$j('#navigation li.on>a').addClass('hi');
            $j('ol', this).stop().hide().removeAttr("style").css({width:wtop});
			$j('#navigation .horizontal>ol>li.on ol').css('top','auto');
         });   
		$j('#navigation .horizontal>ol>li.on ol').css('top','auto');
// doormat menu
         wtop = $j('#navigation .doormat').width(); 
         htop = $j('#navigation .doormat ol:first').outerHeight(); 
		 $j('body').addClass('doormatmenu');
		 $j('#doormat').remove();
         $j('#navigation .doormat').prepend('<div id="doormat" style="top:'+htop+'px"></div>');
         $j('#navigation .doormat .submenu').each(function(){
            var xli = $j(this).parent().position();
            var ws =  $j(this).outerWidth();
            if ((xli.left+ws)>wtop){
               $j(this).parent().addClass('popleft');
            }
         })
         // var h = 100;
         $j('#navigation .doormat>ol>li').hover(function(){
            $j(this).addClass("active");
            var sub = $j('.submenu',this);
			if(sub.length){
	            h = sub.css('marginTop','-1000px').show().outerHeight();
	            $j('#doormat').stop().addClass('open').css('paddingBottom','').animate({height:(h)},'fast',function(){
	               sub.css('marginTop','');
	            });
			}
         },function(){
            $j(this).removeClass('active');
            $j('.submenu',this).hide();
            $j('#doormat').stop().animate({height:'0',paddingBottom:'0'},function(){
				$j(this).removeClass('open');
			});
         });
         $j('#navigation .doormat').mouseleave(function(){
            $j('#menu .active').removeClass('active').find('.submenu').hide();
            $j('#doormat').stop().animate({height:'0',paddingBottom:'0'},function(){
				$j(this).removeClass('open');
			});
         });
         $j('#navigation .subinfo li li a').hover(function(){
            $j(this).next('.submenuinfo').css('height',h).show();
         },function(){
            $j(this).next('.submenuinfo').hide();
         })
}


function sendfriend(lan, pageurl){
	var u = escape(top.window.location.href);
	window.open('/hoorn.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);
   })
}

function equalHeightColumn(){
    $j("#gridcontent .gridrow>div").css('minHeight','');
	$j("#gridcontent .gridrow").each(function(){
		var hoogte = 0;
		$j(this).children().not('.cleargrid').each(function(){
		    hoogteN = $j(this).height();
		    if (hoogteN > hoogte){hoogte = hoogteN;};
		})
		$j(this).children().not('.cleargrid').css('minHeight',hoogte);
	})
}


// timers voor carrousel op homepage
var c=0;
var x=0;
var t;
var timer_is_on=0;
var speed = 3000;
function timedCount(){
   var aantal = $j('#highlight li').length-1;   
   $j('#highlight li.active').removeClass('active');
   $j('#highlight li:eq('+c+')').addClass('active');
   // repeat na X images
   if (c==aantal){c=0;} else { c=c+1;};
   t=setTimeout("timedCount()",speed);
}
function doTimer(){
   if (!timer_is_on){
     timer_is_on=1;
     timedCount();
   }
}
function stopCount(){
   clearTimeout(t);
   timer_is_on=0;
}  



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

var $j = jQuery.noConflict();  
$j(document).ready(function(){
      
   // font resizer
   sitefunctions.textresize();

   // initieer menu
   setmenu();  
   equalHeight();
   
   // maak verticale colomlijnen
   $j('#gridcontent .gridrow>div:gt(0)').not('.cleargrid').addClass('linev');
   // haal de colomlijnen van de linkerblokken weer weg
   $j('#gridcontent .gridrow>div:eq(4)').not('.cleargrid').removeClass('linev');
   $j('#gridcontent .gridrow>div:eq(8)').not('.cleargrid').removeClass('linev');
   
   // 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; });
   
   $j('span#print').before('<a href="javascript:p'+'rint();" id="p'+'rint" class="p'+'rint">Print</a>').remove();
   $j('#print',pagefunctions ).click(function(){ print(); 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   

   
   
   /* News Homepage */
   if($j('#highlight li').length > 0)
   {
      $j('#highlight li').hover(function(){
      stopCount();
      $j('#highlight li.active').removeClass('active');
      $j(this).addClass('active');
   },function(){
   		$j(this).removeClass('.active');
      	t=setTimeout("doTimer()",speed);
   }).each(function(x){
      var bp  = '0px '+(-62*x)+'px';
      $j('span.arrow',this).css('backgroundPosition',bp);
   })
   timedCount();
   }
   
   window.setTimeout(equalHeightColumn, 1000);   
   
   $j('#gridcontent a, #gridcontent input, span').click(function() {
	  window.setTimeout(equalHeightColumn, 1000);   
   });
   
   
   

   
});