var sFadeBoxId      = 'caesarFadeBox';
var sContentBoxId   = 'caesarBigbox';
var sCloseLinkId    = 'caesarCloseLink';

var iDisplayWidth   = 760;
var iDuration       = 0.7;
var iTargetOpacity  = 0.7;

function displayCaesar(oItem,bNewWindow) {
  if ( bNewWindow == false ) {
    throwWindow(oItem);
  } else {
    Event.observe(window, 'load', function() { throwWindow(oItem) });
  }
}
  
function throwWindow(oItem) {
  var jiScrollOffset =  document.viewport.getScrollOffsets();
  var jiWinSize = document.viewport.getDimensions();

  var iDocWidth = document.body.offsetWidth;
  var iDocHeight = document.body.offsetHeight;
	
	var aiPageSize = getPageSize();

  if ( typeof(oItem) == 'string' ) {
    var sUrl = oItem;
  } else {
    var sUrl = $(oItem).readAttribute('href');
  }

  var oFadeBox = new Element('div', { 'id': sFadeBoxId } );
  oFadeBox.setStyle({
                      position: 'absolute',
                      top: '0px',
                      left: '0px',
                      height: aiPageSize[1]+'px',
                      width: aiPageSize[0]+'px',
                      backgroundColor: '#000000',
                      opacity: 0.0
                    });

  var oCloseLink = new Element('div', { 'id': sCloseLinkId }).update('Schließen');
  oCloseLink.setStyle({
                        position: 'absolute',
                        top: jiScrollOffset.top + 33 + 'px',
                        left: (( jiWinSize.width-iDisplayWidth > 0 ) ? (jiWinSize.width-iDisplayWidth) / 2 + (iDisplayWidth - 100) : 0) + 'px',
                        height: (jiWinSize.height-100)+'px',
                        width: '100px',
                        height: '15px',
                        padding: '0px',
                        backgroundColor: '#CCCCCC',
                        border: '1px solid #999999',
                        textAlign: 'center',
                        cursor: 'pointer',
                        opacity: 1
                      });

  var oContentBox = new Element('iframe', { 'src': sUrl, 'id': sContentBoxId });
  oContentBox.setStyle({
                        position: 'absolute',
                        top: jiScrollOffset.top + 50 + 'px',
                        left: (( jiWinSize.width-iDisplayWidth > 0 ) ? (jiWinSize.width-iDisplayWidth) / 2 : 0)+'px',
                        height: (jiWinSize.height-100)+'px',
                        width: iDisplayWidth+'px',
                        backgroundColor: '#FFFFFF',
                        opacity: 1
                      });

  document.body.appendChild(oFadeBox);

  Effect.Fade(sFadeBoxId, { duration: iDuration, from: 0, to: iTargetOpacity, afterFinish: function() {
                                                                                                  document.body.appendChild(oCloseLink);
                                                                                                  document.body.appendChild(oContentBox);
                                                                                                  Event.observe(sCloseLinkId, 'click', closeCaesar);
                                                                                                } });
}


function closeCaesar() {
  $(sContentBoxId).remove();
  $(sCloseLinkId).remove();
  
  Effect.Fade(sFadeBoxId, { duration: iDuration, from: iTargetOpacity, to: 0, afterFinish: function() { $(sFadeBoxId).remove(); } });
}