//Find offsets from left and top
function findPos(obj)
{
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft;
        curtop = obj.offsetTop;
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft;
            curtop += obj.offsetTop;
        }
    }
    return [curleft,curtop];
}

        var browseArtists = $('browse-artists');
        var browseSubjects = $('browse-subjects');
        var browseStyles = $('browse-styles');
        var browseArtistsSpan = $('browse-artists-span');
        var browseSubjectsSpan = $('browse-subjects-span');
        var browseStylesSpan = $('browse-styles-span');
        browseArtists.onmouseover = function() {
            browseArtistsSpan.addClassName('dropdownMouseActive');
            var pos = findPos(browseArtists);
            var dropdownArtists = $('dropdown-artist-list');
            dropdownArtists.style.left = pos[0] + 150 + 'px';
            dropdownArtists.style.top = pos[1] - 4 + 'px';
            dropdownArtists.style.display = 'block';
        }
        browseArtists.onmouseout = function() {
            browseArtistsSpan.removeClassName('dropdownMouseActive');
            $('dropdown-artist-list').style.display = 'none';
        }
        browseSubjects.onmouseover = function() {
            browseSubjectsSpan.addClassName('dropdownMouseActive');
            var pos = findPos($('browse-subjects'));
            var dropdownArtists = $('dropdown-subject-list');
            dropdownArtists.style.left = pos[0] + 150 + 'px';
            dropdownArtists.style.top = pos[1] - 4 + 'px';
            dropdownArtists.style.display = 'block';
        }
        browseSubjects.onmouseout = function() {
            browseSubjectsSpan.removeClassName('dropdownMouseActive');
            $('dropdown-subject-list').style.display = 'none';
        }
        browseStyles.onmouseover = function() {
            browseStylesSpan.addClassName('dropdownMouseActive');
            var pos = findPos($('browse-styles'));
            var dropdownArtists = $('dropdown-style-list');
            dropdownArtists.style.left = pos[0] + 150 + 'px';
            dropdownArtists.style.top = pos[1] - 4 + 'px';
            dropdownArtists.style.display = 'block';
        }
        browseStyles.onmouseout = function() {
            browseStylesSpan.removeClassName('dropdownMouseActive');
            $('dropdown-style-list').style.display = 'none';
        }