var tLen, tIdx = 0, tNum = 3;
var photoTimer = null;
var imgs = [];
var lnks, lnk;
var pl, pm, pp;
var dir = '250';
var maxSize = [250,170];
var slideShow = true;
function changePhoto(idx){
	idx = (isNaN(idx) ? (tIdx + 1) : idx) % tLen; 
	tIdx = idx;
	var l = lnks.eq(idx);
	clearTimeout(photoTimer);
	var left = l.offset().left - pm.offset().left - 1;
	if(typeof (imgs[idx]) != 'undefined'){
		var cur = $('#photoPreview img:first-child');
		var pos = cur.position();
		img = imgs[idx];
		var desc = l.children(":first-child").attr('alt');
		cur.css({
			position : 'absolute', 
			left : pos.left,
			background : '',
			top : pos.top
		}).animate({opacity:0,width:img[1]+'px',height:img[2]+'px',left:pp.offset().left+(pp.width()-img[1])/2+'px'},{queue:false,complete:function(){$(this).remove();}})
		.before('<img/>').prev().attr({'src':img[0].src, title:desc}).css({width:cur[0].width,height:cur[0].height}).animate({width:img[1]+'px',height:img[2]+'px'},{queue:false,callback:onComplete})
		.parent().children('p').html('<a href="'+l.attr('href')+'">'+desc +'</a>');
		lnks.removeClass('hover');
		l.addClass('hover');
		var pos = (pm.width() - left);
		if(pos <= 0){
			$('#photoNext').click();
		}else if(idx == 0){
			pl.animate({ left:"0px"}, 700);
		}
		if(slideShow)photoTimer = setTimeout('changePhoto()', 5000);
	}else{
		var img = new Image();
		//alert(pl.scrollLeft());
		l.append('<span class="load"/>').children('span:last-child').css({left:(left+10+parseInt(pl.css('left')))+'px', top : '15px'});
		$(img).bind('load', function() { 
			changePhoto(idx);
			w = maxSize[0] / this.width;
			h = maxSize[1] / this.height;
			pc = (w < h) ? w : h;
			if(pc > 1)pc = 1;
			imgs[idx] = [img, Math.round(this.width * pc), Math.round(this.height * pc)];
			l.find('.load').remove();
			//alert(imgs[idx][1].width + imgs[idx][1].height);
		});
		img.src = l.children(":first-child").attr('src').replace('90x60', dir);
	}
}
function onComplete(){
	
}
function getSize(idx){
	w = imgs[idx].width / imgs[idx].width;
	h = height / maxSize[1];
	pc = (w < h) ? w : h;
	
	$imgSize[0] = round($imgSize[0] * $pc);
	$imgSize[1] = round($imgSize[1] * $pc);
}
$(document).ready(function(){
	//$('#photoNews').html('<div id="photoPreview"><img src="/news/photos/imgs/450x450/'+arPhotos[0][0]+'.jpg"/><p>'+arPhotos[0][1]+'</p></div><div id="photoListWrapper"><a id="photoPrev" class="photoNav" href="#">&laquo;</a><div id="photoMask"><div id="photoList"></div></div>');
	//for(i in arPhotos){
	//	$('#photoList').append('<a href="#"><img src="/news/photos/imgs/90x60/'+arPhotos[i][0]+'.jpg" alt="'+arPhotos[i][1]+'"/></a>');
	//}
	//$('#photoListWrapper').append('<a id="photoNext" class="photoNav" href="#">&raquo;</a>');
	pl = $('#photoList');
	pm = $('#photoMask');
	pp = $('#photoPreview');
	lnks = pl.find('a');
	tLen = lnks.length;

	var l = $('#def');
	l = (l.length == 0) ? lnks.eq(0) : l;
	//margin = parseInt(lnk.css('margin-left')) + parseInt(lnk.css('margin-right'));
	width = l.outerWidth(true);//;parseInt(lnk.width()) + margin;
	plWidth = width * lnks.length;
	pmWidth = pm.width();
	pl.css('width', plWidth);
	pl.css('left', '0px');
	tNum = parseInt(pmWidth / width);
	var shift = width * tNum;
	var left = l.offset().left - pm.offset().left - 1 - 2 * width;
	//if(l.offset().left - pl.offset().left + pmWidth > plWidth){
	if(left < 0){
		//alert('asd');
		left = 0;//plWidth - pmWidth;
	}
	pl.css('left', -left);
	l.click();
	$("#photoNext").click(function() {
		//var newPos = pl.scrollLeft() - shift;
		var newPos = parseInt(pl.css('left')) - shift;
		//if (pmWidth + newPos < plWidth) {
		if ((plWidth + newPos) < pmWidth) {
			newPos = pmWidth - plWidth;
		}
		pl.animate({ left:newPos+"px"}, 500);
		return false;
	});
	$("#photoPrev").click(function() {
		var newPos = parseInt(pl.css('left')) + shift;
		if (newPos > 0) newPos = 0;
		pl.animate({ left:newPos+"px"}, 500);
		return false;
	});
	function rotateImage(){
		if(idx++ > tLen)idx=0;
		else changePhoto(idx);
	}
	if(slideShow){
		lnks.click(function(){var idx = lnks.index(this);changePhoto(idx);return false;});
		photoTimer = setTimeout('changePhoto()', 5000);
	}
	$('.event').hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});
});