$.ajaxSetup(
{
	async: true,
	cache: false,
	type: 'POST'
});


/*
 *		Farbsets einbinden
 */


var Colors = {
	parseText: function(s)
	{
		if ( $(s).length == 0 )
			return false;

		var m = $(s).html().match(/@(farben[\w]+|[\w]+farben)/i);

		if ( m )
		{
			Colors.images = m[1];
			$(s).html($(s).html().replace(/@(farben[\w]+|[\w]+farben)/i, ""));
			
			var elt = s == ".a-desc" ? $(s).prevAll("h3") : $(s);
			$(elt).before('<h3 class="colors"><a href="#" id="load-colors">Farben anzeigen</a><a href="#" id="close-colors">Farben ausblenden</a></h3>');
			$("#load-colors").click($.proxy(this.load, this));
			$("#close-colors").click($.proxy(this.close, this)).hide();
			
			if ( s == "#nav-lederfarben" )
			{
				Colors.load();
				$("h3.colors").hide();
			}
		}
	},
	
	load: function()
	{
		$.ajax(
		{
			url: "/shop/themes/farben/index.php",
			data: {
				code: Colors.images
			},
			success: function(rt)
			{
				$("#load-colors").parents("h3").after(rt);
				Colors.toggleButtons();
			}
		});
		
		return false;
	},
	
	close: function()
	{
		$("div.box").remove();
		Colors.toggleButtons();
		
		return false;
	},
	
	toggleButtons: function()
	{
		$("#load-colors, #close-colors").toggle();
	}
};


$(document).ready(function()
{
	// Kundenmeinungen
	$('.km-box img').each(function()
	{
		$(this).next().css({ width: '58%' });
	});
	
	// Lederfarben-Menüpunkt
	Colors.parseText('#nav-lederfarben');
});