// JavaScript Document

function BindMenu($menuItems,$title,$icon,defaultClass) {
    if (jQuery.support.opacity){
        var startOpacity = 0.15;
        var fadeDuration = 250;
        var itemHeight = 30;
        var hoverXOffset = '-226px';
        var activeXOffset = '-452px';
        var activateDuration = 50;
        $menuItems.children('a').css({background: 'none'});
        $menuItems.each(function(i){
            $(this).children('a').each(function(){
                $(this).bind('mouseenter',function(){
                    $(this).stop().css({opacity:startOpacity, background: 'transparent url(i/gsbsbuttonmenu.png) ' + hoverXOffset + ' ' + (-1 * (itemHeight * i)) + 'px no-repeat'}).fadeTo(fadeDuration,1.0);
                    $title.stop().css({opacity:startOpacity}).attr('class',$(this).parent('li').attr('title')).fadeTo(fadeDuration,1.0);
                    $icon.stop().css({opacity:startOpacity}).attr('class',$(this).parent('li').attr('title')).fadeTo(fadeDuration,1.0);
                }).bind('mouseleave',function(){
                    $(this).stop().fadeTo(fadeDuration,0.0);
                    $title.stop().css({opacity:startOpacity}).attr('class',defaultClass).fadeTo(fadeDuration,1.0);
                    $icon.stop().css({opacity:startOpacity}).attr('class',defaultClass).fadeTo(fadeDuration,1.0);
                }).bind('mousedown',function(){
                    $(this).stop().css({opacity: startOpacity, background: 'transparent url(i/gsbsbuttonmenu.png) ' + activeXOffset + ' ' + (-1 * (itemHeight * i)) + 'px no-repeat'}).fadeTo(activateDuration,1.0);
                }).bind('mouseup', function(){
                    $(this.stop().fadeTo(activateDuration,startOpacity,function(){$(this).css({background: 'transparent url(i/gsbsbuttonmenu.png) ' + hoverXOffset + ' ' + (-1 * (itemHeight * i)) + 'px no-repeat', opacity: 1.0})}));
                });
            });
        })
    } else {
        if (typeof isLousyBrowser == 'undefined') {
            $menuItems.hover(function() {
                $title.attr('class',$(this).attr('title'));
                $icon.attr('class',$(this).attr('title'));
            }, function(){
                $title.attr('class',defaultClass);
                $icon.attr('class',defaultClass);
            });
        }
    }
}