$(document).ready(function() {
	var $j = jQuery.noConflict();

	$j(".galeria-content img").css("cursor", "pointer");


	$j('.galeria-content li a').each(function(){
		
		
		$j(this).click(function(){
								
		var bigImg = $j(this).attr('title');
		
		
		var div = document.createElement('div');
				$j(div).attr("class", "divBackground");
				$j('body').append(div);
				$j(".divBackground").css({
										 'top' : "0",
										 'right' : "0",
										 'bottom' : "0",
										 'left' : "0",
										 'width' : "100%",
										 'height' : "100%",
										 'background-color' : '#000',
										 'z-index' : '999'
										 }).fadeTo(0, 0);
				
		var div = document.createElement('div');
				$j(div).attr("class", "wrap-large-image");
				$j('body').append(div);
				$j(".wrap-large-image").css({
										'top' : '50%',
										'margin-top' : '-255px',
										'margin-left' : '-320px',
										'left' : '50%',
										'width' : '640px',
										'height' : '480px',
										'padding' : '30px 5px 5px',
										'background' : '#fff',
										'z-index' : '999'
										}).fadeTo(0, 0);
				
				if (typeof document.body.style.maxHeight === "undefined") {
				$j("body, html").css({ "width" : "100%", "height" : "100%" })
				$j(".divBackground").css("position", "absolute");
				$j(".wrap-large-image").css("position", "absolute");
				}else{
				$j(".divBackground").css("position", "fixed");
				$j(".wrap-large-image").css("position", "fixed");
				}
			
				$j(".divBackground").fadeTo(400, 0.5, function(){
				
				
				$j(".wrap-large-image").html("<img class='large-image' src='"+bigImg+"' /><div style='position: absolute; right: 10px; top: 10px;'><img class='closeImg' src='./img/close.gif' alt='close' /></div>").fadeTo(400, 1);
				
				//click background
				$j('.divBackground, .closeImg').click(function(){
					$j(".wrap-large-image, .divBackground").fadeTo(400, 0, function(){
						$j(this).remove();
						$j(".divBackground").remove();
					});
				});
		
		
		
										  
				});
				
	    	});
						
	   });
	
	
	$j('.galeria-content li img').each(function(){
		
		
		$j(this).click(function(){
								
		var bigImg = $j(this).parent().parent().find('a').attr('title');
		
		var div = document.createElement('div');
				$j(div).attr("class", "divBackground");
				$j('body').append(div);
				$j(".divBackground").css({
										 'top' : "0",
										 'right' : "0",
										 'bottom' : "0",
										 'left' : "0",
										 'width' : "100%",
										 'height' : "100%",
										 'background-color' : '#000',
										 'z-index' : '999'
										 }).fadeTo(0, 0);
				
		var div = document.createElement('div');
				$j(div).attr("class", "wrap-large-image");
				$j('body').append(div);
				$j(".wrap-large-image").css({
										'top' : '50%',
										'margin-top' : '-255px',
										'margin-left' : '-320px',
										'left' : '50%',
										'width' : '640px',
										'height' : '480px',
										'padding' : '30px 5px 5px',
										'background' : '#fff',
										'z-index' : '999'
										}).fadeTo(0, 0);
				
				if (typeof document.body.style.maxHeight === "undefined") {
				$j("body, html").css({ "width" : "100%", "height" : "100%" })
				$j(".divBackground").css("position", "absolute");
				$j(".wrap-large-image").css("position", "absolute");
				}else{
				$j(".divBackground").css("position", "fixed");
				$j(".wrap-large-image").css("position", "fixed");
				}
			
				$j(".divBackground").fadeTo(400, 0.5, function(){
				
				
				$j(".wrap-large-image").html("<img class='large-image' src='"+bigImg+"' /><div style='position: absolute; right: 10px; top: 10px;'><img class='closeImg' src='./img/close.gif' alt='close' /></div>").fadeTo(400, 1);
				
				//click background
				$j('.divBackground, .closeImg').click(function(){
					$j(".wrap-large-image, .divBackground").fadeTo(400, 0, function(){
						$j(this).remove();
						$j(".divBackground").remove();
					});
				});
		
		
		
										  
				});
				
	    	});
						
	   });


});