var pagearray = new Array("coathooks","software","advies","technologie","referenties","links");
 
 $(document).ready(function(){
 
 var menuCoathooksOff = new Image();
 menuCoathooksOff.src = "images/MainMenuOff_21.jpg";
 var menuCoathooksOn = new Image();
 menuCoathooksOff.src = "images/MainMenuOn_21.jpg";
 var menuSoftwareOff = new Image();
 menuSoftwareOff.src = "images/MainMenuOff_23.jpg";
 var menuSoftwareOn = new Image();
 menuSoftwareOff.src = "images/MainMenuOn_23.jpg";
 var menuAdviesOff = new Image();
 menuAdviesOff.src = "images/MainMenuOff_25.jpg";
 var menuAdviesOn = new Image();
 menuAdviesOn.src = "images/MainMenuOn_25.jpg";
 var menuTechnologieOff = new Image();
 menuTechnologieOff.src = "images/MainMenuOff_39.jpg";
 var menuTechnologieOn = new Image();
 menuTechnologieOn.src = "images/MainMenuOn_39.jpg";
 var menuReferentiesOff = new Image();
 menuReferentiesOff.src = "images/MainMenuOff_41.jpg";
 var menuReferentiesOn = new Image();
 menuReferentiesOn.src = "images/MainMenuOn_41.jpg";
 var menuLinksOff = new Image();
 menuLinksOff.src = "images/MainMenuOff_43.jpg";
 var menuLinksOn = new Image();
 menuLinksOn.src = "images/MainMenuOn_43.jpg";
 var voorwaardenOff = new Image();
 voorwaardenOff.src = "images/footer_off_17.jpg";
 var voorwaardenOn = new Image();
 voorwaardenOn.src = "images/footer_on_17.jpg";
 var copyrightOff = new Image();
 copyrightOff.src = "images/footer_off_18.jpg";
 var copyrightOn = new Image();
 copyrightOn.src = "images/footer_on_18.jpg";
 var contactOff = new Image();
 contactOff.src = "images/footer_off_19.jpg";
 var contactOn = new Image();
 contactOn.src = "images/footer_on_19.jpg";

	$("#asynccontent").hide();
	HookHover();   
	HookClick();
 });
 
 
 function HookClick() {
 
 $("#header").click
 (function () {
      GoHome();
    });
 
 $("#menuCoathooks").click
	(function () {
	  FadeOutAll('menuCoathooks');
      $(this).fadeTo('medium',0,function (){
			FinishFadeOut('coathooks');
		});
    });
 $("#menuSoftware").click
	(function () {
	  FadeOutAll('menuSoftware');
      $(this).fadeTo('medium',0,function (){
			FinishFadeOut('software');
		});
    });
	 $("#menuAdvies").click
	(function () {
	  FadeOutAll('menuAdvies');
      $(this).fadeTo('medium',0,function (){
			FinishFadeOut('advies');
		});
    });
	 $("#menuTechnologie").click
	(function () {
	  FadeOutAll('menuTechnologie');
      $(this).fadeTo('medium',0,function (){
			FinishFadeOut('technologie');
		});
    });
	$("#menuReferenties").click
	(function () {
	  FadeOutAll('menuReferenties');
      $(this).fadeTo('medium',0,function (){
			FinishFadeOut('referenties');
		});
    });
	 $("#menuLinks").click
	(function () {
	  FadeOutAll('menuLinks');
      $(this).fadeTo('medium',0,function (){
			FinishFadeOut('links');
		});
    });
	$("#voorwaarden").click
	(function () {
	  FadeOutAll();
	  FinishFadeOut('voorwaarden');
    });
	$("#copyright").click
	(function () {
	  FadeOutAll();
	  FinishFadeOut('copyright');
    });
	$("#contact").click
	(function () {
	  FadeOutAll();
	  FinishFadeOut('contact');
    });

}
 
 function HookHover() {
 
  $("#menuCoathooks").hover(
      function () {
        $(this).css("background-image", "url(images/MainMenuOn_21.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/MainMenuOff_21.jpg)"); 
      }
    );

 $("#menuSoftware").hover(
      function () {
        $(this).css("background-image", "url(images/MainMenuOn_23.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/MainMenuOff_23.jpg)"); 
      }
    );

 $("#menuAdvies").hover(
      function () {
        $(this).css("background-image", "url(images/MainMenuOn_25.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/MainMenuOff_25.jpg)"); 
      }
    );

 $("#menuTechnologie").hover(
      function () {
        $(this).css("background-image", "url(images/MainMenuOn_39.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/MainMenuOff_39.jpg)"); 
      }
    );

 $("#menuReferenties").hover(
      function () {
        $(this).css("background-image", "url(images/MainMenuOn_41.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/MainMenuOff_41.jpg)"); 
      }
    );

 $("#menuLinks").hover(
      function () {
        $(this).css("background-image", "url(images/MainMenuOn_43.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/MainMenuOff_43.jpg)"); 
      }
    );
	
 $("#voorwaarden").hover(
      function () {
        $(this).css("background-image", "url(images/footer_on_17.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/footer_off_17.jpg)"); 
      }
    );

 $("#copyright").hover(
      function () {
        $(this).css("background-image", "url(images/footer_on_18.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/footer_off_18.jpg)"); 
      }
    );

 $("#contact").hover(
      function () {
        $(this).css("background-image", "url(images/footer_on_19.jpg)"); 
      }, 
      function () {
        $(this).css("background-image", "url(images/footer_off_19.jpg)"); 
      }
    );
  }

  function FadeOutAll(excluded) {
	if(excluded!='menuCoathooks')
	{
		$("#menuCoathooks").fadeTo("fast",0);	
	}
		if(excluded!='menuSoftware')
	{
		$("#menuSoftware").fadeTo("fast",0);	
	}
		if(excluded!='menuAdvies')
	{
		$("#menuAdvies").fadeTo("fast",0);	
	}
		if(excluded!='menuTechnologie')
	{
		$("#menuTechnologie").fadeTo("fast",0);	
	}
		if(excluded!='menuReferenties')
	{
		$("#menuReferenties").fadeTo("fast",0);	
	}
		if(excluded!='menuLinks')
	{
		$("#menuLinks").fadeTo("fast",0);	
	}
  }
  
  function FinishFadeOut(id) {
  	$("#menuCoathooks").fadeOut();	
	$("#menuSoftware").fadeOut();
	$("#menuAdvies").fadeOut();
	$("#menuTechnologie").fadeOut();
	$("#menuReferenties").fadeOut();
	$("#menuLinks").fadeOut();
	
	$("#menublock").hide();
	
	$("#asynccontent").load('content/' + id + '.html',
		function() { 
			ShowNewContent(id);
	});

  }

  function FadeInAll() {
	$("#menuCoathooks").fadeIn();
	$("#menuSoftware").fadeIn();
	$("#menuAdvies").fadeIn();	
	$("#menuTechnologie").fadeIn();	
	$("#menuReferenties").fadeIn();	
	$("#menuLinks").fadeIn();	
	
	$("#menublock").show();
		
	$("#menuCoathooks").fadeTo("medium",1);
	$("#menuSoftware").fadeTo("medium",1);
	$("#menuAdvies").fadeTo("medium",1);
	$("#menuTechnologie").fadeTo("medium",1);
	$("#menuReferenties").fadeTo("medium",1);
	$("#menuLinks").fadeTo("medium",1);

}

  function ShowNewContent(id) {
      $("#asynccontent").fadeIn("medium", function() {

          /* find prev en next content */
          var back = '';
          var next = '';

          for (x = 0; x < pagearray.length; x++) {
              if (pagearray[x] == id) {
                  if (x > 0) {
                      back = pagearray[x - 1];
                  }
                  if (x < pagearray.length - 1) {
                      next = pagearray[x + 1];
                  }
              }
          }

          /* back */
          if (back != '') {
              $("#asynccontent").find("#backbutton").click
				(function() {
				    $("#asynccontent").fadeOut("slow", function() {
				        $("#asynccontent").load('content/' + back + '.html',
					function() {
					    ShowNewContent(back);
					});
				    });
				});
              $("#asynccontent").find("#backbutton").show();
          }

          /* next */
          if (next != '') {
              $("#asynccontent").find("#nextbutton").click
				(function() {

				    $("#asynccontent").fadeOut("slow", function() {
				        $("#asynccontent").load('content/' + next + '.html',
					function() {
					    ShowNewContent(next);
					});
				    });

				});
              $("#asynccontent").find("#nextbutton").show();
          }
          else {
              $("#asynccontent").find("#nextspacer").show();
          }

          /* home */
          $("#asynccontent").find("#homebutton").click
			(function() {
			    GoHome();
			});
          $("#asynccontent").find("#homebutton").show();

          if (id == "contact") {
              $(".preview").click(function() {
                  $("#previewImg").attr("src", "images/details.png");
              });

          }
      });
	
}

function GoHome(){
	$("#asynccontent").slideUp('medium', function () {
	  $("#asynccontent").hide();
		FadeInAll();
	  });
}