var containerDiv3  = 'main'
var imagePath3     = './images/jubileumtopper.png';
var imagePath3C    = './images/x4.png';
var imagePath3G    = './images/klikhier.gif';
//containerdiv needs to be set position:relative style (IE)

window.addEvent('domready', function() {

  // op -455 vh midden
	var size = document.id(containerDiv3).getSize(); 
  var setleft = ((size.x /2 ) - 455 );
	if  (isNaN(setleft)) {setleft=50;};	
	
  var myFly3 = new Element('div', {
    'id': 'jubileum',
    'styles': {
        'width'  : '911px',
        'height' : '529px',
        'top'    : '40px',
        'left'   : setleft + 'px',
        'z-Index'    : '997',  //on top
        'position'   : 'absolute',
        'background-image' : 'url(\'' + imagePath3 + '\')'
    }
  });
  myFly3.inject( (document.id(containerDiv3)) , 'top');

  var myFly3A = new Element('div', {
    'id': 'linkAdd',
    'styles': {
    	  'cursor' : 'pointer',
    	  'width'  : '228px',
        'height' : '54px',
    	  'left'   : '654px',
    	  'top'    : '316px',
        'position'   : 'relative',
        'background-image' : 'url(\'' + imagePath3G + '\')'
    }
  });
  myFly3A.inject( (myFly3) , 'top');

  myFly3A.addEvent('click', function(){
    document.location.href = 'http://www.hetslaaphuis.nl/jubileumtopper.html';
  });

  var myFly3C = new Element('div', {
    'id': 'jubileumlink',
    'styles': {
    	  'cursor' : 'pointer',
    	  'width'  : '35px',
        'height' : '35px',
    	  'left'   : '830px',
    	  'top'    : '105px',
        'position'   : 'relative',
        'background-image' : 'url(\'' + imagePath3C + '\')'
    }
  });
  myFly3C.inject( (myFly3) , 'top');


  myFly3C.addEvent('click', function(){
    (document.id(containerDiv3)).removeChild(document.id('jubileum'));
  });




  var myDrag3 = new Drag.Move(myFly3, {
		container: (document.id(containerDiv3))
  });


});