$(function(){
		        $('#closeImage').live('click',hideInfo);
				$('a[rel=boxed]').live('click',showInfo);
		    });


function showInfo(evt){		

	evt.preventDefault();
	
	//-- укажите путь к картинкамc -
	//var imgPath = 'http://'+document.domain+'/images/';
	//---
	var wrapper      = $('<div id="alertWrapper" ></div>');
	var infoBlock    = $(document.createElement('iframe'));
	var container    = $('<div id="container"></div>');
	/*var loading      = $('<img id="iframeLoadImage" src="'+imgPath+'loading.gif" />');
	var closeImg     = $('<img id="closeImage" src="'+imgPath+'close.png" />');*/
	var loading      = $('<img id="iframeLoadImage" src="/images/loading.gif" />');
	var closeImg     = $('<img id="closeImage" src="/images/close.png" />');
	var linkToDirect = $(evt.target).attr('href');
						
	var wrapperCss   = {
					  	  'background-color' : 'black',
						  'position'         : 'absolute',
						  'z-index'          : '997',
						  'opacity'          : '0.7',
						  'top'              : '0',//window.pageYOffset, // '0',
						  'left'             : '0',
						  'height'           : window.innerHeight+window.scrollMaxY,//'100%',
						  'width'            : '100%'
					   };
	var infoBlockCss = {
						  'background-color' : 'white',
						  'z-index'          : '999',
						  'opacity'          : '1',
						  'position'         : 'absolute',
						  'display'          : 'none',
						  'top'              : 0,
						  'left'             : 0,
						  'border'           : 0,//'1px solid black',
						  'height'           : '470px',
						  'width'            : '600px'
					   };
	var containerCss = {
						  'background-color' : 'white',
						  'z-index'          : '998',
						  'opacity'          : '1',
						  'position'         : 'absolute',
						  'top'              : window.pageYOffset+window.innerHeight/2-235,
						  'left'             : window.innerWidth/2-300,
						  'border'           : '1px solid black',
						  'height'           : '470px',
						  'width'            : '600px'
					   };
	var imageCss	 = {											  
						  'z-index'          : '999',
						  'opacity'          : '1',
						  'display'          : 'block',
						  'position'         : 'absolute',
						  'top'              : 235-17,
						  'left'             : 300-17
					   };
	var closeImageCss = {								  
						  'z-index'          : '1000',
						  'opacity'          : '1',
						  'display'          : 'block',
						  'position'         : 'absolute',
						  'top'              : window.pageYOffset+window.innerHeight/2-235-11,
						  'left'             : window.innerWidth/2+300-16
					   };
										   
	var infoBlockSettings = {
								'src' : linkToDirect
							};
	loading.css(imageCss);	
	closeImg.css(closeImageCss);
	wrapper.css(wrapperCss);
	container.css(containerCss);
	infoBlock.attr(infoBlockSettings).css(infoBlockCss).load(function(){$('#iframeLoadImage').hide(); $(this).show();});
												
	wrapper.appendTo('body');
	container.appendTo('body');
	infoBlock.appendTo('#container');
	loading.appendTo('#container');
	closeImg.appendTo('body');
	
	return false;
}

function hideInfo(){
						$(this).remove();
						$('#container').fadeOut('slow',function(){$(this).remove();});
						$('#alertWrapper').fadeOut('slow',function(){$(this).remove();});									
				   }
