var preloader  = Image()
preloader.src = "/img/loading.gif"

var w = $(window)

var fp_div  = document.createElement("div")
var fp = $(fp_div)
$('body').append(fp)
fp.css("position","absolute")
fp.css("z-index",10)
fp.css("background-color","white")
fp.css("padding",10)
fp.css("cursor","url(/img/zoomout.cur),default")

var fade = $(document.createElement("div"))
$('body').append(fade)
fade.css("position","absolute")
fade.css("z-index",5)
fade.css("width","100%")
fade.css("background-color","black")
fade.css("opacity",0.8)
fade.css("left",0)
fade.css("top",0)
fade.css("display","none")

show_fade = function() {
	fade.show()
	fade.css("height",$(document).height())
}

function move(action,div) {
	var div_position = $('#'+div).position();
	var div_parent = $('#'+div).parent()
	var scroll_width = (action=='-') ? $('#'+div).width() - div_parent.width() - 10 - Math.abs(div_position.left) : Math.abs(div_position.left)
	$('#'+div).animate({left: action+'='+scroll_width}, 1000)
	
	document.body.onmouseup = function() {$('#'+div).stop()}
}

fp.to_center = function() {
	$(this).css("top",(w.height()-$(this).height())/2+w.scrollTop() + "px")
	$(this).css("left",(w.width()-$(this).width())/2+w.scrollLeft() + "px")
}

fp.clear = function() {
	$(this).empty()
}

fp.show_preloader = function() {
	this.clear()
	$(this).append(preloader)
	this.to_center()
}

fp.effect_do = function() {
	$(this).css("opacity",0.0)
	$(this).animate({opacity: 1.0},1000)
}

fp.effect_posle = function() {
	$(this).animate({opacity: 0.0},500)
}

fp.click(function() {
	fp.clear()
	fade.hide()
	fp.hide()
})

function full_img(img_src) {		
	fp.show()
	show_fade()
	fp.show_preloader()

	var image  = new Image()
	image.src = img_src

	image.onload = function() { 
		fp.clear()
		fp.append(this)
		fp.to_center()
		fp.effect_do()
	}
}