var $paneTarget = $('body');
		function js_function(a,b){
			alert('> ' + a + " " + b);
		}
		function upFunction(a,b){ // a is row, b is block
	   		if(a == '1'){		menuActive1();	}
	   		else if(a == '2'){	menuActive2();	}
	   		else if(a == '3'){	menuActive3();	}	   	
	   		var horPos = (a*495)-495;	
	   		verPos = (b * 355)-710;
	   		$('body').stop().scrollTo( {top:verPos,left:horPos}, 1000, { easing:'elasout' } );
	   		//
	   		//$('#titels').css({"background-color":"blue"});
	   		
	   		var test =((a-1)*-495) + 210;
	   		
	   		//moveMenubalk(test);	   		
	   		
	   		
		}
		function downFunction(a,b){
	   		if(a == '1'){		menuActive1();	}
	   		else if(a == '2'){	menuActive2();	}
	   		else if(a == '3'){	menuActive3();	}		
	   		var horPos = (a*495)-495;	   		
	   		verPos = b * 355;
	   		$('body').stop().scrollTo( {top:verPos,left:horPos}, 1000, { easing:'elasout'} );
	   		//
	   		//$('#titels').css({"background-color":"green"});	
	   		
	   		//var test = -((495*a) - 285);
	   		
	   		var test = ((a-1)*-495) + 210;
	   		
	   		//moveMenubalk(test);
	   		
	   		
	   		
	   		//$('#bl_1_1').stop().fadeTo( 'slow', 0.3)  		
	   	}
		function menuActive1(){
	   		$('#hor1').removeClass('leeg').addClass('active');
	   		$('#hor2').removeClass('active').addClass('leeg');
	   		$('#hor3').removeClass('active').addClass('leeg');
	   		$('#hor4').removeClass('active').addClass('leeg');
	   		//
	   		moveMenubalk(210);
	 		}
		function menuActive2(){
	   		$('#hor1').removeClass('active').addClass('leeg');
	   		$('#hor2').removeClass('leeg').addClass('active');
	   		$('#hor3').removeClass('active').addClass('leeg');
	   		$('#hor4').removeClass('active').addClass('leeg');
	   		//
	   		moveMenubalk(-285);
		}
		function menuActive3(){
	   		$('#hor1').removeClass('active').addClass('leeg');
	   		$('#hor2').removeClass('active').addClass('leeg');
	   		$('#hor3').removeClass('leeg').addClass('active');
	   		$('#hor4').removeClass('active').addClass('leeg');
	   		//
	   		moveMenubalk(-780);
		}
		function menuActive4(){
	   		$('#hor1').removeClass('active').addClass('leeg');
	   		$('#hor2').removeClass('active').addClass('leeg');
	   		$('#hor3').removeClass('active').addClass('leeg');
	   		$('#hor4').removeClass('leeg').addClass('active');
	   		//
	   		moveMenubalk(-1275);
		}
		function moveMenubalk(nmb){
			$('#titels').animate({
    			left: nmb
  				}, 750, function() {
    			// Animation complete.
  			});
		}
		
		
		$(document).ready(function() {  	
	   	//move the image in pixel
		var move = -30;
		
		//zoom percentage, 1.2 =120%
		var zoom = 1.2;
	
		//On mouse over those thumbnail
		$('.blok340').hover(function() {
			
			//Set the width and height according to the zoom percentage
			width = $('.item').width() * zoom;
			height = $('.item').height() * zoom;
			
			//Move and zoom the image
			//$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
			
			//Display the caption
			$(this).find('div.caption').stop(false,true).fadeIn(200);
		},
		function() {
			//Reset the image
			//$(this).find('img').stop(false,true).animate({'width':$('.item').width(), 'height':$('.item').height(), 'top':'0', 'left':'0'}, {duration:100});	
	
			//Hide the caption
			$(this).find('div.caption').stop(false,true).fadeOut(200);
		});

		  }); 	

