window.addEvent('domready', function() {
	$$(".all").each(function(el,i){
		el.addEvent('mouseenter',function(){
			var button = this.id+"-content";
			$$(".content").each(function(element,i){
				if (button == element.id) {
					element.addClass("active");
				} else {
					element.removeClass("active");
				}
			});		
		});
		el.addEvent('mouseleave',function(){
			$(this.id+"-content").removeClass("active");
		});
	});
	$$(".content").each(function(el,i){
		el.addEvent('mouseenter',function(){
			el.addClass("active");
			$(el.id.split("-content")[0]).addClass('active');
		});
		el.addEvent('mouseleave',function(){
			el.removeClass("active");
			$(el.id.split("-content")[0]).removeClass('active');
		});
	});
});