/**
 * Javascript to use with our fancy main navigation on the start page.
 *
 * @author Jens Jahnke <jan0sch@gmx.net>
 * @version $Id: obotritia.js 98 2010-08-15 14:14:17Z jan0sch $
 */
var activeNavigation = 0;
/**
 * Loops through the main navigation elements and inserts images
 * into them that will be used to beautify it a bit.
 */
function enumerateNavigation() {
    var navi = document.getElementById("header-navigation-id");
    if (typeof(navi) !== 'undefined') {
        var list = navi.getElementsByTagName("a");
        if (typeof(list) !== 'undefined') {
            for (var i = 0; i < list.length; i++) {
                var savedHtml = list[i].innerHTML;
                var img = document.createElement("img");
                img.setAttribute("id", "header-navigation-" + (i + 1));
                img.setAttribute("src", "sites/all/themes/obotritia/img/start-navi-0" + (i + 1) + ".jpg");
                img.setAttribute("onmouseover", "highlightNavigation(event)");
                img.setAttribute("onmouseout", "dehighlightNavigation(event)");
                list[i].innerHTML = "";
                $(list[i]).append(img).append(savedHtml);
            } // for
        }
    }
}
/**
 * Returns the id of an element that gets the event.
 *
 * @param event An event object.
 * @return An attribute containing the id or <code>undefined</code>.
 */
function getHightligthedElementId(event) {
    if (typeof(event) !== 'undefined' && event !== null) {
        event = event || window.event;
        event = event.target || event.srcElement;
        return event.getAttribute("id");
    }
    return undefined;
}
/**
 * Returns the number that is embedded into the given id.
 *
 * @param id The id of the desired html element.
 * @return A number or <code>undefined</code>.
 */
function getNumberFromId(id) {
    var number = undefined;
    if (typeof(id) !== 'undefined' && id !== null) {
        var regex = /\b(\d)$/;
        var match = regex.exec(id);
        number = match[0];
    }
    return number;
}
/**
 * Change the picture on the element that gets the mouseover event.
 *
 * @param event An event object.
 */
function highlightNavigation(event) {
    if (typeof(event) !== 'undefined' && event !== null) {
        var id = getHightligthedElementId(event);
        if (typeof(id) !== 'undefined' && id !== null) {
            var item = document.getElementById(id);
            if (typeof(item) !== 'undefined' && item !== null) {
                var i = getNumberFromId(id);
                if (typeof(i) !== 'undefined' && i !== null) {
                    if (i !== activeNavigation) {
                        item.setAttribute("src", "sites/all/themes/obotritia/img/start-navi-0" + i + "-active.jpg");
                        activeNavigation = i;
                    }
                }
            }
        }
    }
}
/**
 * Changes the picture on the element that gets the mouseout event.
 *
 * @param event An event object.
 */
function dehighlightNavigation(event) {
    if (typeof(event) !== 'undefined' && event !== null) {
        var id = getHightligthedElementId(event);
        if (typeof(id) !== 'undefined' && id !== null) {
            var item = document.getElementById(id);
            if (typeof(item) !== 'undefined' && item !== null) {
                var i = getNumberFromId(id);
                if (typeof(i) !== 'undefined' && i !== null) {
                    item.setAttribute("src", "sites/all/themes/obotritia/img/start-navi-0" + i + ".jpg");
                    activeNavigation = 0;
                }
            }
        }
    }
}