/**
*   Add an event listener to an object
*   @param      object
*   @param      evt         event
*   @param      func            function
*   @param      capture
*   @return     boolean
*/
function AddEvent(object, evt, func, capture)
{
    if(typeof func != 'function')
    {
        return false;
    }
    if(object.addEventListener)
    {
        object.addEventListener(evt, func, capture);
        return true;
    }
    else if(object.attachEvent)
    {
        object.attachEvent('on' + evt, func);
        return true;
    }
    return false;
}
 
/**
*   Removes an event listener
*   @param      object
*   @param      evt         event
*   @param      func            function
*   @param      capture
*   @return     boolean
*/
function RemoveEvent(object, evt, func, capture)
{
    if(typeof func != 'function')
    {
        return false;
    }
    if(object.removeEventListener)
    {
        object.removeEventListener(evt, func, capture);
        return true;
    }
    else if(object.detachEvent)
    {
        object.detachEvent('on' + evt, func);
        return true;
    }
    return false;
}

AddEvent(document.getElementById('kontakt'), 'mouseover', function() {document.getElementById('kontakt-hover').style.backgroundImage = 'url(images/bg-kontakt-on2.png)';}, false);
AddEvent(document.getElementById('kontakt'), 'mouseout', function() {document.getElementById('kontakt-hover').style.backgroundImage = '';}, false);

AddEvent(document.getElementById('karijera'), 'mouseover', function() {document.getElementById('karijera-hover').style.backgroundImage = 'url(images/bg-karijera-on2.png)';}, false);
AddEvent(document.getElementById('karijera'), 'mouseout', function() {document.getElementById('karijera-hover').style.backgroundImage = '';}, false);

AddEvent(document.getElementById('o-nama'), 'mouseover', function() {document.getElementById('o-nama-hover').style.backgroundImage = 'url(images/bg-o-nama-on2.png)';}, false);
AddEvent(document.getElementById('o-nama'), 'mouseout', function() {document.getElementById('o-nama-hover').style.backgroundImage = '';}, false);

AddEvent(document.getElementById('menadzment'), 'mouseover', function() {document.getElementById('menadzment-hover').style.backgroundImage = 'url(images/bg-menadzment-on2.png)';}, false);
AddEvent(document.getElementById('menadzment'), 'mouseout', function() {document.getElementById('menadzment-hover').style.backgroundImage = '';}, false);

AddEvent(document.getElementById('nasa-mreza'), 'mouseover', function() {document.getElementById('nasa-mreza-hover').style.backgroundImage = 'url(images/bg-nasa-mreza-on2.png)';}, false);
AddEvent(document.getElementById('nasa-mreza'), 'mouseout', function() {document.getElementById('nasa-mreza-hover').style.backgroundImage = '';}, false);

AddEvent(document.getElementById('opticki-kablovi'), 'mouseover', function() {document.getElementById('kablovi-hover').style.backgroundImage = 'url(images/bg-kablovi-on2.png)';}, false);
AddEvent(document.getElementById('opticki-kablovi'), 'mouseout', function() {document.getElementById('kablovi-hover').style.backgroundImage = '';}, false);