ajaxImgs = Object();
ajaxImgs.currImgsList = '';
ajaxImgs.imgBox = Array();

ajaxImgs.fixPos = function(){
	
	$('#ajax-imgs div.img-box').each(function(index){
		$(this).css('position','absolute');
		var marginLeft = parseInt($(this).css('margin-left'));
		var fullWidth = parseInt($(this).css('margin-left')) + parseInt($(this).css('margin-right'))+parseInt($(this).css('width'));
		$(this).css('left',marginLeft + fullWidth*index + 'px')
	});
	
}

ajaxImgs.start = function(arg_num){
	ajaxImgs.currImgsList = '';
	$('#ajax-imgs img').each(function(){
	
		var src = new String($(this).attr('src'));
		src = src.split('/');

		ajaxImgs.currImgsList += src[src.length-1] + ' ';

	});

	$.getJSON('imgLister.php', { cur_imgs: ajaxImgs.currImgsList, cur_num: arg_num }, function(json){
		var cur_num = parseInt(json.curNum);
		ajaxImgs.imgBox[cur_num].mainImg.attr('src',json.thumbPath);
		ajaxImgs.imgBox[cur_num].data('fullPath', json.fullPath);
		
		//ajaxImgs.imgBox[cur_num].tempImg.show();
		ajaxImgs.imgBox[cur_num].mainImg.show();
		ajaxImgs.imgBox[cur_num].css('cursor','pointer');
		
		var timeShift = 10000 + Math.round(Math.random()*5000);
		setTimeout(function(){ajaxImgs.getNewImg(cur_num);},timeShift);
		
		if( cur_num < ajaxImgs.imgBox.length-1)
			ajaxImgs.start(cur_num+1);

	});
}

ajaxImgs.getNewImg = function(num){
	ajaxImgs.currImgsList = '';
	$('#ajax-imgs img').each(function(){
		var src = new String($(this).attr('src'));
		src = src.split('/');
		ajaxImgs.currImgsList += src[src.length-1] + ' ';
	});

	$.getJSON('imgLister.php', { cur_imgs: ajaxImgs.currImgsList, cur_num: num }, function(json){
		var cur_num = parseInt(json.curNum);
		ajaxImgs.imgBox[cur_num].tempImg.attr('src',json.thumbPath);
		ajaxImgs.imgBox[cur_num].data('fullPath', json.fullPath);
	});
}


ajaxImgs.changeImg = function (num){
	ajaxImgs.imgBox[num].mainImg.fadeOut(1000,function(){
		$(this).attr('src',$(this).parent().children('img.temp').attr('src'));
		$(this).show();
		var timeShift = 10000 + Math.round(Math.random()*5000);
		//var num = new  String($(this).parent().attr('id'));
		//num = num.split('-');
		var num = $(this).parent().data('number');
		setTimeout(function(){ajaxImgs.getNewImg(num);},timeShift);

	});
}

ajaxImgs.fixErrors = function(){
	var browserVersion = $.browser.version;
	browserVersion = browserVersion.split('.');
	browserVersion = parseFloat(browserVersion[0]+ '.' + browserVersion[1]);
	
	if($.browser.msie || ($.browser.mozilla && browserVersion<1.9))
		ajaxImgs.fixPos();
	if($.browser.msie && browserVersion<7)
		$('#ajax-imgs div.frame').css('background-image','url(img/design/img-hole.gif)');
	$('#ajax-imgs').css('visibility','visible');
}





ajaxImgs.prepare = function (){

	$('#ajax-imgs div.img-box').each(function(index){
		ajaxImgs.imgBox[index] = $(this);
		ajaxImgs.imgBox[index].tempImg = $(this).children('img.temp');
		ajaxImgs.imgBox[index].mainImg = $(this).children('img.main');
		$(this).click(function(){
			showImg($(this).data('fullPath'), false);
		});
		$(this).data('number',index);
	});
	$('#ajax-imgs div.img-box img.main').bind('load',function(){
		$(this).show();
		$(this).parent().children('img.temp').show();
		$(this).unbind('load');
	});
	
	ajaxImgs.start(0);
		
	$('#ajax-imgs div.img-box img.temp').load(function(){
		var num = $(this).parent().data('number');
		ajaxImgs.changeImg(num);
	});
	
	

}