var _images = new Array();
var _baseIndex = 0;

for(var i = 0; i < 5; i++)
{
    _images[i] = {Title : "", Image: new Image(), Thumbnail : new Image()};
}
//Menu
_images[0].Image.src = "";
_images[0].Title = "Imagination";
_images[0].Thumbnail.src = "/App_Themes/Generic/Images/logo-thumbnail.png";
//Weddings
_images[1].Image.src = "/App_Themes/Generic/Images/wedding.png";
_images[1].Title = "Weddings";
_images[1].Thumbnail.src = "/App_Themes/Generic/Images/wedding-thumbnail.png";
//Parties
_images[2].Image.src = "/App_Themes/Generic/Images/parties.png";
_images[2].Title = "Parties";
_images[2].Thumbnail.src = "/App_Themes/Generic/Images/parties-thumbnail.png";
//Corporate
_images[3].Image.src = "/App_Themes/Generic/Images/corporate.png";
_images[3].Title = "Corporate";
_images[3].Thumbnail.src = "/App_Themes/Generic/Images/corporate-thumbnail.png";
//Contact
_images[4].Image.src = "/App_Themes/Generic/Images/contact.png";
_images[4].Title = "Contact Us";
_images[4].Thumbnail.src = "/App_Themes/Generic/Images/contact-thumbnail.png";

function ShowImage(index)
{
    $get("imgSelection").src = _images[index].Image.src;
    $get("divText").style.display = "none";
    $get("divTitle").innerHTML = _images[index].Title;
    $get("divImage").style.display = "";
    //new Effect.Appear($get("divImage"), {duration:0.3});
    //$get("divImage").style.display = "";
}

function HideImage()
{
    //new Effect.Fade($get("divImage"), {duration:0.5});
    $get("divImage").style.display = "none";
    $get("divText").style.display = "";
    $get("divTitle").innerHTML = _images[_baseIndex].Title;
}

function InitPage(index)
{
    _baseIndex = index;
}

function FetchMenu(menu)
{
    MoreThanJustAnEvent.Services.FetchMenu(menu, OnFetchedMenu, OnFetchedMenuError, null);
}

function OnFetchedMenu(result, context)
{
    $get("divMenuContent").innerHTML = result;
    $get("pnlMenu").style.display = "";
}

function OnFetchedMenuError(error, context)
{
    alert(error.get_message());
}