function DL_GetElementTop(eElement) {
    if (!eElement && this) {
        eElement = this;
    }                                        
   
    var DL_bIE = document.all ? true : false;
   
    var nTopPos = eElement.offsetTop;
    var eParElement = eElement.offsetParent;
   
    while (eParElement != null) {                                         
        if(DL_bIE) {
            if((eParElement.tagName != "TABLE") && (eParElement.tagName != "BODY")) {                                   
                nTopPos += eParElement.clientTop;
            }
        }
        else {
            if(eParElement.tagName == "TABLE") {                                   
                var nParBorder = parseInt(eParElement.border);
                if(isNaN(nParBorder)) {                               
                    var nParFrame = eParElement.getAttribute('frame');
                    if(nParFrame != null) {
                        nTopPos += 1;             
                    }
                }
                else if(nParBorder > 0) {
                    nTopPos += nParBorder;       
                }
            }
        }
       
        nTopPos += eParElement.offsetTop;      
        eParElement = eParElement.offsetParent;
    }                                         
    return nTopPos;                           
}

function DL_GetElementLeft(eElement) {
    if (!eElement && this) {        
        eElement = this;             
    }                               
  
    var DL_bIE = document.all ? true : false; 
                                              
    var nLeftPos = eElement.offsetLeft;       
    var eParElement = eElement.offsetParent;  
                                              
    while (eParElement != null) {                                         
                                              
        if(DL_bIE) {
            if((eParElement.tagName != "TABLE") && (eParElement.tagName != "BODY")) {                                   
                nLeftPos += eParElement.clientLeft; 
            }
        }
        else {
            if(eParElement.tagName == "TABLE") {                                  
                var nParBorder = parseInt(eParElement.border);
                if(isNaN(nParBorder)) {                               
                    var nParFrame = eParElement.getAttribute('frame');
                    if(nParFrame != null) {
                        nLeftPos += 1;            
                    }
                }
                else if(nParBorder > 0) {
                    nLeftPos += nParBorder;      
                }
            }
        }
       
        nLeftPos += eParElement.offsetLeft;    
        eParElement = eParElement.offsetParent;
    }                                        
    return nLeftPos;                         
}

var ON = [];
ON['pilot'] = new Image();          ON['pilot'].src = "./menu/imagenes_orig/sub-pilot-on.gif";
ON['diver'] = new Image();          ON['diver'].src = "./menu/imagenes_orig/sub-diver-on.gif";
ON['special'] = new Image();        ON['special'].src = "./menu/imagenes_orig/sub-special-on.gif";
ON['nav'] = new Image();            ON['nav'].src = "./menu/imagenes_orig/sub-nav-on.gif";
ON['ski'] = new Image();            ON['ski'].src = "./menu/imagenes_orig/sub-ski-on.gif";
ON['driver'] = new Image();         ON['driver'].src = "./menu/imagenes_orig/sub-driver-on.gif";
ON['classic'] = new Image();        ON['classic'].src = "./menu/imagenes_orig/sub-classic-on.gif";
ON['ladies'] = new Image();         ON['ladies'].src = "./menu/imagenes_orig/sub-ladies-on.gif";

var OFF = [];
OFF['pilot'] = new Image();         OFF['pilot'].src = "./menu/imagenes_orig/sub-pilot-off.gif";
OFF['diver'] = new Image();         OFF['diver'].src = "./menu/imagenes_orig/sub-diver-off.gif";
OFF['special'] = new Image();       OFF['special'].src = "./menu/imagenes_orig/sub-special-off.gif";
OFF['nav'] = new Image();           OFF['nav'].src = "./menu/imagenes_orig/sub-nav-off.gif";
OFF['ski'] = new Image();           OFF['ski'].src = "./menu/imagenes_orig/sub-ski-off.gif";
OFF['driver'] = new Image();        OFF['driver'].src = "./menu/imagenes_orig/sub-driver-off.gif";
OFF['classic'] = new Image();       OFF['classic'].src = "./menu/imagenes_orig/sub-classic-off.gif";
OFF['ladies'] = new Image();        OFF['ladies'].src = "./menu/imagenes_orig/sub-ladies-off.gif";

var TIMEOUTS = [];

function abandonOption(menuName, optionNumber) {
    if(optionNumber < 900) {
        document.getElementById('menuitems_' + menuName + '_' + optionNumber).style.backgroundColor = '#BBBBBB';
    }
    rollMenu(menuName);
}

function enterOption(menuName, optionNumber) {
    unrollMenu(menuName);
    if(optionNumber < 900) {
        document.getElementById('menuitems_' + menuName + '_' + optionNumber).style.backgroundColor = '#EEEEEE';
    }
}

function rollMenu(menuName) {
    TIMEOUTS[menuName] = setTimeout('_rollMenu("' + menuName + '");', 50);
}
function _rollMenu(menuName) {
    document.getElementById('menu_' + menuName).src = OFF[menuName].src;
    document.getElementById('menuitems_' + menuName).style.visibility = "hidden";
}

function unrollMenu(menuName) {
    window.clearTimeout(TIMEOUTS[menuName]);

    var menu = document.getElementById('menu_' + menuName);
    var menuitems = document.getElementById('menuitems_' + menuName);
    
    menu.src = ON[menuName].src;
    
    var ua = navigator.userAgent.toLowerCase();
    if((ua.indexOf("msie") != -1) && (ua.indexOf("mac") != -1) && (ua.indexOf("opera") == -1)) {
        menuitems.style.top = menu.height;
    }
    else {
        menuitems.style.top = DL_GetElementTop(menu) + menu.height;
    }
    menuitems.style.left = DL_GetElementLeft(menu);
    menuitems.style.visibility = "visible";
}

function visitFamily(familyName) {
    if(familyName == 0) {
        window.location = 'http://www.sinnstore.com/';
    }
    else {
        window.location = 'http://www.sinnstore.com/model-result.php?AUX=' + familyName;
    }
}

function visitFamilySet(familySetName) {
    if(familySetName == 0) {
        window.location = 'http://www.sinnstore.com/';
    }
    else {
        window.location = 'http://www.sinnstore.com/model-result.php?AUX99=' + familySetName;
    }
}