$(document).ready(function() {
	$(".contentTab").css({"position":"absolute","height":"30px","display":"block","top":"50%"});
	$(".listP").css({"display":"inline","overflow-y":"auto"}).hide();
	$(".listP ul").addClass("list");
	$(".contentTab").each(function(i) {
		$(this).css("left","25px");
		$(this).not($(".contentTab:first")).animate({left:25+240*i+"px"},"slow");
   });
	
	$.superbox();
	
	$('.header').not($('.header')[0]).mouseover(function() {
       $(this).addClass('ovr');
	});
	$('.header').not($('.header')[0]).mouseout(function() {
       $(this).removeClass();
	   $(this).addClass('header');
	});
	$('.header').not($('.header')[0]).mousedown(function() {
       $(this).removeClass();
	   $(this).addClass('header');
       $(this).addClass('dwn');
	});
	$('.header').not($('.header')[0]).mouseup(function() {
       $(this).removeClass();
	   $(this).addClass('header');
       $(this).addClass('ovr');
	});
	$('.header').not($('.header')[0]).click(function() {
       $(this).removeClass();
	   $(this).addClass('header');
       $(this).addClass('ovr');
	   $(".header").each(function() {
		   if ($(this).parent().css("height")=="30px") {
			   $(this).parent().animate({top : "15%", height: "70%"},"slow");
			   $(this).next(".listP").animate({height:"88%"},"slow");
		   } else {
			   $(this).parent().animate({top:"50%",height:"30px"},"slow");
			   $(this).next(".listP").animate({height:"0%"},"slow");
		   }
	  });
	});
});