(function($){
	function AJAXDETAILS(elem, opt){
		var $me = $(elem);
		var $container = $("#test_product_longdesc");
		var $productPrice = $("#test_product_price");
		var $unitPrice = $("<div/>");
		var $picture = $("#product_img");
		var $morepics = $(".sg_detailseite .details_left div.morepics");
		var imgurl = "http://"+location.host+"/out/pictures/";
		//$("#test_product_price_unit").remove();
		$productPrice.parent().after($unitPrice);
		var price = $productPrice.html();
		
		//alert($unitPrice.html());
		(function(){
			//$productPrice.empty();
			//alert(price);
		
			if($me.find("option:first:selected").val() != undefined){				
				$("#test_toBasket_action_").parent().css({
					'visibility': 'hidden'
				});
			}else{
				//getDesc();
			}
			$me.bind('change', getDesc);
		})();
		
		function getDesc(){
			
			$.ajax({
				url: opt.serviceUrl,
				type: "get",
				data: {
					'artid': $me.find("option:selected").val()
				},
				dataType: "json",
				success: function(data){setDesc(data)}
				//error: function(XML, status, err){
					//alert(err);
				//}
			})
		}
		
		function setDesc(data){
			//alert(data.status);
			if(data.status=="ok"){
				$productPrice.empty();
				//alert(data.data.length);
				if(data.data.length > 0){
					$container.empty();
					$container.html(data.data);
				}
				$firstOpt = $($me.find("option:first"));
				if($firstOpt.val() == "" && data.parent != ''){
					$firstOpt.val(data.parent);
				}
				
				$("#test_product_name").text(data.title);
				if(data.parent == ""){
					$("#test_toBasket_action_").parent().css({
						'visibility': 'hidden'
					});
					$productPrice.html(price);
					$unitPrice.html('');
				}else{
					$("#test_toBasket_action_").parent().css({
						'visibility': 'visible'
					});
					$productPrice.html(data.price);
					if(data.unitprice){
						$unitPrice.html(data.unitprice);
					}
				}
				//console.log(data.oxpics);
				$morepics.empty();
				var n = 0;
				for(var x in data.oxpics){
					if(data.oxpics[x] !='nopic.jpg'){						
						generateMorePics((+x+1), data.oxpics[x]);
						if(n==0){
							setPicture(+x+1, data.oxpics[x]);
						}
					}
					++n;
				}
			}
		}
		
		function setPicture(index, pic){
		
			$picture.attr('src', imgurl + index + "/" + pic);
		}
		
		function generateMorePics(index, pic){
			var tmp = pic.split(".");
			var $a = $("<a/>");
			$a.attr('id', 'test_MorePics_'+index);
			$a.css('cursor', 'pointer');
			$a.click(function(){ setPicture(index, pic); });
			var $img = $("<img/>");
			$img.attr('src', imgurl + index + "/" + tmp[0] + "_ico." + tmp[1]);
			$img.appendTo($a);
			$a.appendTo($morepics);
		}
		
		
		return this;
	}
	//main function
	$.fn.ajaxDetails = function(options){
		var opt = $.extend({}, $.fn.ajaxDetails.defaults, options);
		if(!$(this).data('ajaxDetails')){
			$(this).data('ajaxDetails', new AJAXDETAILS(this, opt));
		}
		return $(this).data('ajaxDetails');
	}
	$.fn.ajaxDetails.defaults = {
		serviceUrl: "http://www.rodgau-poolshop.de/service.php"
		//serviceUrl: "http://dev.rodgau-poolshop.de/service.php"
		// WIRD IN DER _FOOTER.TPL übergeben
	};
})(jQuery);

$(function(){
	$("#test_varSelect_action_").ajaxDetails();
	//alert(1);
});