var btnsState = [false, false, false, false, false, false, false, false, false];

$(document).ready(function() {
    
    $(".btn a").livequery('mouseenter', function(){
        if ($(this).attr('class').indexOf('iframe') != -1) {
            var no = $(this).attr('class').replace('iframe anch anch', '');
        }
        else {
            var no = $(this).attr('class').replace('anch anch', '');
        }
        
        var currentImage = $(".btn" + no + " a .btnImage img").attr('src');
        if (currentImage.indexOf('off') != -1) {
            var newImage = currentImage.replace('off', 'on');
            newImage = newImage.replace('btns/', pageName + '/btns/');
            $(".btn" + no + " a .btnImage img").attr('src', newImage);
            btnsState[no] = false;
        }
    });
    
    $(".btn a").livequery('mouseleave', function(){
        
        if ($(this).attr('class').indexOf('iframe') != -1) {
            var no = $(this).attr('class').replace('iframe anch anch', '');
        }
        else {
            var no = $(this).attr('class').replace('anch anch', '');
        }
        
        if (btnsState[no] == false) {
            btnsState[no] = true;
            
            var currentImage = $(".btn" + no + " a .btnImage img").attr('src');

            $(".btn" + no + " a .btnImage img").animate({
                opacity: 0.1
            }, 1700, function() {
                var newImage = currentImage.replace('on.', 'off.');
                newImage = newImage.replace(pageName + '/btns/', 'btns/');
                $(".btn" + no + " a .btnImage img").attr('src', newImage);
                
            });

            $(".btn" + no + " a .btnImage img").animate({
                opacity: 1
            }, 600, function() {
                btnsState[no] = false;
            });
            
        }
    });
});