$(document).ready(function(){
	var value = "Suchbegriff eingeben";
	var g = $('#gallery');
	var gi = g.find('.image');
	var gib = gi.find('.big');
	var git = gi.find('.thumb');
	
	$('#searchterm').val(value);
	
	$('#searchterm').focus(function(){
		if($(this).val() == value){
			$(this).val('');
		}
	});
	
	var gallery_function = function(){
		var p = g.position();

		git.removeClass('active');
		$(this).addClass('active');
		
		gib.stop(true, true);
		
		if(gi.find('.big.active').length == 0 || $(this).parent().find('.big').hasClass('active')){
			$(this).parent().find('.big, .img_info').css('left', p.left).css('top', p.top).addClass('active');	
		}else{
			g.find('.big.active, .img_info.active').removeClass('active').addClass('fading').fadeOut(400, function(){$(this).removeClass('fading')});
			
			$(this).parent().find('.big, .img_info').css('left', p.left).css('top', p.top).fadeIn(400, function(){gi.find('img.big, div.img_info').not($(this).parent().find('img.big, div.img_info')).removeClass('active'); $(this).addClass('active')});
		}
	};
	
	git.not("#gallery.withcontent .image .thumb").mouseover(gallery_function);
	git.click(gallery_function);
	
	g.find('.image:first .thumb').click();
	
});