var fadeSpeed = 200;
var hei = 80;

$(document).ready(function(){
	var hei1 = $('#productListProducts4').height();
	var hei2 = $('#productListBrands4').height();
	if(hei1 > hei2) { height = hei1+hei; } else { height = hei2+hei; }
	
	$('#productListTop li').click(function(){
		debug('click');
		var theClass = $(this).attr('class').replace('Top','');
		debug(theClass);
		switch(theClass) {
			case 'productListProducts':
				$('#productListProducts').fadeIn(fadeSpeed,function(){ $(this).addClass('show'); });
				$('#productListBrands').fadeOut(fadeSpeed,function(){ $(this).removeClass('show'); });
				var height = $('#productListProducts4').height()+hei;
				debug('pros');
			break;
			case 'productListBrands':
				$('#productListProducts').fadeOut(fadeSpeed,function(){ $(this).removeClass('show'); });
				$('#productListBrands').fadeIn(fadeSpeed,function(){ $(this).addClass('show'); });
				var height = $('#productListBrands4').height()+hei;
				debug('brands');
			break;
		}
		$(this).parent().removeClass().addClass(theClass+'Selected');
		$('#productList').height(height);
	});
	$('#productList').height(height);
});


function debug(data){
	//console.log(data);
	//alert(data);
}