jQuery(document).ready(function() {
	
	

	
	
	
	
	$('#carousel').jcarousel( {
		scroll : 5,
		animation : "slow",
		wrap: "circular"
	});
	
	
	
	
	
	$("#carousel li").live('click', function(){
		var id=$(this).attr("id");
		
		id=id.replace("item_","");
		
		
		if (!id)
		{
			id=$(this).children().attr("longdesc");
		}
		
	
		show_detail(id);
	});
	
	$(".overlay .vor").live('click', function(){
		if (ElExists($(".big_detail"))) {
			var prev=$(this).parent().prev().attr("id");
		}
		else
		{
			var prev=$(this).parent().parent().prev().attr("id");
		}
		
		
		if (prev)
		{
			prev=prev.replace("detail_","");
			show_detail(prev);
		}
		else
		{
			var size = $(".overlay > div").size();
			var prev = $(".overlay div:nth-child("+size+")").attr("id");
			
			prev=prev.replace("detail_","");
			show_detail(prev);
		}
		
	});
	
	$(".overlay .zuruck").live('click', function(){
		
		if (ElExists($(".big_detail"))) {
			var next=$(this).parent().next().attr("id");
		}
		else
		{
			var next=$(this).parent().parent().next().attr("id");
		}
		
		if (next)
		{
			next=next.replace("detail_","");
			show_detail(next);
		}
		else{
			var next = $(".overlay div:eq(1)").attr("id");
			next=next.replace("detail_","");
			show_detail(next);
		}
	});
	
	
	$(".overlay .close").live('click', function(){
		$(".frame_top").fadeTo("fast", 1);
		$(".jcarousel-container").fadeTo("fast", 1);
		//$(".frame_bottom").fadeTo("fast", 1);
		$(".tx-imagecycle-pi1").fadeTo("fast", 1);
		$(".overlay").fadeOut();
		$(".overlay div").hide();
	});
	
	
	$(".overlay img.big_image").live('click', function(){
		$(".frame_top").fadeTo("fast", 1);
		$(".jcarousel-container").fadeTo("fast", 1);
		//$(".frame_bottom").fadeTo("fast", 1);
		$(".tx-imagecycle-pi1").fadeTo("fast", 1);
		$(".overlay").fadeOut();
		$(".overlay div").hide();
	});
	
	
	
	$(window).resize(function(){

		$(".overlay").center();
	});
});

function show_detail(id)
{
	//alert(id);
	$(".frame_top").fadeTo("fast", 0.4);
	$(".jcarousel-container").fadeTo("fast", 0.4);
	//$(".frame_bottom").fadeTo("fast", 0.4);
	$(".tx-imagecycle-pi1").fadeTo("fast", 0.4);
	
	if(ElExists($(".overlay #detail_"+id+" img.big_image")))
	{
		var width=$(".overlay #detail_"+id+" img.big_image").attr("width");
		$(".overlay").css("width",width+"px").center();
	}
	
	
	$(".overlay").fadeIn();
	$(".overlay div").hide();
	$(".overlay div.close").show();
	
	$(".overlay #detail_"+id+" div").show();
	$(".overlay #detail_"+id).fadeIn();
	/*var next=$(".overlay #detail_"+id).next().attr("id");
	var prev=$(".overlay #detail_"+id).prev().attr("id");
	
	//alert(prev + "-"+next);

	if (prev)
	{
		$(".overlay #detail_"+id+" .vor").show();
	}
	else
	{
		$(".overlay #detail_"+id+" .vor").hide();
	}
	
	if (next)
	{
		$(".overlay #detail_"+id+" .zuruck").show();
	}
	else
	{
		$(".overlay #detail_"+id+"  .zuruck").hide();
	}*/
}



function ElExists(el) {
	/* prueft ob ein Element im aktuellen DOM vorhanden ist
	 * @param el - Element-Selektor
	 * @return boolean
	 */
	if($(el).length==0) {
		return false;
	} else {
		return true;
	}
}

jQuery.fn.center = function () {
    //this.css("position","absolute");
    
	var frame=$(".frame").position();
	
	var left=(($(window).width() - this.outerWidth())/2)-frame.left;
	var top=(($(window).height() - this.outerHeight())/2)-490;
	
	this.css("top", top);
    this.css("left",left);
    return this;
}