function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function loadjscssfile(filename, filetype){
 if (filetype=="js"){ //if filename is a external JavaScript file
  var fileref=document.createElement('script')
  fileref.setAttribute("type","text/javascript")
  fileref.setAttribute("src", filename)
 }
 else if (filetype=="css"){ //if filename is an external CSS file
  var fileref=document.createElement("link")
  fileref.setAttribute("rel", "stylesheet")
  fileref.setAttribute("type", "text/css")
  fileref.setAttribute("href", filename)
 }
 if (typeof fileref!="undefined")
  document.getElementsByTagName("head")[0].appendChild(fileref)
}

// brandbox gaat via body.onload
   function brandbox(){
         $j('#brandbox').insertBefore('#backrepeat');
         $j('#menu').append('<a id="showbrandbox" href=""></a>');
         $j('#showbrandbox').click(function(){
            if($j('#brandbox:visible').length){
               $j('#tekenaar').hide();
               $j('#brandbox').animate({opacity:'hide',height:'hide'},function(){
                  $j('#showbrandbox').removeClass('open').blur();
               });
            } else {
               $j('#brandbox').load('/design/brandbox.php',function(){
                  $j('#brandbox a').each(function(){
                     var bbimg = 'url('+$j('img',this).attr('src') +')';
                     bbimg = bbimg.replace('th/','');
                     var bburl = $j(this).css('backgroundImage',bbimg).attr('href');
                     $j(this).append('<span class="mask"></span>').find('img').remove();
                     $j('.mask', this).css('cursor','pointer').click(function(){
                        document.location = bburl;
                        return false;
                     }).ifixpng();
                  });
                  $j('#brandbox').append('<div id="tekenaar"><span></span></div>');
                  $j('#tekenaar').ifixpng();
                  $j('.home #showbrandbox').addClass('open');
               });
               $j('#brandbox').animate({opacity:'show',height:'show'},function(){
                  $j('#tekenaar').show();
               });
               $j(this).addClass('open').blur();
            }
            return false;
         });   
      $j('.home #showbrandbox').trigger('click');
   }


