$(function() {
		   
/* ----- IMAGES, GALLERIES ----- */

	/* catch alone images for prettyPhoto */
//	$("a[href$='.jpg'], a[href$='.png'], a[href$='.gif']").attr("rel", "prettyPhoto");

	/* catch gallery images for prettyPhoto */
	$("#product_fotos").each(function(i) {
		$("a[href$='.jpg'], a[href$='.png'], a[href$='.gif']", this).attr("rel", 'prettyPhoto[' + i + ']');
	}); 
	
	/* prettyPhoto initialization */
	$("a[rel^='prettyPhoto']").prettyPhoto({
		theme: 'light_square' /* light_rounded / dark_rounded / light_square / dark_square / facebook */
	});
	
	$("#product_nav a").click(function(event){
		event.preventDefault();
		var sImg = $("#product_nav a").index(this);
		$(".product_foto").hide();
		$(".product_foto:eq(" + sImg + ")").show();
	});
	
/* TABS */
	$('a:first', '.tabs li').click(function(event){
		event.preventDefault();
		var parent_li = $(this).parents('li');
		var parent_ul = $(this).parents('ul');
		
		$('a', parent_ul).removeClass('selected');
		$('a', parent_li).addClass('selected');
		var tab_index = $('li', parent_ul).index(parent_li);
		var tab_start_height = $('.tabs_page:visible').height();
		var tab_end_height = $('.tabs_page:eq(' + tab_index + ')').height() + 60;
		var id = $(this).parents('li').attr("id");
		$('.tabs_page').hide();
		$('.tabs_page:eq(' + tab_index + ')').show();
		/*$("div#"+id).show();*/
		return false;
	});
	
	
	$('#bewerten-link').click(function(){
		$('.tabs li a.selected').removeClass('selected');
		$('.tabs li a:last').addClass('selected');
		
		$('.tabs_page').hide();
		$('.tabs_page:last').show();
	});

	createDropDown();
	
	$("#fLang .dropdown dd ul li a").click(function() {
		var text = $(this).html();
		$("#fLang .dropdown dt span").html(text);
		
		var source = $("#source");
		source.val($(this).find("span.value").html());
		
		$("#fLang").submit();
	});
	
	$("#frmsort1 .dropdown dd ul li a").click(function() {
		var text = $(this).html();
		$("#frmsort1 .dropdown dt span").html(text);
		
		var source = $("#cSORT1");
		source.val($(this).find("span.value").html());
		
		$("#frmsort1").submit();
	});

	$("#frmsort2 .dropdown dd ul li a").click(function() {
		var text = $(this).html();
		$("#frmsort2 .dropdown dt span").html(text);
		
		var source = $("#cSORT2");
		source.val($(this).find("span.value").html());
		
		$("#frmsort2").submit();
	});

});

function createDropDown(){
	var source = $("#source");
	var source1 = $("#cSORT1");	
	var source2 = $("#cSORT2");	

	var selected = source.find("option[selected]");
	var options = $("option", source);

	var selected1 = source1.find("option[selected]");
	var options1 = $("option", source1);

	var selected2 = source2.find("option[selected]");
	var options2 = $("option", source2);

	$("#source").after('<dl id="lang_menu" class="dropdown"></dl>');
	$("#lang_menu").append('<dt><span>' + selected.text() + '<span class="value">' + selected.val() + '</span></span></dt>');
	$("#lang_menu").append('<dd><ul></ul></dd>');
	
	$("#cSORT1").after('<dl id="lang_menu" class="dropdown dd1"></dl>');
	$(".dd1").append('<dt><span>' + selected1.text() + '<span class="value">' + selected1.val() + '</span></span></dt>');
	$(".dd1").append('<dd><ul></ul></dd>');
	
	$("#cSORT2").after('<dl id="lang_menu" class="dropdown dd2"></dl>');
	$(".dd2").append('<dt><span>' + selected2.text() + '<span class="value">' + selected2.val() + '</span></span></dt>');
	$(".dd2").append('<dd><ul></ul></dd>');
	
	options.each(function(){
		$("#lang_menu dd ul:first").append('<li><a href="#">' + $(this).text() + '<span class="value">' + $(this).val() + '</span></a></li>');
	});

	options1.each(function(){
		$(".dd1 dd ul").append('<li><a href="#">' + $(this).text() + '<span class="value">' + $(this).val() + '</span></a></li>');
	});

	options2.each(function(){
		$(".dd2 dd ul").append('<li><a href="#">' + $(this).text() + '<span class="value">' + $(this).val() + '</span></a></li>');
	});

	source.hide();
	source1.hide();
	source2.hide();
}