/**
 * v 1.02
 */
function delegate(object, method){
	return function(){
		return method.apply(object, arguments);
	};
}

function Galery(elBig, elSlide, thumbsPerSlide){
	this.elSlide        = $("#"+elSlide);
	this.elBig          = $("#"+elBig);
	this.elDisable      = $("#disable"); 
	this.thumbsPerSlide = thumbsPerSlide;
	this.offset         = 0;
	this.groupID        = 0;
	this.thumbsMax      = 200;
	this.thumbs         = null;
	this.domen          = "";
	$("#prev, #next").bind("click", delegate(this, this.onSlide));
}

Galery.prototype = {
	Init: function(group, countThumbs, _domen){
		this.groupID   = group;
		this.thumbsMax = countThumbs;
		this.domen     = _domen;
		if(this.thumbsPerSlide > this.thumbsMax)
			this.thumbsPerSlide = this.thumbsMax;
		this.LoadThumbs();
	},
	onSlide: function(e){
		var oldOffset = this.offset;
		var direct = e.target.id;
		if(direct == "prev") this.offset -= this.thumbsPerSlide;
		if(direct == "next") this.offset += this.thumbsPerSlide;
		if(this.offset < 0) this.offset = 0;
		if(this.offset > this.thumbsMax - this.thumbsPerSlide) this.offset = this.thumbsMax - this.thumbsPerSlide;
		if(oldOffset != this.offset) this.LoadThumbs();
	},
	onClickThumb: function(e){
		var thumb = $(e.target).parents(".thumbs");
		thumb = thumb.length ? thumb : $(e.target);
		var imageUrl = this.domen + "/images/sanatorium/" + this.groupID + "/" + this.thumbs[thumb.attr('id')]['name_file'];
		this.elBig.attr('title', this.thumbs[thumb.attr('id')]['name']);
		//var img = this.LoadImage(this.elBig, imageUrl);
		//var self = this;
		//self.EnableElement();
		this.elBig.attr('src', imageUrl);
		$("#photo-name").text(this.thumbs[thumb.attr('id')]['name']);
	},
	RenderSlideThumb: function(){
		var imgPath = this.domen + "/images/sanatorium/" + this.groupID + "/thumb/";
		var htmlSlide = "<table align='center'><tr>";
		for(var key in this.thumbs){
			htmlSlide += "<td class='thumbs' id='" + key + "'><img height='70' width='100' src='" + imgPath + this.thumbs[key]['name_file'] + "' title='" + this.thumbs[key]['name'] + "'></td>";
		}
		htmlSlide += "</tr></table>";
		this.elSlide.html(htmlSlide);
		this.SetHandler();
		//this.EnableElement();
	},
	SetHandler: function(){
		$(".thumbs").bind("click", delegate(this, this.onClickThumb));
	},
	LoadThumbs: function(){
		//this.DisableElement(this.elSlide);
		var self = this;
		$.ajax({
			type   : "POST",
			url    : "/ajax/get-photos.php?s_id=" + this.groupID,
			data   : "offset=" + this.offset + "&limit=" + this.thumbsPerSlide,
			success: function(data){
				//alert(data);
				self.thumbs = eval("(" + data + ")");
				self.RenderSlideThumb();
				self.ShowBigImg();
			}
		});
	},
	LoadImage: function(elImg, src){
		this.DisableElement(elImg);
		var img = new Image();
		img.src = src;
		return img;
	},
	LoadComplete: function(elImg){
		var self = this;
		elImg.effect("transfer", {to: "#bigPhoto"}, 300);
		elImg.queue(function(){
			self.elBig.fadeTo("slow", 1, function(){
				self.EnableElement();
			});
			$(this).dequeue();
		});
	},
	DisableElement: function(el){
		position = el.offset();
		this.elDisable.width (el.width());
		this.elDisable.height(el.height());
		this.elDisable.css({
			top : $.browser.msie ? position.top  - 2 : position.top,
			left: $.browser.msie ? position.left - 2 : position.left
		});
	},
	EnableElement: function(){
		this.elDisable.css({
			top : -10000,
			left: -10000
		});
	},
	ShowBigImg: function(){
		this.elBig.attr('src', this.domen + "/images/sanatorium/" + this.groupID + "/" + this.thumbs[this.offset].name_file);
		$("#photo-name").text(this.thumbs[this.offset].name);
	}
}