var commonRules = 
{    
	'.actionLink' : function(element)
	{
	    element.onmouseover = function()
	    {
	        Element.setStyle(element, {cursor: 'pointer'});
	    }
	    
	    element.onmouseout = function()
	    {
	        Element.setStyle(element, {cursor: 'default'});
	    }
	 },
	
	'.comingSoon' : function (element)
	{
	    element.onclick = function ()
	    {
	       displayComingSoon();
	       return false;
	    }
	}
}

Behaviour.register(commonRules);

function displayComingSoon()
{
     Dialog.alert("<br/>Coming Soon...", 
             {windowParameters: {width:300, height:100}, okLabel: "OK"});
}

function setSelectedMenuImage(elementID)
{
    selectedImage = document.getElementsBySelector("#" + elementID + " img")[0];
    selectedImage.src = selectedImage.src.replace(".jpg", "_selected.jpg");  
}

function setSelectedMenuImageOnOver (elementID)
{
    selectedImage.src = selectedImage.src.replace("_selected.jpg", ".jpg"); 

    var currentOver = document.getElementsBySelector("#" + elementID + " img")[0];
    currentOver.src = currentOver.src.replace(".jpg", "_selected.jpg");  
    
    Element.setStyle(currentOver, {cursor: 'pointer'});
}

function setSelectedMenuImageOnOut (elementID)
{
    selectedImage.src = selectedImage.src.replace(".jpg", "_selected.jpg"); 

    var currentOver = document.getElementsBySelector("#" + elementID + " img")[0];
    currentOver.src = currentOver.src.replace("_selected.jpg", ".jpg");  
    
    Element.setStyle(currentOver, {cursor: 'default'});
}