﻿window.addEvent("domready", function(){
	new Topics();
});

var Topics = new Class({
	initialize: function()
	{
		$$('#topics div').each(function(div, i){
   	div.setStyle("display","none");
		});		
		$$('#topics a.title').each(function(a, i){
			a.addEvent("click", showContent.pass(i));
		});				
	}
});

function showContent( idx )
{
	$$('#topics div').each(function(div, i){
		div.setStyle("display", i == idx ? "block" : "none");
	});
	window.location = "#topic" + idx;
	return true;
}

window.addEvent("domready", function() {
  openBrowse(1);
  new Guides();
});

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 Guides = new Class({
  initialize: function() {  
    $$('.guide').each(this.initGuide);
  },
  initGuide: function(guideListItem) {
    $E(".title", guideListItem).addEvent("click", function() {
      if (guideListItem.hasClass("on"))
      {
        guideListItem.removeClass("on"); 
      }
      else
      {
        guideListItem.addClass("on");
      }      
    });
  }
});
  