$.fn.jCatalog = function(){
	
	var catalog = this;
	
	// Applying styles
	$(this).addClass("jCatalog");	
	
	var height = $('dl', this).css('height');
	
	$("ul:first", this).addClass("jCatalogList");
	$("ul li:first", this).addClass("selected");
	
	$("dl dt", this).css('height', height);
	$("dl dt:first", this).show();
	$("dl dt:first", this).addClass('active');
	
	//new width
	var width = $("dt", this).width();
	$("dt", this).css('width', width);
	//$("dt", this).css('float', 'right');
	
	$("ul li", this).each(function(i){
		
		$(this).hover(function(){
			if($(this).attr('class') == 'selected'){return false;}
			$(this).addClass("hovered");
		}, function(){
			if($(this).attr('class') == 'selected'){return false;}
			$(this).removeClass("hovered");
		});
		
		
		$(this).click(function(){
			if($(this).attr('class') == 'selected'){return false;}
			
			$(this).siblings('.selected').removeClass('selected');
			$(this).addClass('selected');
			$(this).mouseout();
			
			$('dl dt:eq('+i+')', catalog).css('top', '-'+height);
			$('dl dt:eq('+i+')', catalog).show();
			
			
			
			$('dl dt:eq('+i+')', catalog).animate({
				top: 0
				}, "fast", function(){
					$(this).addClass('active');
			});
			
			$('dl dt.active', catalog).animate({
					top: height
				}, "fast", function(){ 
					$(this).hide(); 
					$(this).removeClass('active');
			});
			
		});
	});
	
	
	return this;
}