var over = false;
function SelectOut(el){
    if (el.getElementsByTagName('div')[0].style.display!="block")
        el.style.backgroundPosition = "0px 0px";
    over=false;
}
function SelectOver(el){
    if (el.getElementsByTagName('div')[0].style.display!="block")
        el.style.backgroundPosition = "0px -19px";
    over=true;
}
function OptionClick(el,box){
    el.parentNode.parentNode.style.backgroundPosition = "0px 0px";
    el.parentNode.alt = "active";
    el.parentNode.style.display = "none";
    el.parentNode.parentNode.getElementsByTagName('div')[1].innerHTML = el.innerHTML;
    document.getElementById(box).selectedIndex = el.innerHTML-1;
}
function OptionOver(el){
    over=true;
}
function OptionOut(el){
    over=false;
}                                            
function SelectClick(el,box){
    var content = "";
    for(i=0;i<document.getElementById(box).length;i++){
        content += "<span onclick=\"OptionClick(this,'"+box+"')\" onmouseover='OptionOver(this)' onmouseout='OptionOut(this)' class=\"Qoption\">"+document.getElementById(box).options[i].value+"</span>"; 
    }
    el.getElementsByTagName('div')[0].innerHTML = content;
    if (el.getElementsByTagName('div')[0].style.display=="block") {
        el.getElementsByTagName('div')[0].style.display = "none";
        el.style.backgroundPosition = "0px 0px";
    }
    else if (el.getElementsByTagName('div')[0].alt!="active") {
        el.getElementsByTagName('div')[0].style.display = "block";
        el.style.backgroundPosition = "0px -38px";
    }
    el.getElementsByTagName('div')[0].alt = "";
}                                            
document.observe('click', function() {
if (!over) {
    document.getElementById('QuantityHidden').style.backgroundPosition = "0px 0px";
    document.getElementById('QuantityHidden').getElementsByTagName('div')[0].style.display = "none";    
}
});