var elements = new Array();

$(document).ready(function(){


/*	$(".catalog-prew a").bind("click", function(){
		open($(this));
		return false;
	});*/


	var i = 0, y = -1;
/*	$(".catalog-prew").each(function() {
		elements[i] = $(this).children();	
		i++;
	});*/
	
	
	
	for (i = 0; i < $("a").length; i++){
		$el = $("a").eq(i);
		if ($el.children("img").length != 0){
			var str = $el.attr("href");
			var hrefIMG_jpg = str.indexOf('.jpg');
			var hrefIMG_gif = str.indexOf('.gif');
			if ((hrefIMG_jpg > 0) || (hrefIMG_gif) > 0) {
				y++;
				elements[y] = $el;
				$el.bind("click", function(){
					open($(this));
					return false;
				});
			}
		}
	}
	
});

function nextprev ($el) {

		var i;
		if (elements.length == 1) return {prev: 'none', next: 'none'};
		for (i = 0; i < elements.length; i++ ) {
			if 	($el.attr("href") == elements[i].attr("href")){
				if (i == 0) return {prev:'none', next: elements[i+1]};
				if (i == elements.length-1) return {prev: elements[i-1], next:'none'};
				return {prev: elements[i-1], next: elements[i+1]};
			}
		}
}

function open($el) {

	var np = nextprev($el);
	$prev = np['prev'];
	$next = np['next'];
	
	var code, width, width_img, height, height_img, rejim, simv = 0, simvol = 0;

	if ($("div.backgroundDiv").length == 0) _build();
	else _show(100, 100, 0);			
	
	imgPreloader = new Image();
	imgPreloader.src = $el.attr("href");
	imgPreloader.onload = function(){
		code = '<div class="margin"><div id="left"><a class="prev" href="#"><img src="img/prettyPhoto/left.gif"/></a></div><div id="right"><a class="next" href="#"><img id="right" src="img/prettyPhoto/right.gif"/></a></div><div class="clear"><div class="head">&nbsp;</div><a href="#" class="close"><img style="border: medium none ; float: right; margin-top: -1px;" src="img/prettyPhoto/btnClose.gif"/></a></div><img src="' + $el.attr("href") + '" id="main_img"/></div>';
		width = imgPreloader.width + 20;
		height_img = imgPreloader.height;
		height = imgPreloader.height + 40;
		$("#info").html(code);	
		window.setTimeout( function(){
			_show(width, height, 1);
			naves(width - 20, height_img, $next, $prev);
		}, 1000);
	}

	return false;
};


function _show(width, height, rejim){

	var pos = _getCenterPos(width, height);
	
	if (!rejim) $("div.contentHolder #info").css("display", "none");
	else $("div.contentHolder .loaderIcon").css("display", "none");

	$('div.contentHolder').animate({
				'width': width,
				'height': height,
				'top': pos['top'],
				'left': pos['left']
			}, "normal", function(){
				if (rejim) $("div.contentHolder #info").fadeIn("normal");
				else $("div.contentHolder .loaderIcon").fadeIn("normal");
			});
	
	if (height > $(document).height()) $('div.backgroundDiv').css('height', height + 30);	
}



function naves(width, height, next, prev){
	$('a.close').bind('click', function(){ close(); return false; });
	
	if (($prev == 'none') || ($prev == 'undefined')){
		$('div#left a').css("display", "none");
		$('div#left').css("height", height);
	}
	else $('div#left').css("height", height).mouseover (function(){ $('a.prev img').css("display", "inline");}).mouseout (function(){ $('a.prev img').css("display", "none");});

	if (($next == 'none') || ($next == 'undefined')){
		$('div#right a').css("display", "none");
		$('div#right').css("height", height);
	}
	else $('div#right').css("height", height).mouseover (function(){ $('a.next img').css("display", "inline");}).mouseout (function(){ $('a.next img').css("display", "none");});
	
	$('a.prev').children().css("margin-top", height/2 - $('a.prev').children().height()/2);
	$('a.next').children().css("margin-top", height/2 - $('a.prev').children().height()/2);
	
	$('a.prev').bind('click', function(){
		open($prev);
		return false;
	});
	
	$('a.next').bind('click', function(){
		open($next);
		return false;
	});

}


function _build(){

	if($.browser.msie && $.browser.version == 6){
		$('select').css('visibility','hidden');
	};

	backgroundDiv = "<div class='backgroundDiv'></div>";
	$('body').append(backgroundDiv);
	$('div.backgroundDiv').css('height',$(document).height());		
	contentHolder = '<div class="contentHolder"><div class="loaderIcon"></div><div id="info"></div></div>';
		
	$('body').append(contentHolder);

	$('.contentHolder').css({'opacity': 0});

	var pos = _getCenterPos($("div.contentHolder").width(), $("div.contentHolder").height());
	
	$('div.backgroundDiv').css('opacity',0).fadeTo('normal', 0.7, function(){
		$('div.contentHolder').css('opacity',0).fadeTo('normal', 1);
		$('div.contentHolder').css({left: pos['left'], top: pos['top']});	
	});


	window.setTimeout( function(){
		$('div.backgroundDiv').bind('click',function(){
			close();
		});
	}, 1000);

};
	
function close(){
	$('div.contentHolder, div.backgroundDiv').fadeOut('normal', function(){
			$('div.backgroundDiv').remove();
			$('div.contentHolder').remove();
			$("select").css("visibility", "visible");
	});
	
};
		
function _getCenterPos(w, h){
	
		var scrollPos = _getScroll();
			
		if($.browser.opera) {
			windowHeight = window.innerHeight;
			windowWidth = window.innerWidth;
		}else{
			windowHeight = $(window).height();
			windowWidth = $(window).width();
		};
			
		projectedTop = (windowHeight/2) + scrollPos['scrollTop'] - h/2;
		if (projectedTop < 0) projectedTop = 25;
		projectedLeft = (windowWidth/2) + scrollPos['scrollLeft'] - w/2;
		
		return {top: projectedTop, left: projectedLeft};
};

$(window).resize(function(){ if($(".contentHolder").size() > 0) _reshow() });
$(window).scroll(function(){ if ($("div.contentHolder").height() < $(window).height()) _reshow(); });

$(document).keyup(function(e){
	switch(e.keyCode){
		case 27:
			close();
			break;
	};
});

function _reshow() {
	
	var pos = _getCenterPos($("div.contentHolder").width(), $("div.contentHolder").height());
	$("div.contentHolder").css("top", pos['top']).css("left", pos['left']);
	
}

function _getScroll(){
	scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
	scrollLeft = window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
	return {scrollTop:scrollTop,scrollLeft:scrollLeft};
};