//variables

var bigSquareW = 500;
var bigSquareH = 500;
var smallSquareW = 300;
var smallSquareH = 300;

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

    if(orange == true) {

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

        $('smallFloat').setStyle({
          bottom: '0px',
          right: '0px',
          zIndex: '998',
          visibility: 'hidden',
          backgroundColor: '#000000',
          position: 'relative',
          width: smallSquareW+'px',
          height: smallSquareH+'px'
        });
        
    } else {
    
        $('bigFloat').setStyle({
          display: 'none'
        });
    
    }
    
}, false); 

function changeItSquare() {

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

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

}

function changeItSquare2() {

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

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

}