// JavaScript Document
if (document.images)
{
  pic1= new Image(); 
  pic1.src="images/menu-home-clicked.jpg";

  pic2= new Image(); 
  pic2.src="images/menu-profile-clicked.jpg"; 

  pic3= new Image(); 
  pic3.src="images/menu-artwork-clicked.jpg"; 
  
  pic4= new Image(); 
  pic4.src="images/menu-webDesign-clicked.jpg";
}

function updatepage(transport){
    document.getElementById("data").innerHTML = transport.responseText;
    Lightbox.prototype.updateImageList();
}

function ajaxRequest(url)   {
    document.getElementById("data").innerHTML = 
        "<div style=\"text-align: center; vertical-align: middle; padding-top: 200px;\"><img src=\"images/loading.gif\" /></div>";
    
    new Ajax.Request(url, {
      method: 'get',
      onSuccess: updatepage
    });
}

function openPage(page)	{
    ajaxRequest(page);
}

function showProfileImg(imgId)   {
    document.getElementById("bigImage").innerHTML = "<img src=\"" + imgId + "\" />";
}