var navPrefix = "ctl00_ctl00_";
var currentlyDisplayedImages = new Array();
var currentlyDisplayedImageNumber = 0;

function pageLoad()
{
}

/* Main Navigation */
function HoverMainNavItem(mniName)
{
    var mniItem = $get(navPrefix + "Mni" + mniName);

    if (mniItem && (-1 == mniItem.src.indexOf("StayActive")))
        mniItem.src = "Images/Layout/DotActive.png";
}

function UnhoverMainNavItem(mniName)
{
    var mniItem = $get(navPrefix + "Mni" + mniName);

    if (mniItem && (-1 == mniItem.src.indexOf("StayActive")))
        mniItem.src = "Images/Layout/Dot.png";
}

/* Meta Navigation */
function HoverMetaNavItem(metaNavName)
{
    var metaNavItem = $get(navPrefix + "MetaNavItem" + metaNavName);

    if (metaNavItem && (-1 == metaNavItem.src.indexOf("StayActive")))
        metaNavItem.src = "Images/Layout/MetaNav/" + metaNavName + "Active.png";
}

function UnhoverMetaNavItem(metaNavName)
{
    var metaNavItem = $get(navPrefix + "MetaNavItem" + metaNavName);

    if (metaNavItem && (-1 == metaNavItem.src.indexOf("StayActive")))
        metaNavItem.src = "Images/Layout/MetaNav/" + metaNavName + ".png";
}

/* Thumb Navigation */
var ThumbPath = "/Images/Layout/ThumbBorder/";
var ThumbPathParts = new Object();
ThumbPathParts["ThumbTL"] = "TopLeft";
ThumbPathParts["ThumbTR"] = "TopRight";
ThumbPathParts["ThumbBL"] = "BottomLeft";
ThumbPathParts["ThumbBR"] = "BottomRight";

function HoverThumb(carrierItem, thumbImageId, activeThumbImg)
{
    // Replace thumbnail.
    // [MB]
    var thumbImage = $get(thumbImageId);
    if (thumbImage && activeThumbImg)
        thumbImage.src = activeThumbImg;

    // Hover border.
    // [MB]
    for (var childNum = 0; childNum < carrierItem.childNodes.length; childNum++)
    {
        var ci = carrierItem.childNodes[childNum]
        if (ci.nodeType != 3)
        {
            if (ci.className.substring(0, 5) == "Thumb")
            {
                ci.src = ThumbPath + ThumbPathParts[ci.className] + "Active.png";
            }
        }
    }
}

function UnhoverThumb(carrierItem, thumbImageId, inactiveThumbImg)
{
    // Replace thumbnail.
    // [MB]
    var thumbImage = $get(thumbImageId);
    if (thumbImage && inactiveThumbImg)
        thumbImage.src = inactiveThumbImg;

    // Unhover border.
    // [MB]
    for (var childNum = 0; childNum < carrierItem.childNodes.length; childNum++)
    {
        var ci = carrierItem.childNodes[childNum]
        if (ci.nodeType != 3)
        {
            if (ci.className.substring(0, 5) == "Thumb")
            {
                ci.src = ThumbPath + ThumbPathParts[ci.className] + ".png";
            }
        }
    }
}

function ThumbSelectionClick(categoryName, thumbKey)
{
    www.pixelkaempferin.de.Services.ContentService._1._0.IContentService.GetContentConfig(categoryName, thumbKey, HandleLoadedThumbConfig, HandleError);
}

function HandleLoadedThumbConfig(e)
{
    if (e)
    {
        $get("ContentBodyHeadline").innerHTML = e.Headline;
        $get("ContentBodyDescription").innerHTML = e.Description;
        
        if (e.ImagePaths && (e.ImagePaths.length > 0))
        {
            currentlyDisplayedImageNumber = 0;
            currentlyDisplayedImages = e.ImagePaths;
            $get("ContentBodyImage").src = e.ImagePaths[0];

            // Show or hide navigation arrows.
            // [MB]
            $get("NavigationArrowLeft").style.display = "none";
            if (e.ImagePaths.length == 1)
            {
                $get("NavigationArrowRight").style.display = "none";
            }
            else
            {
                
                $get("NavigationArrowRight").style.display = "block";
            }
        }
    }
}

function HandleError(e)
{
    alert("ERROR" + e);
    debugger;
}


/* NAVIGATE TO IMAGES */
function ProceedToNextImage()
{
    if (currentlyDisplayedImages && (currentlyDisplayedImages.length > 1))
    {
        if ((currentlyDisplayedImages.length - 1) > currentlyDisplayedImageNumber)
        {
            currentlyDisplayedImageNumber++;
            $get("ContentBodyImage").src = currentlyDisplayedImages[currentlyDisplayedImageNumber];
        }

        $get("NavigationArrowRight").style.display = (currentlyDisplayedImageNumber >= (currentlyDisplayedImages.length - 1)) ? "none" : "block";
        $get("NavigationArrowLeft").style.display = (currentlyDisplayedImageNumber > 0) ? "block" : "none";
    }
}

function GoBackToLastImage()
{
    if (currentlyDisplayedImages && (currentlyDisplayedImages.length > 1))
    {
        if (currentlyDisplayedImageNumber > 0)
        {
            currentlyDisplayedImageNumber--;
            $get("ContentBodyImage").src = currentlyDisplayedImages[currentlyDisplayedImageNumber];
        }

        $get("NavigationArrowRight").style.display = (currentlyDisplayedImageNumber >= (currentlyDisplayedImages.length - 1)) ? "none" : "block";
        $get("NavigationArrowLeft").style.display = (currentlyDisplayedImageNumber > 0) ? "block" : "none";
    }
}