(function(){
var images_path = [
  'accomodation',
  'airticketing',
  'outbound',
  'inbound',
  'worldwide_hotels_promo',
  'singapore_hotels_promo',
  'airticketing_promo',
  'discover_singapore_beyond_promo'
];

var images_on  = [];
var images_off = [];

for(var i=0;i<images_path.length;i++){
  var img = document.createElement('img');
  img.src = '/files/images/menu/' + images_path[i] + '_off.png';
  images_off.push(img);
  
  var img = document.createElement('img');
  img.src = '/files/images/menu/' + images_path[i] + '_on.png';
  images_on.push(img);
}

function hide_menu(evt){
    var div = $('div.menu_overlay');
    var div_overlay = $('div.menu_overlay_overlay');
    
    pageX = ($.browser.msie) ? evt.clientX + document.body.scrollLeft:evt.pageX;
    pageY = ($.browser.msie) ? evt.clientY + document.body.scrollTop:evt.pageY;
    
    x1 = ($.browser.msie) ? 1110:1180;
    y1 = ($.browser.msie) ? 213 :216;

    if(evt.target.className.indexOf('menu') ==-1){
      if(pageX <= 210 || pageX >= x1){
        div.hide();
        div_overlay.hide();
      }
      
      if((pageY <= 111 || pageY >= y1)){
        div.hide();
        div_overlay.hide();
      }  
    }
}

$(document).ready(function(){
  var div = $('div.menu_overlay');
  var div_overlay = $('.menu_overlay_overlay');
  
  $('a.menu-1-3-2,a.menu-1-3-2-active').mouseover(function(evt){
    $('#menu_services').show();
    $('#menu_promotions').hide();
    var li = $(this).parent().get(0);
    var top = (li.offsetTop + li.offsetHeight) + "px";
    if($.browser.msie){
      top = "110px";
    }
    if(div.css('display')=='none'){
      div.css('top',top).show();
      div_overlay.css('top',top).show();
    }
  }).click(function(){ return false; });

  $('a.menu-1-5-2,a.menu-1-5-2-active').mouseover(function(evt){
    $('#menu_promotions').show();
    $('#menu_services').hide();
    var li = $(this).parent().get(0);
    var top = (li.offsetTop + li.offsetHeight) + "px";
    if($.browser.msie){
      top = "110px";
    }
    if(div.css('display')=='none'){
      div.css('top',top).show();
      div_overlay.css('top',top).show();
    }
  })

//  $(document).mouseover(hide_menu);
  $(document).click(hide_menu);
  // mouse over
  $('img',div).each(function(i){
    this.images_on = images_on;
    this.images_off = images_off;
    
    this.imageIndex = i;
    this.onmouseover = function(){
      this.src = this.images_on[this.imageIndex].src;
    }
    
    this.onmouseout = function(){
      this.src = this.images_off[this.imageIndex].src;
    }
  })
});
})();