var full_img_counter = 0;
var thumb_counter = 0;
var c = 0; var t;

$(function(){
		$('.thumbnails img').mouseover(function(){
			$(this).fadeTo('fast', 0.5);
			//$(this).css({ 'text-align': 'center' });
		}).mouseout(function(){
			$(this).fadeTo('fast', 1);
			//$(this).css({ 'text-align': 'center' });
		});
	});
	
	var img_no = new Array();
	img_no[0] = 1; //First image loaded.
	
	/*
	function loadFullImg(full_img_src, thumb_no) {
		loading();
		var j = 0;
		for(var i = 0; i <= img_no.length-1; i++) {
			if(img_no[i] == thumb_no) {
				showImg(full_img_src);
				break;
			} else {
				j = 1;
			}
		}
		
		if(j == 1) {
			img_no[img_no.length] = thumb_no;
			preloadFullImg(full_img_src);
		}
	}
	
	function preloadFullImg(full_img_src) {
		loading();
		var img = new Image();
		img.src = full_img_src;
		img.onload = function() {
			img.onload = null;
			$('img#full_img').attr('src',full_img_src).fadeIn("slow");
			loaded();
			//$('#thumb_no').html('image '+ album_img_i+ ' / '+ album_img_num);
		}
	}
	*/
	function showImg(full_img_src, img_arr_index) {
		if(img_arr_index == undefined) {
			if($('img#full_img').attr('src') == undefined) {
				$('img#full_img').attr('src',full_img_src).fadeIn(3000);
			} else {

				$('img#full_img').fadeOut(1500, function(){
					$(this).attr('src',full_img_src).fadeIn(3000);
				});	
			}
		} else {
			clearTimeout(t);
			c = img_arr_index;
			runSlideImgs(10000); //more delay on clicked img.
			
		}
		//loaded();
		//$('#thumb_no').html('image '+ album_img_i+ ' / '+ album_img_num);
	}
	
	var thumbnail_srcs = new Array();
	function collectThumbnailSrc(thumb_src) {
		thumbnail_srcs.push(thumb_src);
	}
	function preloadThumbnail() {
		loading();
		for(var j = 0; j < thumbnail_srcs.length; j++) {
			var thumb = new Image();
			thumb.src = thumbnail_srcs[j];
			thumb.onload = function() { //when img loading complete
				thumb_counter++;
				if(thumb_counter == thumbnail_srcs.length && full_img_counter == full_img_srcs.length) {
					loaded();
				}
			}
			
		}

	}
	
	var full_img_srcs = new Array();
	function collectFullImgSrc(src) {
		full_img_srcs.push(src);
	}
	
	function preloadFullImg(full_img_src) {
		var full_img = new Image();
		full_img.onload = function() {
			full_img_counter++;
			$('#modal td#img_no').html(full_img_counter + '/' +full_img_srcs.length);
			if (full_img_counter == full_img_srcs.length) {
				loaded();
			}
		};
		full_img.src = full_img_src;
		
	}
	function preloadFullImgs() {
		loading();
		for(var i = 0; i < full_img_srcs.length; i++) {
			preloadFullImg(full_img_srcs[i]);
		}
	}

	function preloadAllImg() {
		//preloadThumbnail();
		preloadFullImgs();
	}
	
	function loading() {
		$('html').css({ overflow: 'hidden'});
		$('#overlay, #modal').show();
	}
	function loaded() {
		$('html').css({ overflow: 'auto'});
		$('#overlay, #modal').hide();
		runSlideImgs(8000); //default time of slide
	}
	
	//slide cus photos
	var flag = 0; //for delay clicked img.
	function runSlideImgs(ms) {
		if (flag == 1) { ms = 8000; flag = 0; }
		if (c < full_img_srcs.length) {
			showImg(full_img_srcs[c]);
			c++;
			if (ms == 10000) flag = 1;
			
			t = setTimeout('runSlideImgs('+ ms +')',ms);
		} else {
			c = 0;
			if (ms == 10000) flag = 1;
			t = setTimeout('runSlideImgs('+ ms +')',ms);
		}
		
			
	}