$(document).ready(function(){

	first = current = $('#images a:first');
	last =  $('#images a:last');
	
	// bilder einfaden auf jeder seite
	$("#images").css("display","none");
	$('#images').fadeIn(500);
	
	// mouse actions
	$('#images a').bind("mouseover", function (evt) {
		$(evt.currentTarget).fadeTo(100,0.8).fadeTo(200,1.0);
	});
	

	$('#images a').bind("click", function (evt) {
		//$(current).css({opacity: 0.5});
		current = $(evt.currentTarget);
		showImage();
	});
	
	$('#gallery_img').bind("click", function (evt) {
		closeImage();
	});

});
function showImage() {
	$("#gallery").css("display","block");
	$("#text").css("display","none");
	$("#images").find('div').css("display","none");
	
	$(current).css({opacity: 1.0});
	var text = $(current).find('img').attr('rel');
	var url = $(current).attr('rel');
	
	$("#gallery_img").css('backgroundImage', 'url('+url+')' );
	$("#gallery_img").css("display","none");
	$("#gallery_img").fadeIn(500);
}
function nextImage() {
	if(current.attr('rel') != last.attr('rel')) {
		if(current.parent().next().attr('rel') != undefined) {
			current = current.parent().next();
		} else {
			current = current.next();
		}
	} else {
		current = first;
	}
	
	showImage();
}
function prevImage() {
	if(current.attr('rel') != first.attr('rel')) {
		if(current.parent().prev().attr('rel') != undefined) {
			current = current.parent().prev();
		} else {
			current = current.prev();
		}
	} else {
		current = last;
	}
	showImage();
}
function closeImage() {
	$("#gallery").fadeOut(300);
	$("#text").css("display","block");
	$("#images").find('div').css("display","block");
}