function onImageLoad( elm) {
    var classname = $(elm).attr("class");
    if (classname == "panel_image") {
	var img_preview = $("<div class='loader_section_wrapper'></div>");
	img_preview.append($(elm));
	//img_preview.css("display", "none");
	$("#loader_section").append(img_preview);
	//img_preview.slideDown("slow");  
    }
}

function preLoadandDisplay(data) {
  $("#loader").css("visibility", "visible");
  var h = $(data);
  $("img" , h ).whenLoaded(function(){
    $("#main_image").empty();
    $("#main_image").html(data);
    $("#loader").css("visibility", "hidden");
  }, onImageLoad );
}

function showFrontPage() {
  $("#loader").css("visibility", "visible");
  $.post("ajaxhandler.php", { "getHomeImages" : "main" },
      function(data){
	preLoadandDisplay(data);
    }, "html");  
}


//**************************************************************************
// Document ready function for initialising the main page 
$(document).ready(function() {
 
  $("a#contact").fancybox({ 
      frameWidth : 690, 
      frameHeight : 450,
      hideOnContentClick: false,
      overlayOpacity: 0.9,
      padding : 5
    } );

$("a#credit").fancybox({ 
      frameWidth : 690, 
      frameHeight : 450,
      hideOnContentClick: false,
      overlayOpacity: 0.9,
      padding : 5
    } );

  $("#portfolio_menu li table tr td a").click(function(e) {
      e.preventDefault();
      var portfolioName = $(this).text();
      $.post("ajaxhandler.php", { "getPortfolioImages" : portfolioName },
	  function(data){
	  $(document).stopTime("transition");
	  preLoadandDisplay(data);
	}, "html");
  });

  $("#services_menu li table tr td a").click(function(e) {
      e.preventDefault();
      var serviceName = $(this).text();
      $.post("ajaxhandler.php", { "getService" : serviceName },
	  function(data){
		  $("#main_image").empty();	    
	  	  $("#main_image").html(data);
	}, "html");   
  });

  $("#home_menu_item a").click(function(e) {
      e.preventDefault();
      showFrontPage();
  });
  
  
  showFrontPage();
});