////////////////////////////////////// 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.65em';
      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();
      // location.reload();  // hele pagina refreshen
  }
};


function setmenu(){
   if($j('#menu.horizontal').length){
         $j('#menu.horizontal #hoofdmenu>li .submenu').each(function(){
            // reset
            $j('li:first',this).add(this).attr('style','');
            //verplaats submenu's zodat ze onder de link komen te staan
            var xli = $j(this).parent().position();          // x-offset menulink
            var wli = $j(this).parent().outerWidth()/2;  // halve breedte menulink
            var x = xli.left + wli;                                // midden menulink
            var wsub = $j(this).width();                      //breedte submenu
            var wa = 0;                                             // breedte alle links in submenu
            $j('a',this).each(function(){
               wa += $j(this).outerWidth();
            });            
            var m = x - (wa/2) - 10;                                   // marge = midden menulink - helft breedte alle links
            marge = Math.max(0,m);                           // marge altijd > 0
            if((wa+marge+20)>=wsub){                      // marge altijd < breedte submenu
               marge  = wsub - wa;
               marge  = Math.max(0,marge);
            };
            if ((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined)&&m>0){marge=marge/2};  //IE6 check + css-bugfix
            $j('li:first',this).css('marginLeft',marge );
            $j(this).hide().css('top','auto');
            $j(this).parent().hover(function(){
               $j(this).addClass("active");
               $j('ol', this).slideDown(200);
            },function(){
               $j(this).removeClass('active');
               $j('ol', this).stop().attr("style","top:auto").hide();
            });       
         });
   }
   if($j('#menu.vertical').length){
         $j('#menu.vertical #hoofdmenu>li').hover(function(){
            $j(this).addClass("active");
            $j('ol', this).slideDown(200);
         },function(){
            $j(this).removeClass('active');
            $j('ol', this).stop().hide().removeAttr("style");
         });   
   }
}


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

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

var $j = jQuery.noConflict();  
$j(document).ready(function(){
      
   // font resizer
   sitefunctions.textresize();
   
   // voeg printlink toe
   $j('#printlink').html('<a href="javascript:print();" id="print">Print</a>');

   // initieer menu
   setmenu();  
  
   // pagefunctions alleen via javascript tonen
   var pagefunctions = $j('#columnwrapper #el_paginafuncties');
   pagefunctions.show();
   //$j('#sendafriend',pagefunctions ).click(function(){  sendfriend(this.className,this.href);   return false; });
   
   $j('#print',pagefunctions ).click(function(){print(); return false;});

  // uitklapmenu voor nested ul's (sitemap)
  $j('#columnwrapper .uitklap ul').hide().parent().addClass('parent').toggle(function(){
      $j('ul:first',this).slideDown('fast');
      $j(this).addClass('open');
  },function(){
      $j('ul:first',this).slideUp('fast');
      $j(this).removeClass('open');
  });
  $j('#columnwrapper .uitklap a').click(function(){
      document.location = $j(this).attr('href');
  });
  
  // uitklaplijst voor itemlist (FAQ)
  $j('#columnwrapper .foldout .foldcontent').hide().prev('h3.title').css('cursor','pointer').toggle(function(){
    $j(this).next('.foldcontent').slideDown();
  },function(){
    $j(this).next('.foldcontent').slideUp();
  });
   
   // link in new window
   $j('.gridrow a.newwindow, .tweet_list a').live('click',function() { window.open(this.href); return false; });

   // inlogblok
   $j('#LoginPane').hide();
   $j('#inloglink').toggle(function(){
	$j('#LoginPane').slideDown().find('input:first').focus();
	 return false;
  },function(){
	$j('#LoginPane').slideUp();
	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(){
         toph = $j('#top').outerHeight(true) + $j('#footer').outerHeight(true);      // hoogte website
         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').click(function(){
                  CloseBox(); return false;
               })
			   $j(imagecontainer).mouseover(function(){ $j('#close').css('opacity','0.5');}).mouseout(function(){ $j('#close').css('opacity','0');});
               // 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   

   
   // klapcontent op klantcase   
   if ((window.XMLHttpRequest == undefined) && (ActiveXObject != undefined)){}else{
	   $j('#foldoutbox h2').addClass('foldheader').each(function(){
	      var collection = $j('#doesnotExist'); // Empty collection of Elements
	      $j(this).nextAll().each(function(){ // Traverse all siblings
	         if($j(this).hasClass("foldheader")){
	            return false; // Break Loop
	         } else {
	            collection = collection.add(this); // Add Sibling to Collection
	         }
	       });      
	      collection.wrapAll('<div class="foldout"></div>');
	      $j(this).css('cursor','pointer').click(function(){
	         $j(this).parent().find('div.foldout').not($j(this).next('.foldout')).slideUp();
			 $j(this).parent().find('h2.open').removeClass('open');
	         $j(this).addClass('open').next('.foldout').animate({height:'show'});
	      }).next('.foldout').hide();
	   })   
	   $j('#foldoutbox h2:first').trigger('click');
   };
   
   
   // klapcontent op event en training
   $j('#contentblok1.hidemoreinfo h2:last').not('.pageTitle').addClass('foldheader').each(function(){
      var collection = $j('#doesnotExist'); // Empty collection of Elements
      $j(this).nextAll().each(function(){ // Traverse all siblings
         if($j(this).hasClass("foldheader")){
            return false; // Break Loop
         } else {
            collection = collection.add(this); // Add Sibling to Collection
         }
       });      
      collection.wrapAll('<div class="moreinfo"></div>');
	  $j(this).next('.moreinfo').hide();
      $j(this).css('cursor','pointer').toggle(function(){
         $j(this).addClass('open').next('.moreinfo').animate({height:'show'});
      },function(){
	  	$j(this).addClass('open').next('.moreinfo').animate({height:'hide'});
	  });
   })   
   
   //oplossingen filter
   if($j('#oplosfilter').length){
   		var filter = $j('#oplosfilter');
		var oplossingen = $j('#oplossinglijst');
		$j('input',filter).change( function(){
			var sector = $j("input:checked",filter).attr('id');
			$j("label.active",filter).removeClass('active');
			$j("input:checked",filter).next('label').addClass('active');
			if (sector == "alle"){
				$j('.item:hidden',oplossingen).show();
			} else{
				$j('.item a.more',oplossingen).not('.more[href*="'+sector+'/"]').parent().hide('fast');
				$j('.item a.more[href*="'+sector+'/"]',oplossingen).parent().show('fast');
			}
			$j(this).blur();
		})
   }
   
   
   $j('ul .item .thumbnail').each(function(){
  		var bi = $j('img',this).attr('src');				
		$j('img',this).css({opacity:0});
		$j(this).css('backgroundImage','url('+bi+')');
		if($j(this).attr('style')==""){
			$j('img',this).css({opacity:''});
		}
   })
   
   
   var oplossingen = $j('#oplosoverzicht .oplossing, #oplosoverzichtbranche .oplossing');
   oplossingen.addClass('closed').find('p').hide();
   oplossingen.hover(function(){
   		$j(this).addClass('open').find('p').slideDown();
   },function(){
   		$j(this).removeClass('open').find('p').slideUp();
   })
   
   
   // IE6
   
   $j('#navshadow, #brandboxblok,#el_image img, #klantcasepic img').ifixpng();
   
   
   
   
   
});