var loader = "<img src='fileadmin/templates/images/main/load.gif' class='load' alt='' width='32px' height='32px' />";
var preloader = "<img src='fileadmin/templates/images/main/load.gif' class='preload' alt='' width='32px' height='32px' />";

$(document).ready(function(){
	
	$('.portfolio_act_img').hide();
	$('#portfolio_act').append(loader);
	
	$('.thumb').hide();
	$('.portfolio_v_prod').append(preloader);
	
	$(window).load( function() {
    	$('.load').hide();
    	$('.preload').hide();
    	$('.portfolio_act_img').fadeIn('slow');
    	$('.thumb').fadeIn('slow');
	});
	
	$(".portfolio_v_prod a").click(function() {
	
		$('.portfolio_v_prod a img').animate({opacity: "1.0"}, 500);
		$(this).find("img").animate({opacity: "0.3"}, 500);
		
		$('.portfolio_act_img').hide();
		$('.load').show();
		
		var mainImage = $(this).find("img").attr("rel"); //Find Image SRC
		$(".portfolio_act_img").attr({ src: mainImage });
		
		
		var mainAltTitle = $(this).find("img").attr("alt"); //Find Image ALT/TITLE text
		$(".portfolio_act_img").attr({ alt: mainAltTitle, title: mainAltTitle });
		
				
		var mainLink = $(this).attr("href"); //Find Image LINK
		$("#portfolio_act a").attr({ href: mainLink });
		
		$('.portfolio_act_img').load( function() {
    		$('.load').hide();
    		$('.portfolio_act_img').fadeIn('slow');
		});
		
		return false;
			
	}); 
});