﻿/// <reference path="libs/jquery-1.3.2-vsdoc.js" />

var imgSlide = {

	ImgCount:0,
	ImgInterval:1000,
	CurrentImg:0,
	OldImg:0,

	BuildAll: function() {
		
		imgSlide.ImgCount = $('div.gallerySlide img').size();
		$('div.gallerySlide').append("<div id='imsHolder'></div>");
		imgSlide.AddStripe();
		$("div.gallerySlide img:eq(" + imgSlide.CurrentImg + ")").css('display','block');
		ImgInterval = setInterval(imgSlide.ImgRotate, 6000);
	},
	
	ImgRotate: function() {
		imgSlide.AnimateInStripe(1,4);
		
		var wait = setInterval(function() {
			var inAnimation = false;
			
			for (var j=1; j< 4+1; j++){
				if( !$("#ims" + j).is(":animated")){
					inAnimation = true;
				}
			};
			
			if (inAnimation == true){
				clearInterval(wait);
				imgSlide.CurrentImg = (imgSlide.OldImg + 1) % imgSlide.ImgCount;
				$("div.gallerySlide img:eq(" + imgSlide.OldImg + ")").css('display','none');
				$("div.gallerySlide img:eq(" + imgSlide.CurrentImg + ")").css('display','block');
				imgSlide.OldImg = imgSlide.CurrentImg;
				imgSlide.AnimateOutStripe(1,4);
			};
			
		}, 50);
		
	},
	
	AddStripe: function() {
		for (var j=1; j< 4+1; j++){
			$('#imsHolder').append("<div id='ims" + j + "' class='ims'></div>");
		};
	},
	
	AnimateInStripe: function(i,x) {
		var numRand = Math.floor(Math.random()*200) + 800;
		
        $("#ims" + i).animate({width: '370px' }, numRand);
		
		if (i < x){
			imgSlide.AnimateInStripe(i + 1, x);
		};
	},
	
	AnimateOutStripe: function(i,x) {
		var numRand = Math.floor(Math.random()*200) + 800;
        $("#ims" + i).animate({width: '0px' }, numRand);
		if (i < x){
			imgSlide.AnimateOutStripe(i + 1, x);
		};
	}
};

$(document).ready(function() {
    imgSlide.BuildAll();
});