// TCGallery, v1 6.09

var basepath;
var imgNr=1;
var albumID='';
var albumsInfos = Array();

var thbW=46;
var imgMarginRight=2;
var imageListW;
var scrollSpace=536;

var newImageLoaded;

function setParams() {
	// var am=$('');
	if (albumID) {
		var il=$('TCG_images_scroller');
		imageListW=(imgNr*(thbW+imgMarginRight));
		il.style.width=imageListW+'px';
	}
}

function TCG_changeImg(thb) {
	var tcg_img=$('TCG_Image');
	var tcg_img_div=$('TCG_ImageDiv');
	tcg_img_div.style.height=(parseInt(tcg_img.height)+4)+"px";
	tcg_img.src='http://www.scoobike.ch/imgs/TCG_loader.gif';
	newImageLoaded=new Image;
	newImageLoaded.src=thb.src.replace('thb/','');
	TCG_imgLoading();
}

function TCG_imgLoading() {
	var result=false;
	result=(result || newImageLoaded.complete);
	if (result) {
		TCG_loadedImg();
	} else {
		setTimeout("TCG_imgLoading()", 300);
	}
}

function TCG_loadedImg() {
	var tcg_img=$('TCG_Image');
	tcg_img.src=newImageLoaded.src;
	var tcg_img_div=$('TCG_ImageDiv');
	tcg_img_div.style.height="auto";
}

function TCG_changeAlbum(alb) {
	Effect.ScrollTo('TCGallerySpot');
	var i=0;
	
	if (alb.id!=albumID) {
		albumID=alb.id;
		for (i; i<albumsInfos.length; i++) {
			if (albumsInfos[i][0]==albumID) {
				var theInfos=albumsInfos[i];
				break;
			}
		}		
	}
	i=0;
	if (theInfos) {
		imgNr=theInfos[4].length;
		var il=$('TCG_images_scroller');
		Effect.Fade('TCG_images_scroller', {duration:0.9});
		setTimeout("disappearImgList();",1000);
		il.style.left='0px';
		setParams();
		
		var list='';
		var firstImg='';
		for (i; i<theInfos[4].length;i++) {
			if (!firstImg)
				firstImg=theInfos[3]+theInfos[4][i];
			list+='<div class="TCG_thbImageDiv"><img onclick="javascript:TCG_changeImg(this);" class="TCG_thbImage" src="'+theInfos[3]+'thb/'+theInfos[4][i]+'"></div>';
		}
		setTimeout("appearImgList('"+list+"');",1100);
		
		var title=$('TCG_albumTitle');
		title.innerHTML=theInfos[1];
		var descr=$('TCG_albumDescr');
		descr.innerHTML=theInfos[2];
		var tcg_img=$('TCG_Image');
		tcg_img.src=firstImg;
	}
}
function disappearImgList() {
	var il=$('TCG_images_scroller');
	il.innerHTML='';
}
function appearImgList(l) {
	var il=$('TCG_images_scroller');
	il.innerHTML=l;
	Effect.Appear('TCG_images_scroller');
}

// scroll delle immagini in lista
var scRepeat;
var speed=100;
function scrollImages(left) {
	var dir=left?speed:-speed;
	var il=$('TCG_images_scroller');
	if (!il.style.left) il.style.left='0px';
	
	if ( (left && parseInt(il.style.left)<0) || (!left && parseInt(il.style.left)+imageListW>=scrollSpace) ) {
		new Effect.Move(il, { x: dir, y: 0, duration:0.5});
		scRepeat=setTimeout("scrollImages("+left+");",499);
	} else {
		if (left) {
			dir=-parseInt(il.style.left);
			new Effect.Move(il, { x: dir, y: 0, duration:0.5});
		} else {
			dir=imageListW-scrollSpace;
			//new Effect.Move(il, { x: dir, y: 0, duration:0.5});
		}
	}
	
}
function stopScrollImages() {
	clearTimeout(scRepeat);
}

window.onload = function() { setParams(); };