var elements = new Array();
var totalElements;
var totalSlides;
var allShown = false;
$(document).ready(function()
{

	counter1 = 0;
	$(".element").each(function()
	{
		id = $(this).attr("id");
		content = $(this).html();
		elements[counter1] = content;
		counter1++;
	});
	totalElements = elements.length;
	totalSlides = totalElements;

	draw(1);
	
	$("#showall").click(function()
	{
		showHideSlider();
	});

});

function onBefore(currSlideElement, nextSlideElement, options, forwardFlag)
{
	if(options.nextSlide == (totalSlides - 1))
	{
		//alert($(nextSlideElement).children("div:last").attr("id").split("_")[1]);
		//var startingSlide = $(nextSlideElement).children("div:last").attr("id").split("_")[1];
		//draw(startingSlide);
	}
}

function showHideSlider()
{
	if(!allShown)
	{
		$("#next").css("display", "none");
		$("#previous").css("display", "none");
		$("#container").css("display", "none");
		
		$("#elements").css("display", "block");
		
		$("#showall a").html("show less");
		
		allShown = true;
	}
	else
	{
		$("#elements").css("display", "none");
		
		$("#next").css("display", "block");
		$("#previous").css("display", "block");
		$("#container").css("display", "block");
		
		$("#showall a").html("show all");
		
		allShown = false;
	}
}

function draw(beginSlide) 
{

	var slide = new Array();
	currentSlide = beginSlide - 1;
	for(num=0; num<=(totalSlides - 1); num++)
	{
		slide[num] = new Array();
		slide[num][0] = elements[currentSlide];

		if(currentSlide == (totalElements - 1))
		{
			currentSlide = 0;
		}
		else
		{
			currentSlide++;
		}

		slide[num][1] = elements[currentSlide];
		$("#slide_"+(num+1)).html(""+slide[num][0] + ""+ slide[num][1]+"");

		if(currentSlide == (totalElements - 1))
		{
			currentSlide = 0;
		}
		else
		{
			currentSlide++;
		}
		
	}

	$("#container").cycle({
		fx: 'scrollHorz',
		timeout: 5000,
		next: '#next',
		prev: '#previous',
		cleartype:  true,
		cleartypeNoBg:  true,
		pause: 1,
		pauseOnPagerHover: 1,
		before: onBefore
	});

}