window.addEvent("domready", function() {
  openBrowse(1);
  openBrowseGuide(1);
  
  $$('.box3 ul').each(function(ul, i) {
    ul.addEvent("mouseenter", openBrowseGuide.pass(i+1));
  });
});

function openBrowse(idx) {
  $$('.box2_1').setStyle("display", "none");
  $ES("li", 'n_browse_tabs').removeClass("on");
  $ES("li", 'n_browse_tabs')[idx-1].addClass("on");
  $$('.box2_1')[idx-1].setStyle("display", "block");
}

function showAllCoupons() {
  $$('.box2_1 .hidden').removeClass("hidden");
}  

var last = 1;

function openBrowseGuide(idx) {
  $$('.box3 div').setStyles({
    "z-index" : 1
  });
  var lastEl = $$('.box3 div')[last-1];
  lastEl.setStyles({
    "z-index" : 2
  });
  var el = $$('.box3 div')[idx-1];
  el.setStyles({
    "width" : "0px",
    "overflow" : "hidden",
    "z-index" : 3
  });  
  var fx = new Fx.Styles(el, {duration:500, wait:false});
  fx.start({
    "width" : "352px"
  });  
  last = idx;
}