// JavaScript Document


/*var IEAnim = Class.create ({
				
	initialize: function() {
		images: new Array();
		images[0] = $('<img src="images/20110427_198.png" alt=""/>');
		images[1] = $('<img src="images/20110427_2021.png" alt=""/>');
		images[2] = $('<img src="images/20110427_87.png" alt=""/>');
		images[3] = $('<img src="images/5popup.png" alt=""/>');
		images[4] = $('<img src="images/20110427_18.png" alt=""/>');
		
		$(images).each( function () {
			img = $(this);
			img.css("display","none");
			$("#stage").append(img);
		});
		
		play: function() {
		alert(images);
			$(images).each( function () {
				img = $(this);
				img.fadeIn("slow");
			});
		}
}*/

// JavaScript Document

function SlideShow(updateDiv, jsonPath, interval) {
							var updateIt = $("#"+updateDiv);
							
							var jsonx = jsonPath;
							 
							var images = null;
							 
							var counter = 0;
							 
							var largePath = '';
							 
							var thumbPath = '';
							 
							var speed = 3000;
							 
							var duration = 1.0;
							var self = this;
							 
							
							var initialize = function() {
								 if (interval) {
								 	this.speed = interval;
								 }
							
							var fadeImage= function() {
								 var oneLess = counter - 1;
								if ($('#slideImage'+oneLess)) {
								 	$('#slideImage'+oneLess).fadeOut(1500);
								 }
							 };
							 
							 var showImage= function() {				 
								 fadeImage();
								 if (counter >= this.images.length) counter = 0;
								 
								 if ($('#slideImage'+counter)) {
								 	$('#slideImage'+counter).fadeIn(500);
									counter++;
								 	var self = this;
								 	setTimeout(function() {
													showImage();
													 }, speed);
								 }
								 
							 };
							 
							 var start= function() {
								 showImage();
							 };
							 
							var addImage = function() {
								 //this.updateIt.update();
								 zI = updateIt.css("zIndex");
								 for (var i = 0; i < this.images.length; i++) {
								 	var imageEl = $('<img src="'+this.largePath+this.images[i]+'" id="slideImage'+i+'"/>');
									zI = zI+i;
									imageEl.css({zIndex:zI, position:'absolute'});
									imageEl.hide();
									updateIt.append(imageEl);
								 }								
								 start();
								 updateIt.append("&nbsp;");
							 };
								 
								var self = this;
								$.getJSON(jsonx, function (response) {
																//alert(response["lgPath"]);
												self.largePath = response["lgPath"];
												self.images = response["images"];
												success: addImage();
										});
													
							 };
							 
							var i = initialize();
							 
							 
			}