// JavaScript Document

(function($) {
	$.fn.deepSlider=function(options) {
		var defaults={
				width:620,
				height:380,
				interval:5000,
				animation:1000,
				nextButton:'.next',
				prevButton:'.prev'
		};
		var options=$.extend(defaults,options);
		var loadingImage=absPath+"images/ajax-loader.gif";
		
		function debugArray(a)
		{
			var str="";
			for(var i=0;i<a.length;i++)
			{
				str+="["+i+"]= "+a[i]+"\n";
			}
			alert(str);
		}
		
		function debugVar(x) { alert(x); }
		
		return this.each(function() {
			var crtObj=$(this);
			var i=0;
			var nrImagini=options.data.length;
			var nrImagini_toLoad=nrImagini;
			var imagineSelectata=0;
			var flagAnimatie=true;
			
			/* adaug overlayul, loaderul si controalele */
			$("<li class='loader'><img src='"+loadingImage+"' alt='' /></li>").prependTo(crtObj);
			$("<li class='overlay'></li>").prependTo(crtObj);
			crtObj.after("<div id='controale'></div>");
			var loadingDiv=$("li.loader",crtObj);
			var controaleDiv=$("div#controale");
			
			/* preload imagini */
			for(i=0; i<nrImagini; i++)
			{
				var temp=new Image();
				temp.src=options.basedir+options.data[i];
				nrImagini_toLoad--;
			}
			/* cand se termina preloadul, se adauga slideurile, se ascunde loaderul si se afiseaza controalele */
			if(nrImagini_toLoad==0)
			{
				for(i=0; i<nrImagini; i++)
				{
					$("<li class='slide' id='"+i+"-imagine'><img src='"+options.basedir+options.data[i]+"' alt='' /></li>").appendTo(crtObj);
					controaleDiv.append("<div id='"+i+"-control' class='control inactiv'></div>");
				}
				loadingDiv.fadeOut(500);
			}
			/* selectez primul control si aduc prima imagine mai in fata */
			$("li#"+imagineSelectata+"-imagine").css("z-index",7);
			$("div#"+imagineSelectata+"-control").removeClass("inactiv").addClass("activ");
			
			/* EVENT: click pe controale */
			$("div.inactiv",controaleDiv).live("click", function() {
				if(flagAnimatie)
				{
					var tempID=parseInt($(this).attr("id"));
					flagAnimatie=false;
					$("div#"+imagineSelectata+"-control").removeClass("activ").addClass("inactiv");
					$("div#"+tempID+"-control").removeClass("inactiv").addClass("activ");
					$("li#"+tempID+"-imagine").css("z-index",6);
					$("li#"+imagineSelectata+"-imagine").fadeOut(500, function() {
						$("li#"+tempID+"-imagine").css("z-index",7);
						$("li#"+imagineSelectata+"-imagine").css("z-index",5).fadeIn(1);
						imagineSelectata=tempID;
						flagAnimatie=true;
					});
				}
			});
		});
	};
})(jQuery);