/*
 * Fuegt Bildern mit der CSS-Klasse
 * aus der Variable jQuerySlideOverClass
 * einen huebschen Slive-Over-Effekt hinzu
 * 
 * @author	pehret
 * @author	mail@philip-ehret.de
 * 
 * @version	1.0.0
 */

/*
 * Variable, in der die CSS-Klasse gespeichert wird
 * @var		string
 */
var jQuerySlideOverClass = "jquery-slideover";

/*
 * Funktion, die nach vollstaendigem
 * Laden des DOM den Effekt hinzufuegt
 */
jQuery(document).ready(function($){
	$('img.' + jQuerySlideOverClass).css('cursor', 'pointer').css('opacity','.5').css('filter',' alpha(opacity=50)').bind('mouseenter', function(e){
		$(this).stop();
		$(this).css('opacity','.5').css('filter','alpha(opacity=50)');
		$(this).fadeTo(600, 1);
	}).bind('mouseleave', function(e){
		$(this).stop();
		$(this).css('opacity','1').css('filter','alpha(opacity=100)');
		$(this).fadeTo(600, .5);
	});
});
