var obsidianNormal, obsidianHover;
var porcelain2Left, porcelain2Middle, porcelain2Right;
var selectedObsidianID = '';
var firstObsidianID = '';
var navTimer, navTimerRunning = false;
var oTimer, oTimerRunning = false;
var p2Timer, p2timerRunning = false;
var pageloaded = false;
var obs_Normal;
var obs_Hover;

function obsidianMouseOver(obsidianID) {
    document.getElementById(obsidianID).style.backgroundImage = 'url(' + obs_Hover.src + ')';
    if (document.getElementById(obsidianID + 'corrector') != null)
        document.getElementById(obsidianID + 'corrector').style.display = 'block';
    document.getElementById(obsidianID + 'Content').className = 'porcelain2Show';
    obsidianSubMenuOver(obsidianID);
}

function obsidianSubMenuOver(obsidianID) {
    if (document.getElementById(obsidianID + 'corrector') != null)
        document.getElementById(obsidianID + 'corrector').style.display = 'block';
    document.getElementById(obsidianID + 'Content').className = 'porcelain2Show';
    if (pageloaded) {
        if (document.getElementById(obsidianID + 'corrector') != null)
            document.getElementById(obsidianID + 'corrector').style.display = 'block';
        document.getElementById(obsidianID + 'Content').className = 'porcelain2Show';
        oTimer = setTimeout('obsidianOn(\'' + obsidianID + '\')', 150);
        oTimerRunning = true;
    }
}

function obsidianOn(obsidianID) {
    var oldIndex = parseInt(selectedObsidianID.replace('obsidian', '')) - 1;
    var newIndex = parseInt(obsidianID.replace('obsidian', '')) - 1;

    // unselect currently selected
    if (selectedObsidianID != null && selectedObsidianID != '') {
        var selectedObsidian = document.getElementById(selectedObsidianID);
    }
    // select new
    if (selectedObsidianID != null && selectedObsidianID != '') {
        var obsidianImage = document.getElementById(obsidianID);
        selectedObsidianID = obsidianID;
    }
}

function obsidianMouseOut(obsidianID) {
    if (document.getElementById(obsidianID + 'corrector') != null)
        document.getElementById(obsidianID + 'corrector').style.display = 'none';
    document.getElementById(obsidianID + 'Content').className = 'porcelain2hide';
    document.getElementById(obsidianID).style.backgroundImage = 'url(' + obs_Normal.src + ')';
    obsidianSubMenuOut(obsidianID);
}

function porcelain2Hide() {
    if (document.getElementById(obsidianID + 'corrector') != null)
        document.getElementById(obsidianOnID + 'corrector').style.display = 'none';
    document.getElementById(obsidianOnID).className = 'porcelain2hide';
}

function obsidianSubMenuOut(obsidianID) {
    if (document.getElementById(obsidianID + 'corrector') != null)
        document.getElementById(obsidianID + 'corrector').style.display = 'none';
    document.getElementById(obsidianID + 'Content').className = 'porcelain2hide';
    if (oTimerRunning)
        clearTimeout(oTimer);
    oTimerRunning = false;
}

function porcelain2MouseOver(porcelain2ID, parentID)
{
    if (p2timerRunning)
	    clearTimeout(p2Timer);
    var item = document.getElementById(porcelain2ID);
    item.className = 'porcelain2ItemSelected';
}

function porcelain2MouseOut(porcelain2ID) {
    p2Timer = setTimeout("turnOff('')",500);
    p2timerRunning = true;
    var item = document.getElementById(porcelain2ID);
    item.className = 'porcelain2Item';
}

function turnOff() {
    if (p2timerRunning)
        clearTimeout(p2Timer);
    p2timerRunning = false;
}

function relativePosition(currentObject, baseObjectID) {
    var totalLeft = 0;
    var totalTop = 0;
    if (currentObject.offsetParent) {
        totalLeft = currentObject.offsetLeft;
        totalTop = currentObject.offsetTop;
        if (baseObjectID == null) {
            while (currentObject = currentObject.offsetParent) {
                totalLeft += currentObject.offsetLeft;
                totalTop += currentObject.offsetTop;
            }
        }
        else {
            var found = false;
            while (!(found)) {
                currentObject = currentObject.offsetParent;
                if (currentObject.id == baseObjectID) {
                    found = true;
                }
                else {
                    totalLeft += currentObject.offsetLeft;
                    totalTop += currentObject.offsetTop;
                }
            }
        }
    }
    return [totalLeft, totalTop];
}

function handleDividerImages(porcelainID,turnOff,expireState)
{
    var dividerAfterID = porcelainID.replace('_porcelain', '_divider');
    var pIndex = parseInt(dividerAfterID.substring(dividerAfterID.length - 1, dividerAfterID.length));
    var from = '_divider' + pIndex;
    var to = pIndex - 1;
    to = '_divider' + to;
    var dividerBeforeID = dividerAfterID.replace(from, to);

    var firstDivider, secondDivider;
    var visValue = 'visible';
    var disValue = 'inline';
    if (turnOff) {
        visValue = 'hidden';
        disValue = 'none';
    }
    if (firstDivider = document.getElementById(dividerBeforeID)) {
        if (firstDivider.className != 'expired') {
            firstDivider.style.visibility = visValue;
        }
        if (expireState) { firstDivider.className = 'expired'; }
        else { firstDivider.style.display = disValue; }
    }
    if (secondDivider = document.getElementById(dividerAfterID)) {
        if (secondDivider.className != 'expired') {
            secondDivider.style.visibility = visValue;
        }
        if (expireState) { secondDivider.className = 'expired'; }
        else { secondDivider.style.display = disValue; }
    }
}

function revertNavigation()
{
    navTimer = setTimeout('revertFinal()',500);
    navTimerRunning = true;
}

function revertFinal()
{
    navTimerRunning = false;
    obsidianOn(firstObsidianID);
}

function cancelRevert()
{
    if (navTimerRunning)
    {
        navTimerRunning = false;
        clearTimeout(navTimer);
    }
}

function LoadNavigation()
{
    // preload Images

    obs_Hover = new Image();
    obs_Hover.src = '/slovakia/lib/templates/windowsmobile/images/navs/obs_cap.png';

    obs_Normal = new Image();
    obs_Normal.src = '/slovakia/lib/templates/windowsmobile/images/navs/obs_bkg.png';

    porcelain2Left = new Image();
    porcelain2Left.src = '/slovakia/lib/templates/windowsmobile/images/navs/por2_active_cap_lft.gif';
    porcelain2Middle = new Image();
    porcelain2Middle.src = '/slovakia/lib/templates/windowsmobile/images/navs/por2_active_bkg_span.gif';
    porcelain2Right = new Image();
    porcelain2Right.src = '/slovakia/lib/templates/windowsmobile/images/navs/por2_active_cap_rt.gif';
}