function init_shows_page() {
	var document_width = $(document).width();
	var document_height = $(document).height();
	
	
	$('img.preview').each(function() {
		$(this).mouseover(function(event) {
			$('#float_image div.container').empty();
			
			$('<img src="'+$(event.target).attr('big_src')+'" />').appendTo('#float_image div.container');
			
			makePosition(event);
			
		});
		
		$(this).mouseout(function(event) {
			$('#float_image div.container').empty();
			$('#float_image').hide();
		});
		
		$(this).mousemove(function(event) {
		});
	});
}


function makePosition(event) {
	$('#float_image').css({
		display: 'block',
		zIndex: '100'
	});
	
	var  x = event.pageX, y = event.pageY;
	var pageSizes = getPageSize();
	
	
	console.log('!!!');
	console.log(pageSizes);
	console.log($('#float_image').width());
	console.log(x + $('#float_image').width());
	console.log(pageSizes[0]-10);
	
	x-= 40;
	y-= 40;
	
	if(x + $('#float_image').width() >= pageSizes[0]-50) {
		x = x - $('#float_image').width();
	}
	
	if(y + $('#float_image').height() >= pageSizes[3]-50) {
		y = y - $('#float_image').height();
	}
	
	$('#float_image').css({
		left: x + 'px',
		top: y + 'px',
	});
	
}

$(document).ready(function() {
//	init_shows_page();
});



function getPageSize() {
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}
	
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}

	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}


	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;
}