var IWY = {
  URF_FULL: '',
  popupMenuTimer: 0,
  popupMenuOpacity: 0.8,

  init: function() {
    var h = Element.getHeight( 'content-main' );
    $('left').style.height = h + 'px';
    $('left').style.background = 'url(' + IWY.URL_FULL + '/img/bg/content.png) top left repeat-y';

    Event.observe( 'left', 'mouseover', function() { $('left').style.cursor = 'pointer'; }, false );
    Event.observe( 'left', 'click', IWY.showPopupMenu, false );

    var menu = $( 'navigation-popup' );
    Event.observe( menu, 'mouseout', IWY.hidePopupMenu, false );
    Event.observe( menu, 'mouseover', function() { clearTimeout( IWY.popupMenuTimer ); }, false );
    Event.observe( $$('#navigation-popup ul')[0], 'mouseover', function() { clearTimeout( IWY.popupMenuTimer ); }, false );

    menu.style.opacity = IWY.popupMenuOpacity;

    if( IWY.Photos ) {
      IWY.Photos.alignThumbnailHeight( 5 );
      if( IWY.Photos.Detail ) { IWY.Photos.Detail.init(); }
    }

    if( IWY.Admin ) {

      if( IWY.Admin.Photos ) {

        if( IWY.Admin.Photos.GMap ) { IWY.Admin.Photos.GMap.init(); }
      }
    }
  },


  showPopupMenu: function( e ) {
    var menu = $( 'navigation-popup' );
    menu.setStyle( {
      left: Position.cumulativeOffset( $('content-main') )[0] - 16 + 'px',
      top: Event.pointerY( e ) - parseInt( Element.getHeight( menu ) / 2 ) + 'px'
    } );
    if( IWY.popupMenuTimer ) { clearTimeout( IWY.popupMenuTimer ); }

    //new Effect.Appear( menu, { duration: 0.5, delay: 0 } );
    menu.style.display = 'block';
  },

  hidePopupMenu: function( e ) {
    var menu = $( 'navigation-popup' );
    IWY.popupMenuTimer = setTimeout( function() { menu.style.display = 'none'; }, 200 );
    //IWY.popupMenuTimer = setTimeout( function() { new Effect.Fade( menu, { duration: 0.5 } ); } , 500 );
  }
};