// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
var animation = 1;
var act1 = 0;
var act2 = 0;
var act3 = 0;


if ($.browser.mozilla) {
    var animation = 0;
}

if ($.browser.msie) {
  var version= parseInt($.browser.version, 10);
  if (version == 8){
  var animation = 0;
  }
}


$(function() {



    $("#toolboxHead1").click(function() {
    
        if(animation==1){
        
            if(act1==0){
            $('#toolboxContent1').css('display','block');
            act1=1;  
            }else{
            $('#toolboxContent1').css('display','none');
            act1=0;  
            }
        
        }else{
            if(act1==0){
            $('#toolboxContent1').animate({width: 'show',}, 'slow');
            act1=1;  
            }else{
            $('#toolboxContent1').animate({width: 'hide',}, 'slow');
            act1=0;  
            }
        }
    });
    $("#toolboxHead2").click(function() {
    
        if(animation==1){
        
            if(act2==0){
            $('#toolboxContent2').css('display','block');
            act2=1;  
            }else{
            $('#toolboxContent2').css('display','none');
            act2=0;  
            }
        
        }else{
            if(act2==0){
            $('#toolboxContent2').animate({width: 'show',}, 'slow');
            act2=2;  
            }else{
            $('#toolboxContent2').animate({width: 'hide',}, 'slow');
            act2=0;  
            }
        }
    });
    $("#toolboxHead3").click(function() {
    
        if(animation==1){
        
            if(act3==0){
            $('#toolboxContent3').css('display','block');
            act3=1;  
            }else{
            $('#toolboxContent3').css('display','none');
            act3=0;  
            }
        
        }else{
            if(act3==0){
            $('#toolboxContent3').animate({width: 'show',}, 'slow');
            act3=2;  
            }else{
            $('#toolboxContent3').animate({width: 'hide',}, 'slow');
            act3=0;  
            }
        }
    });



});