function ValidateForm(form){
	var emailID = form.email;
	var pass = true;
	if ((emailID.value==null)||(emailID.value=="")||(form.naam.value==null)||(form.naam.value=="")||(form.bericht.value==null)||(form.bericht.value=="")){
		alert("Vul a.u.b. de verplichte velden in");
		form.naam.focus();
		pass = false;
	}
	var emailRegEx = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+[a-zA-Z0-9]{2,4}$/;
	var str = emailID.value;
	if(pass&& !str.match(emailRegEx)){
		alert('Dit e-mailadres komt niet door de keuring');
		emailID.focus();
		pass = false;
	}
	if(pass){
	   form.submit();
	} else {
		return false;	
	}
}


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

         // menu
         $j('#hoofdmenu li .submenu').hide().parent().each(function(){
            $j('ol li:first', this).addClass('first');
         }).hover(function(){
            w = $j(this).width();
            m= w/2 - 223/2;
            $j('ol', this).css('marginLeft',m);
            $j(this).addClass("active");
            $j('ol', this).slideDown(200);
         },function(){
            $j(this).removeClass('active');
            $j('ol', this).stop().hide().removeAttr("style");
         });
			$j('#hoofdmenu li:first').attr('id','m1');

         // thumbnails in rechterkolom
         $j('.thumbs li').each(function(){
            var img = 'url('+$j('a img', this).remove().attr('src') +')';
            var url = $j('a:first', this).css('backgroundImage',img).attr('href');
            $j('a:first',this).after('<span class="mask"></span>');
            $j('.mask', this).css('cursor','pointer').click(function(){
               document.location = url;
               return false;
            });
         });

         //latest
         var latest = $j('a.showimage');
			if (latest.length){
				var latestlink = $j(latest).attr('href') +'/'+ $j(latest).attr('title');
				var l = latestlink.length-4;
				latestlink = latestlink.substring(0,l)+'.show';
				// illustratie-pagina
				$j(latest).click(function(){
					window.location = latestlink;
					return false;
				});
				// homepage
				var latestimg = 'url('+$j('img',latest).remove().attr('src') +')';
				if (!latestimg==""){
				   var latesturl = $j(latest).css('backgroundImage',latestimg).attr('href');
			      $j('#latestthumb .mask').css('cursor','pointer').ifixpng().click(function(){
					   window.location = latestlink;
					   return false;
				   });
				   $j('#latesttitel a.image').click(function(){
					   window.location = latestlink;
					   return false;
				   });
				};
			};
	
	// FAQ				
	$j('#faq div').hide().prev('h2').css('cursor','pointer').toggle(function(){
	   $j(this).addClass('open').next('div').slideDown();
	},function(){
	   $j(this).removeClass('open').next('div').slideUp();
	});

   // wallpapers
   $j('#wallpapers a').attr('target','blank');
   $j('a.newwindow').attr('target','blank');
	$j('#links a').attr('target','blank');
	
    // foto's met lightbox
   var thumbobject = $j('#contentcolumn')
   if ($j('.ajax', 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(".ajax", thumbobject).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('href');
         $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 imageurl = "../../design/loadajax.php?img="+ajaxurl;
			var str = window.location.toString();
			var domein = str.substring(0,str.indexOf("/illustraties"));
			var imageurl = domein+"/design/loadajax.php?img="+ajaxurl.replace('?','&');
         var imagecontainer = $j('#imagecontainer');
         imagecontainer.empty();
         var myImage = new Image();
         myImage.onload = getWidthAndHeight;
         myImage.src = ajaxurl;    
         function getWidthAndHeight() {
            this.onload = null;
            imagew = this.width;
            imageh = this.height;
            var imageboxh = imageh + 100;
            var imageboxw = imagew ;
            var margl = -imagew/2;
            var margh = -imageh/2;
				
				
            imagecontainer.animate({height:imageboxh,width:imageboxw,marginLeft:margl,marginTop:margh},function(){
               var ofst = imagecontainer.offset();
               var t = ofst.top;
               if (t<20){
                  t = imageh+margh+20;
                  imagecontainer.animate({top:t});
               }
               imagecontainer.load(imageurl,function(){
	               $j('#ajaximage',imagecontainer).fadeIn();
	               $j('#ajaxtekst',imagecontainer).slideDown();

               // navigatievlakken
               var navwidth =imagew/2;
               var index = $j(".ajax").index(org);
               var next = $j('.ajax:eq('+(index+1)+')');
               var righturl = next.attr('href');
					var navh = imageh+5;
               if (righturl){
                  $j('#imagedata',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:navh, left: navwidth}).click(function(){
                     loadlightbox(righturl,next); 
                  });
               };
               if (index>0){
                  var prev = $j('.ajax:eq('+(index-1)+')');
                  var lefturl = prev.attr('href');
                  if (lefturl){
                     $j('#imagedata',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:navh}).click(function(){
                        loadlightbox(lefturl,prev);
                     });
                  };
               }
               $j('#left a, #right a', imagecontainer).click(function(){
                  $j(this).parent().trigger('click');  return false;
               });
					// closebutton
					$j(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;
                  }
               });
					});
            }); 
         }                 
      }
      function CloseBox(){
         $j('#imagecontainer').empty().hide().attr('style','');
         $j('#black').fadeOut();
      }
   }
   // end lightbox   

	// trigger click on /image.show
	var str = window.location.toString();
	var show = str.substring(str.length-4);
	if (show=='show'){
		var img = str.substring(str.lastIndexOf('/')+1,str.length-5);
		$j('#galleriethumbs li a.ajax[href*='+img+']').trigger('click');
	}

   $j('#extracolumn .thumbs').fadeIn('slow');
	
	$j('#contact').submit(function(){
		ValidateForm(this);
		return false;
	});
	

});