var interval;
	var fadeout;
	var menu = false;
	function nextStep()
			{
				if (step<images.length-1)
					step++
				else
					step=0
			}
	function perviousStep()
			{
				if (step == 0)
					step=images.length-1
				else
					step--
			}
	function fadeOut(p_slidetime, p_opacityInvis)
			{
				if (intervalCleared == false)
				{
				$("#slide").stop();
					$("#slide").animate({opacity: p_opacityInvis}, p_slidetime);
				}
				else
					{intervalCleared = true;}
				return;
			}
	function fadeIn(p_slidetime, p_opacityvis)
			{
				$("#slide").stop();
				$("#slide").animate({opacity: p_opacityvis}, p_slidetime);
			}

	function displayImg(p_opacity, p_nextStep, p_slidetime, p_opacityvis)
			{
					$("#slide").css({opacity: p_opacity});
					$("img",$("#slide_image")).attr("src",images[p_nextStep]["img_src"]);
					$("img",$("#slide_image")).attr("alt",images[p_nextStep]["img_title"]);

					if (images[p_nextStep]["height"] >= 0)
						$("img",$("#slide_image")).attr("height",images[p_nextStep]["height"]);
					else
						$("img",$("#slide_image")).attr("height",slide_height);

					$("p",$("#slide_desc")).html(images[p_nextStep]["img_dcp"]);
					$("#slide_title").html(images[p_nextStep]["img_title"]);
					step = p_nextStep;
					$("#slide").stop();
					$("#slide").animate({opacity: p_opacityvis}, p_slidetime);
			}

	function slideBack(p_imgInvis, p_slidetime, p_imgVis, p_currentStep, p_maxSteps)
		{
			slideStop(p_slidetime, p_imgVis);
			perviousStep();
			displayImg(p_imgInvis, step, p_slidetime, p_imgVis);
			//fadeIn(p_slidetime, p_imgVis);

			showCurrentImgAtNav();
		}

	function slideForw(p_imgInvis, p_slidetime, p_imgVis)
		{
			slideStop(p_slidetime, p_imgVis);
			nextStep();
			displayImg(p_imgInvis, step, p_slidetime, p_imgVis);
			//fadeIn(p_slidetime, p_imgVis);
			showCurrentImgAtNav();
		}

	function slideStop(p_slidetime, p_imgVis)
		{
			clearInterval(interval);
			intervalCleared = true;
			clearTimeout(fadeout);

			fadeIn(p_slidetime, p_imgVis);
		}

	function slideStart(p_time, p_slidetime, p_imgInvis, p_imgVis)
		{
			intervalCleared = false;
			//fadeOut(p_slidetime, p_imgInvis);

			interval = setTimeout("sliding()", p_slidetime+500);
		}

	function changeImgbyNav(p_step)
		{

			$("#button_Stop").attr("disabled","disabled");
			$("#button_Start").removeAttr("disabled");

			$("#button_Stop").addClass("disabled");
			$("#button_Start").removeClass("disabled");

			slideStop(slidetime, imgVis);
			clearInterval(interval);
			intervalCleared = true;
			clearTimeout(fadeout);

			//displayImg(imgInvis,p_step);
			displayImg(imgInvis,p_step, slidetime, imgVis);
			//fadeIn(slidetime, imgVis);

			showCurrentImgAtNav();




		}

	function showCurrentImgAtNav()
		{
			$("a").removeClass("navActive");
			$("#a_"+step).addClass("navActive");
		}



$(document).ready(function()
{
	$("#button_Start").click(function ()
				{
					$("#button_Stop").removeClass("disabled");

					$("#button_Stop").removeAttr("disabled");
					$("#button_Start").attr("disabled","disabled");

					$("#button_Start").addClass("disabled");

					slideStart(time, slidetime, imgInvis, imgVis);
				});
	$("#button_Stop").click(function ()
			{
					$("#button_Start").removeClass("disabled");

					$("#button_Start").removeAttr("disabled");
					$("#button_Stop").attr("disabled","disabled");

					$("#button_Stop").addClass("disabled");

					slideStop(slidetime, imgVis);
				});
	$("#button_Forward").click(function ()
				{
					$("#button_Start").removeClass("disabled");

					$("#button_Start").removeAttr("disabled");
					$("#button_Stop").attr("disabled","disabled");

					$("#button_Stop").addClass("disabled");

					slideForw(imgInvis, slidetime, imgVis);
				});
	$("#button_Back").click(function ()
				{
					$("#button_Start").removeClass("disabled");

					$("#button_Start").removeAttr("disabled");
					$("#button_Stop").attr("disabled","disabled");

					$("#button_Stop").addClass("disabled");

					slideBack(imgInvis, slidetime, imgVis, 0, images.length-1);
				});
});

	function sliding()
			{
				intervalCleared = false;
				nextStep();
				displayImg(imgInvis, step, slidetime, imgVis);
				//fadeIn(slidetime, imgVis);
				//fadeout = setTimeout(function(){fadeOut(slidetime, imgInvis);},time-slidetime);
				showCurrentImgAtNav();


				if (images[step]["duration"] > time)
				{
					interval = setTimeout("sliding()", images[step]["duration"]);
				}
				else
				{
					interval = setTimeout("sliding()", time);
				}
			}

	var slide_height;

	function InitSlideShow()
	{
		slide_height = $("img",$("#slide_image")).attr("height");

		showCurrentImgAtNav();
		$("#slideNavigation").show();
		if (menu == true)
		{
			$("#slidemenu").show();
			$("#slide_desc").show();
		}
		//perviousStep();
	    if(autostart == true)
			sliding();
	}


	 function preloadSlideshow()
     {
		InitSlideShow();
		return;

     	var img = new Image();
        $("img",$("#slide_image")).attr("src",'/images/loader.gif');
		var initialHeight = $("img",$("#slide_image")).attr("height");
        $("img",$("#slide_image")).attr("height", "15");
        preloadImages(initialHeight);
     }

	 function preloadImages(initialHeight)
     {
     	var pic = new Array();
     	var i, total, load = 0;
     	var loaded = false;


         	total = images.length;
             for(i=0; i<total; i++)
             {
             	pic[i] = new Image();
                 pic[i].onload = function()
                 {
                 	load++;
                     if(load == total)
                     {
                      loaded = true;
 	                    if(loaded == true)
     	                {
         		            $("img",$("#slide_image")).attr("src",imagePath + images[0]["img_src"]);
         		            if ((images[0]["height"] > 0))
        		            	$("img",$("#slide_image")).attr("height", images[0]["height"]);
        		            else
	         		            $("img",$("#slide_image")).attr("height", initialHeight);
                 			InitSlideShow();
                         }
                     }
                  }
               	 pic[i].src = images[i]['img_src'];
              }


      }