// ----------------------------------
//
// SlideShow.js
//
// Created by Martin Andres
// Requires jquery.js
//
// ----------------------------------

var SlideShow = new Object();

SlideShow = function(options) {
	this.debugWin = '';

	this.debug		= false;		if(options.debug)		this.debug		= options.debug;
	this.width		= "";			if(options.width)		this.width		= options.width;
	this.height		= "";			if(options.height)		this.height		= options.height;
	this.effect		= "fade";		if(options.effect)		this.effect		= options.effect;
	this.duration	= 4;			if(options.duration)	this.duration	= options.duration;
	this.label		= "slideshow";	if(options.label)		this.label		= options.label;

	this.data = new Array();

	this.maxNum = 0;
	this.curNum = -1;
	this.intObj = 0;
	this.intDoneObj = 0;
	this.hasText = false;
	this.inEffect = false;
	this.effectDuration = 2;
	if (this.duration > 0 && this.duration < this.effectDuration ) this.effectDuration = this.duration - 1;

	this.tog = "a";
	this.layA = this.label + "_laya";
	this.layB = this.label + "_layb";
	this.imgA = "";
	this.imgB = "";
	this.txtA = "";
	this.txtB = "";
	this.divA = "";
	this.divB = "";

	if (this.effect!='') this.tog = 'b';

	this.debugDraw("width=["+this.width+"]");
	this.debugDraw("height=["+this.height+"]");
	this.debugDraw("effect=["+this.effect+"]");
	this.debugDraw("duration=["+this.duration+"]");
	this.debugDraw("label=["+this.label+"]");
	this.debugDraw("debug=["+this.debug+"]");

	var html = "";
	html+="<div id='"+this.label+"' style='overflow:hidden;width:"+this.width+"px;height:"+this.height+"px;'>";
	html+="<div class='loading'><span>Loading...</span></div>";
	html+="</div>";

	document.write(html);
	this.debugDraw("html=["+html+"]");

}

