/*
* Load button images when page is finnished loading
* @version 21jul2009
*/
$(document).ready(function() {
    addButtonWrappers();
    buttonEndings();
    buttonImages();
});

/*
* Set classes of buttons when mouse hover
* @version 21jul2009
*/
function onMouseHoverClasses(sender) {
    if (sender != null) {
        var buttonEnd = sender.nextSibling;
        sender.className = "buttonImageHover"
        buttonEnd.className = "buttonEndingHover";
    }
}

/*
* Set classes of buttons when mouse pressed
* @version 21jul2009
*/
function onMouseDownClasses(sender) {
    if (sender != null) {
        var buttonEnd = sender.nextSibling;
        sender.className = "buttonImageActive"
        buttonEnd.className = "buttonEndingActive";
    }
}

/*
* Set classes of buttons when mouse leaves
* @version 21jul2009
*/
function onMouseOutClasses(sender) {
    if (sender != null) {
        var buttonEnd = sender.nextSibling;
        sender.className = "buttonImage";
        buttonEnd.className = "buttonEnding";
    }
}

/*
* Create button endings pictures
* @version 21jul2009
*/
function buttonEndings() {
    if (!document.getElementsByTagName) {
        return false;
    }

    var buttons = getElementsByClass("button");
    /* loop through all buttons and attach a child div */
    for (i = 0; i < buttons.length; i++) {             
        var div = document.createElement("div");
        div.className = "buttonEnding";
        insertAfter(div, buttons[i]);
    }
}

/*
* Wraps buttons with another div class to be able to move it around by floating.
* @version 7oct2009
*/
function addButtonWrappers() {
    if (!document.getElementsByTagName) {
        return false;
    }

    var buttons = getElementsByClass("button");
    /* loop through all buttons and attach a child div */
    for (i = 0; i < buttons.length; i++) {
        var button = buttons[i].cloneNode(true);
        var wrapper = document.createElement("div");
        wrapper.className = "buttonWrapper";
        wrapper.appendChild(button);

        var parent = buttons[i].parentNode;
        parent.replaceChild(wrapper, buttons[i]);
    }
}


/*
* Set images and events of buttons
* @version 21jul2009
*/
function buttonImages() {
    if (!document.getElementsByTagName) {
        return false;
    }

    var buttons = getElementsByClass("button");
    /* loop through all buttons and attach a child div */
    for (i = 0; i < buttons.length; i++) {
        buttons[i].className = "buttonImage";
        buttons[i].onmouseover = function() {
            onMouseHoverClasses(this);
        }
        buttons[i].onmousedown = function() {
            onMouseDownClasses(this);
        }
        buttons[i].onmouseout = function() {
            onMouseOutClasses(this);
        }
    }
//    buttons = [];
//    $(".button").each(
//        function(i) {
//            buttons[i].className = "buttonImage";
//            buttons[i].onmouseover = function() {
//                onMouseHoverClasses(this);
//            }
//            buttons[i].onmousedown = function() {
//                onMouseDownClasses(this);
//            }
//            buttons[i].onmouseout = function() {
//                onMouseOutClasses(this);
//            }
    //        })

}