var bOpen = false;
var speed = 200;

function initFourFeaturePanel()
{
     $('li#fourfeaturepanel_1').mouseover(function(){
        if(bOpen) return false;
        $(this).find('fieldset').animate({
            height:'180px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'200px'
        }, speed, 0, function(){
            bOpen = true;
        });
     });
     $('li#fourfeaturepanel_1').mouseout(function(){
        if(!bOpen) return false;
        $(this).find('fieldset').animate({
            height:'100px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'120px'
        }, speed, 0, function(){
            bOpen = false;
        });
     });
     
     $('li#fourfeaturepanel_2').mouseover(function(){
        if(bOpen) return false;
        $(this).find('fieldset').animate({
            height:'180px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'200px'
        }, speed, 0, function(){
            bOpen = true;
        });
     });
     $('li#fourfeaturepanel_2').mouseout(function(){
        if(!bOpen) return false;
        $(this).find('fieldset').animate({
            height:'100px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'120px'
        }, speed, 0, function(){
            bOpen = false;
        });
     });
     
     $('li#fourfeaturepanel_3').mouseover(function(){
        if(bOpen) return false;
        $(this).find('fieldset').animate({
            height:'180px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'200px'
        }, speed, 0, function(){
            bOpen = true;
        });
     });
     $('li#fourfeaturepanel_3').mouseout(function(){
        if(!bOpen) return false;
        $(this).find('fieldset').animate({
            height:'100px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'120px'
        }, speed, 0, function(){
            bOpen = false;
        });
     });
     
     $('li#fourfeaturepanel_4').mouseover(function(){
        if(bOpen) return false;
        $(this).find('fieldset').animate({
            height:'180px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'200px'
        }, speed, 0, function(){
            bOpen = true;
        });
     });
     $('li#fourfeaturepanel_4').mouseout(function(){
        if(!bOpen) return false;
        $(this).find('fieldset').animate({
            height:'100px'
        }, speed);
        $(this).find('span.bg').animate({
            height:'120px'
        }, speed, 0, function(){
            bOpen = false;
        });
     });
}

initFourFeaturePanel();