$(document).ready(function() {
	
	$(".category").each(function(index){
		
		var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver
		
		var sPath = window.location.pathname;
		var folder ='';
	if(sPath.search("catalogo")!=-1 || sPath.search("catalog")!=-1 || sPath.search("catalogue")!=-1 || sPath.search("catalogo_es")!=-1){
		folder = 'category';
		
	}else{
		//alert(sPath);
		switch(sPath){
			case '/':
				folder = 'category';
			break;
			case '/it/':
				folder = 'category';
			break;
			case '/en/':
				folder = 'category';
			break;
			case '/fr/':
				folder = 'category';
			break;
			case '/es/':
				folder = 'category';
			break;
			
			default:
				folder = 'products';
			break;
		}

	}

		thumbOver = thumbOver.replace('http://www.joshbag.it/pics/'+folder+'/BW','');

		thumbOver = 'http://www.joshbag.it/pics/'+folder+'/'+thumbOver;
		
		$(this).find(".category-pic").css({'background-image' :  "url('" + thumbOver + "')"}).css({'background-repeat':'no-repeat'});
		
	});

	$(".category").hover(function() { //On hover...

		var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver
		
		var sPath = window.location.pathname;
		var folder ='';
		//alert(sPath);
		
		if(sPath.search("catalogo")!=-1 || sPath.search("catalog")!=-1 || sPath.search("catalogue")!=-1 || sPath.search("catalogo_es")!=-1){
		folder = 'category';
		
	}else{
		
		switch(sPath){
			case '/':
				folder = 'category';
			break;
			case '/it/':
				folder = 'category';
			break;
			case '/en/':
				folder = 'category';
			break;
			case '/fr/':
				folder = 'category';
			break;
			case '/es/':
				folder = 'category';
			break;
			
			default:
				folder = 'products';
			break;
		}

	}
		thumbOver = thumbOver.replace('http://www.joshbag.it/pics/'+folder+'/BW','');

		thumbOver = 'http://www.joshbag.it/pics/'+folder+'/'+thumbOver;

		//var classes = $(this).find(".category-foot").attr('class');
							
		var color = '#'+$(this).find(".category-foot").attr('id');
		//alert(color);
					
		$(this).find(".category-foot").css('background',color);
		//Set a background image(thumbOver) on the <a> tag - Set position to bottom
		$(this).find(".category-pic").css({'background-image' :  "url('" + thumbOver + "')"}).css({'background-repeat':'no-repeat'});
		
		//Animate the image to 0 opacity (fade it out)
		$(this).find("img").stop().fadeTo(400, 0 , function() {
			$(this).hide() //Hide the image after fade
		});
	} , function() { //on hover out...
		//Fade the image to full opacity 
		$(this).find("img").stop().fadeTo(400, 1).show();
		$(this).find('.category-foot').css('background','#666666');
	});

});