if (document.images) 
{
   img1 = new Image();
   img2 = new Image();
   img3 = new Image();
   img4 = new Image();
   img1.src = "images/top_visual_1.jpg";
   img2.src = "images/top_visual_2.jpg";
   img3.src = "images/top_visual_3.jpg";
   img4.src = "images/top_visual_4.jpg";
}

$(document).ready(function(){
		
	$(".menu_link1").click(function () {
      $(".webdesign").slideToggle("slow");
    });
	
	$(".menu_link2").click(function () {
      $(".huisstijl").slideToggle("slow");
    });

	$(".menu_link3").click(function () {
      $(".grafischontwerp").slideToggle("slow");
    });
	
	$.fn.imgport = function () {
		$(".img_port").fadeTo("normal", 0.33); 
	}
		
	$.fn.imgport();
	
	$(function() {
		$('a.lightbox').lightBox({
			containerResizeSpeed: 300,
			txtImage: 'Plaatje',
			txtOf: 'van'
		})
	});
		
	$(function() {
		$('a.lightbox_port').lightBox({
			containerResizeSpeed: 300,
			txtImage: 'Plaatje',
			txtOf: 'van'
		})
	});
	
	var selected = 1;
	var clicked = false;
	var fade = "slow";
	var f1;
	var f2;
	var f3;
	var f4;
	var f5;
	$("#flash_small_blocks_1").fadeTo("slow", 0.33); 

	$.fn.small_blocks = function () {
		$("#flash_small_blocks_1").fadeTo("fast", 1.00); 
		$("#flash_small_blocks_2").fadeTo("fast", 1.00); 
		$("#flash_small_blocks_3").fadeTo("fast", 1.00); 
		$("#flash_small_blocks_4").fadeTo("fast", 1.00);
	}
	


	$(".img_port").mouseover(function () {
		$(this).fadeTo("fast", 1.00); 
	});
	
	$(".img_port").mouseout(function () {
		$(this).fadeTo("fast", 0.33); 
	});

    $("#flash_small_blocks_1").click(function () {
	  $.fn.stop_again();
	  if (selected != 1) {
	  $(".flash"+ selected +"").fadeOut(""+fade+"");
      $('.flash1').css("z-index", "2");
      $('.flash2').css("z-index", "1");
      $('.flash3').css("z-index", "1");
      $('.flash4').css("z-index", "1");
	  $('.flash1').fadeIn(""+fade+"");
	  $.fn.small_blocks();
	  $(this).fadeTo("slow", 0.33);
	  selected = 1;
	  }
	});
	
	$("#flash_small_blocks_2").click(function () {
	  $.fn.stop_again();
	  if (selected != 2) {
      $(".flash"+ selected +"").fadeOut(""+fade+"");
      $('.flash1').css("z-index", "1");
      $('.flash2').css("z-index", "2");
      $('.flash3').css("z-index", "1");
      $('.flash4').css("z-index", "1");
      $('.flash2').fadeIn(""+fade+"");
	  $.fn.small_blocks();
	  $(this).fadeTo("normal", 0.33);
	  selected = 2;
	  }
	});
	
	$("#flash_small_blocks_3").click(function () {
	  $.fn.stop_again();
	  if (selected != 3) {
      $(".flash"+ selected +"").fadeOut(""+fade+"");
      $('.flash1').css("z-index", "1");
      $('.flash2').css("z-index", "1");
      $('.flash3').css("z-index", "2");
      $('.flash4').css("z-index", "1");
	  $('.flash3').fadeIn(""+fade+"");
	  $.fn.small_blocks();
	  $(this).fadeTo("normal", 0.33);
	  selected = 3;
	  }
	});

	$("#flash_small_blocks_4").click(function () {
	  $.fn.stop_again();
	  if (selected != 4) {
      $(".flash"+ selected +"").fadeOut(""+fade+"");
      $('.flash1').css("z-index", "1");
      $('.flash2').css("z-index", "1");
      $('.flash3').css("z-index", "1");
      $('.flash4').css("z-index", "2");
      $('.flash4').fadeIn(""+fade+"");
	  $.fn.small_blocks();
	  $(this).fadeTo("normal", 0.33);
	  selected = 4;
	  }
	});
				
  	//$.fn.again = function () {
  	// f1 = setTimeout('$(".flash1").fadeOut("'+fade+'"); selected = 2; $(".flash2").fadeIn("'+fade+'"); $("#flash_small_blocks_2").fadeTo("slow", 0.33); $("#flash_small_blocks_1").fadeTo("slow", 1.00); $("#flash_small_blocks_3").fadeTo("slow", 1.00); $("#flash_small_blocks_4").fadeTo("slow", 1.00);', 4000);

	// f2 = setTimeout('$(".flash2").fadeOut("'+fade+'"); selected = 3; $(".flash3").fadeIn("'+fade+'"); $("#flash_small_blocks_3").fadeTo("slow", 0.33); $("#flash_small_blocks_1").fadeTo("slow", 1.00); $("#flash_small_blocks_2").fadeTo("slow", 1.00); $("#flash_small_blocks_4").fadeTo("slow", 1.00); ', 8000);

	// f3 = setTimeout('$(".flash3").fadeOut("'+fade+'"); selected = 4; $(".flash4").fadeIn("'+fade+'"); $("#flash_small_blocks_4").fadeTo("slow", 0.33); $("#flash_small_blocks_1").fadeTo("slow", 1.00); $("#flash_small_blocks_2").fadeTo("slow", 1.00); $("#flash_small_blocks_3").fadeTo("slow", 1.00);', 12000);

	// f4 = setTimeout('$(".flash4").fadeOut("'+fade+'"); selected = 1; $(".flash1").fadeIn("'+fade+'"); $("#flash_small_blocks_1").fadeTo("slow", 0.33); $("#flash_small_blocks_2").fadeTo("slow", 1.00); $("#flash_small_blocks_3").fadeTo("slow", 1.00); $("#flash_small_blocks_4").fadeTo("slow", 1.00);', 16000);
	
	// f5 = setTimeout('$.fn.again()', 16000);
	//};
	
	$.fn.stop_again = function () {
	  clearTimeout(f1);	
	  clearTimeout(f2);	
	  clearTimeout(f3);	
	  clearTimeout(f4);	
	  clearTimeout(f5);	
	}
	
	$.fn.again();
			
  });