$(document).ready(function() {	
	function hideAll() {		
		$(".event-holder div").each(function() {																 
			if($(this).attr("id") != undefined) {
				ID =  $(this).attr("id");
				if(ID.indexOf("event") != -1) {
					$(this).css("display","none");	
				}															 
			}
		})		
		$("a img").parent().css("border","0");													 		
		become_top = $("#menu").offset().top+$("#menu").height()-$(".become").height()+16;
		become_left = $("#menu").offset().left+520;
		if($.browser.msie) {
			become_left = $("#menu").offset().left+479;			
		}
		$(".become").css("top",become_top);
		$(".become").css("left",become_left);
	}

	hideAll();	
	$(".event-holder #event_1").css("display","block");

  /*var interval = setInterval(function(){
    var next = $("#events .pager a.selected").next()
    if(next.length == 0) next = $("#events .pager a:first")
    setActivePage(next)
  },2000)*/

	
	var prev;
  	function setActivePage($this){
			var ID = $this.text();			
			hideAll();
			$(".event-holder #event_"+ID).css("display","block");
			$(".event-holder .pager a").removeClass("selected")
			$this.addClass("selected");																			 
  	}
	$(".event-holder .pager a").hover(function() {
		$(".event-holder .pager a").each(function() {
			if($(this).attr("class") == "selected") {
				prev = $(this);	
			}											
		})																						 
		$(".event-holder .pager a").removeClass("selected");
	},
	function() {
		prev.addClass("selected");
		}
	)
	$(".event-holder .pager a").click(function() {
      //clearInterval(interval)
      setActivePage($(this))
	})
    $(".help-box").css("top","-1000px");
    $("img[@src$=png]").pngfix(); //{repeatMethod:"crop"}
    $(".text .help").hover(
        function() {
            $(this).next().css("display","block")
            offset = $(this).offset()
            $(this).next().css("left",offset.left+200)
            $(this).next().css("top",offset.top);
        },
        function() {
            $(this).next().css("display","none")
        }
    )

 	$(".button-bar").hover(function(){
		$("div", $(this)).css("display","block");
		$("a",$(this)).css("background-position","0px -28px")
	},
	function (){
		$("a",$(this)).css("background-position","0px 0px")
		$("div",$(this)).css("display","none")		
	});

})