SlideShow.prototype = {
	
	load: function() {
		this.debugDraw("load()");
		
		i = this.data.length;
		this.data[i] = new Object();
		this.data[i].src = arguments[0];
		if (arguments.length>1) {
			html = arguments[1];
			// parse out quotes
			p = html.indexOf("'"); if (p==0) p = html.indexOf('"');
			if (p>0) {
				html = html.substr(p+1,999);
				p = html.indexOf("'"); if (p==0) p = html.indexOf('"');
				html = html.substr(0,p);
			}
			this.data[i].text = html;
		} else {
			this.data[i].text = "";
		}
		if (this.data[i].text != "") this.hasText = true;
		
		jQuery("<img>").attr("src", this.data[i].src);

		//this.MM_preloadImages(this.data[i].src);

		this.debugDraw("data["+i+"].src=["+this.data[i].src+"] .text=["+this.data[i].text+"]");
	},

	transition: function(dir) {
		this.debugDraw("------------");
		this.debugDraw("transition("+dir+")");
		clearTimeout(this.intDoneObj);

		var thisObj = this;

		if (dir==1) {
			this.curNum++;
		} else {
			this.curNum--;
		}
		this.debugDraw("curNum=["+this.curNum+"] tog=["+this.tog+"] effect=["+this.effect+"]");

		if (this.curNum > this.maxNum) this.curNum = 0;
		if (this.curNum < 0) this.curNum = this.maxNum;

		if (this.tog == "a") {
			this.tog = "b";
			$('#'+this.label+'_imgb').attr('src',this.data[this.curNum].src);
			$('#'+this.label+'_txtb').html(this.data[this.curNum].text);
			lay1 = this.layA;
			lay2 = this.layB;
		} else {
			this.tog = "a";
			$('#'+this.label+'_imga').attr('src',this.data[this.curNum].src);
			$('#'+this.label+'_txta').html(this.data[this.curNum].text);
			lay1 = this.layB;
			lay2 = this.layA;
		}
	

		if (this.effect=="") {
			if (this.tog == "a") {
				$('#'+this.label+'_laya').css("display","block");
				$('#'+this.label+'_layb').css("display","none");
			} else {
				$('#'+this.label+'_laya').css("display","none");
				$('#'+this.label+'_layb').css("display","block");
			}
		}
		if (this.effect=="fade") {
			this.inEffect = true;
			if (this.tog == "a") {
				$('#'+this.label+'_laya').fadeIn("slow",function(){thisObj.transitionDone()});
				$('#'+this.label+'_layb').fadeOut("slow");
			} else {
				$('#'+this.label+'_laya').fadeOut("slow");
				$('#'+this.label+'_layb').fadeIn("slow",function(){thisObj.transitionDone()});
			}
		}
		if (this.effect=="slide") {
			this.inEffect = true;
			if (this.tog == "a") {
				//$('#'+this.label+'_laya').slideUp("slow");
				$('#'+this.label+'_layb').slideDown("slow");
			} else {
				//$('#'+this.label+'_laya').slideDown("slow");
				$('#'+this.label+'_layb').slideDown("slow");
			}
		}
		if (this.effect=="zoom") {
			this.inEffect = true;
			Effect.Grow(lay1, { duration: this.effectDuration });
			Effect.Shrink(lay2, { duration: this.effectDuration });
		}


		if (this.duration > 0) this.intObj = window.setTimeout(function() { thisObj.transition(1); }, 1000 * this.duration, this);
//		if (this.effect!="") this.intDoneObj = window.setTimeout(function() { thisObj.transitionDone(); }, 1000 * this.effectDuration, this);

//		var timeoutFunc1 = function() { thisObj.transition(1); };
//		var timeoutFunc2 = function() { thisObj.transitionDone(); };
//		if (this.duration > 0) this.intObj = window.setTimeout(timeoutFunc1, 1000 * this.duration, this);
//		if (this.effect!="") this.intDoneObj = window.setTimeout(timeoutFunc2, 1000 * this.effectDuration, this);

//		if (this.duration > 0) this.intObj = window.setTimeout(function(thisObj) { thisObj.transition(1); }, 1000 * this.duration, this);
//		if (this.effect!="") this.intDoneObj = window.setTimeout(function(thisObj) { thisObj.transitionDone(); }, 1000 * this.effectDuration, this);

//		if (this.duration > 0) this.intObj = window.setTimeout("alert('a');SlideShow.transition(1)", 1000 * this.duration, this);
//		if (this.effect!="") this.intDoneObj = window.setTimeout("alert('b');SlideShow.transitionDone()", 1000 * this.effectDuration, this);
	},

	transitionDone: function() {
		this.debugDraw("transitionDone()");
		this.inEffect = false;
	},

	move: function(dir) {
		this.debugDraw("move("+dir+")");
		clearTimeout(this.intObj);
		clearTimeout(this.intDoneObj);

		if (this.inEffect == false) {
			this.transition(dir);
		}
	},

	start: function() {
		this.debugDraw("write()");
	
		if (this.data.length>0) {

			var html = "";
			html+="<div id='"+this.label+"_laya' style='position:absolute;width:"+this.width+"px;height:"+this.height+"px;display:none;'><img id='"+this.label+"_imga' src='"+this.data[1].src+"'><div id='"+this.label+"_txta' class='text'>"+this.data[1].text+"</div></div>";
			html+="<div id='"+this.label+"_layb' style='position:absolute;width:"+this.width+"px;height:"+this.height+"px;display:none;'><img id='"+this.label+"_imgb' src='"+this.data[1].src+"'><div id='"+this.label+"_txtb' class='text'>"+this.data[1].text+"</div></div>";

			$('#'+this.label).html(html);

			this.imgA = $('#'+this.label+'_imga');
			this.imgB = $('#'+this.label+'_imgb');
			this.txtA = $('#'+this.label+'_txta');
			this.txtB = $('#'+this.label+'_txtb');
			this.divA = $('#'+this.label+'_laya');
			this.divB = $('#'+this.label+'_layb');
/*	
			this.debugDraw("imgA.src=["+this.imgA.src+"]");
			this.debugDraw("layA=["+this.layA+"]");
			this.debugDraw("divA.style.display=["+this.divA.style.display+"]");
			this.debugDraw("imgB.src=["+this.imgB.src+"]");
			this.debugDraw("layB=["+this.layB+"]");
			this.debugDraw("divB.style.display=["+this.divB.style.display+"]");
*/	
			this.maxNum = this.data.length - 1;
			this.debugDraw("maxNum=["+this.maxNum+"]");
	
			if (this.data.length>1) {
				this.transition(1);
			}
		}
	},


	debugDraw: function(txt) {
		if (this.debug==true) {
			if (this.debugWin=='') {
				this.debugWin = window.open('','Debug','top=0,left=0,width=500,height=700,scrollbars=1');
				this.debugWin.document.write("<pre>");
			}
			txt = txt.replace(/</g,'&lt;').replace(/>/g,'&gt;')
			this.debugWin.document.write(txt+"\n");
		}
	}

}