//variables

var bigW = 250;
var bigH = 450;
var smallW = 250;
var smallH = 250;

Event.observe(window, 'load', function(){ 

    if(fish == true) {

        $('bigFloat-small').setStyle({
          top: '-200px',
          left: '10px',
          zIndex: '999',
          visibility: 'visible',
          position: 'absolute',
          width: bigW+'px',
          height: bigH+'px'
        });

        $('smallFloat-small').setStyle({
          bottom: '0px',
          right: '0px',
          zIndex: '998',
          visibility: 'hidden',
          position: 'relative',
          width: smallW+'px',
          height: smallH+'px'
        });
        
    } else {
    
        $('bigFloat-small').setStyle({
          display: 'none'
        });
    
    }
    
}, false); 

function changeIt() {

    $('bigFloat-small').setStyle({
      visibility: 'hidden',
      left: '-1500px'
    });    

    $('smallFloat-small').setStyle({
      visibility: 'visible'
    });        

}

function changeIt2() {

    $('bigFloat-small').setStyle({
      visibility: 'hidden',
      left: '-1500px'
    });    

    $('smallFloat-small').setStyle({
      visibility: 'hidden',
      left: '-1500px'
    });        

}