var slideshowItemDuration = 3800;
var slideshowHeight = 445;
var slideshowArrowWidth = 300;
var slideshowPlayWidth = 55;
var imageWidth = 1280;
var playing = false;

function createSlideshow()
{
	slideshowWidth = $(document.body).width();
	//PrevButton
	var prevButton = $('<a><div></div></a>');
	prevButton
		.attr('href', 'javascript:void(0)')
		.addClass('slideshow-prev-button')
		.css('position', 'absolute')
		.css('z-index', '2000')
		.css('width', slideshowArrowWidth + 'px')
		.click( function()
		{
			if( playing )
			{
				stopTimer();
				startTimer();
			}
			processPrevItem();
		});
		
		
		
	//NextButton                    
	var nextButton = $('<a><div></div></a>');
	nextButton
		.attr('href', 'javascript:void(0)')
		.addClass('slideshow-next-button')
		.css('position', 'absolute')
		.css('width', slideshowArrowWidth + 'px')
		.css('left', (slideshowWidth-slideshowArrowWidth) + 'px')
		.click( function()
		{
			if( playing )
			{
				stopTimer();
				startTimer();
			}
			processNextItem();
		});
		
	//PlayButton
	var playButton = $('<a></a>');
	playButton
		.attr('href', 'javascript:void(0)')
		.addClass('slideshow-pause-button')
		.css('position', 'absolute')
		.css('width', slideshowPlayWidth + 'px')
		.css('left', (slideshowWidth/2-slideshowPlayWidth/2) + 'px')
		.click( function()
		{
			if( playing )
			{
				stopTimer();
				$(this)
					.removeClass('slideshow-pause-button')
					.addClass('slideshow-play-button');
			}
			else
			{
				startTimer();
				$(this)
					.addClass('slideshow-pause-button')
					.removeClass('slideshow-play-button');
			}
		});
		
	$('#slideshow ul li')
	.hide()
	.css('position', 'absolute')
	.css('left', slideshowWidth / 2 - imageWidth/2 );
	
	$('#slideshow ul li label')
	.css('position', 'absolute')
	.css('top', '400px');
	
	$('#slideshow ul li label').each( function()
	{
		$(this).css('right',  imageWidth/2 - slideshowWidth / 2  );//(slideshowWidth ) + 'px');
	});

	$('#slideshow ul')
		.append(prevButton)
		.append(nextButton)
		.append(playButton)
		.css('width', slideshowWidth)
		.css('height', slideshowHeight)
		.css('overflow', 'hidden')
		.mouseover(function()
		{
			playButton.show();
		})
		.mouseout(function()
		{
			playButton.hide();
		});
		

	var currentItem = -1;
	var starting = true;
	
	function processItem( pos )
	{
		var items = $('#slideshow li');
		
		if(pos>0)
		{
			$(items.get(pos-1)).css('z-index','0');
		}
		else
		{
			$(items.get(items.length-1)).css('z-index','0');
		}
		if(pos<items.length-1)
		{
			$(items.get(pos+1)).css('z-index','0');
		}

		if( starting )
		{
			starting = false;
			$(items.get(pos)).show();
		}
		
		items.find('label').show();
		
		$(items.get(pos))
		.css('z-index','1000')
		.fadeIn('slow', function()
		{
			if(pos>0)
			{
				$(items.get(pos-1)).hide();
			}
			else
			{
				$(items.get(items.length-1)).hide();
			}
			if(pos<items.length-1)
			{
				$(items.get(pos+1)).hide();
			}
		});
	}
	
	function processNextItem()
	{
		currentItem++
		if( currentItem == $('#slideshow li').length )
		{
			currentItem = 0;
		}
		processItem( currentItem );
	} 
	
	function processPrevItem()
	{
		currentItem--;
		if( currentItem == -1  )
		{
			currentItem = $('#slideshow li').length -1;
		}
		processItem( currentItem );
	} 
	
	function startTimer()
	{
		$(document).everyTime(slideshowItemDuration, processNextItem);
		playing = true;
	}
	
	function stopTimer()
	{
		$(document).stopTime();
		playing = false;
	}
	
	$(window).resize(function() {
		slideshowWidth = $(document.body).width();
		playButton.css('left', (slideshowWidth/2-slideshowPlayWidth/2) + 'px');
		nextButton.css('left', (slideshowWidth-slideshowArrowWidth) + 'px');
		$('#slideshow ul li').css('left', slideshowWidth / 2 - imageWidth/2 );
		
		$('#slideshow ul')
		.css('width', slideshowWidth);
		
		$('#slideshow ul li label').each( function()
		{
			$(this).css('right',  imageWidth/2 - slideshowWidth / 2 );
		});
	});
	
	processNextItem();
	startTimer();
	
	$('#slideshow').supersleight({shim: 'images/common/x.gif', backgrounds: true, apply_positioning: true });
slidedown();
}


$(document).ready(function()
{
	$('#slideshow ul li')
	.hide()
	.css('position', 'absolute')
	//.css('left', (slideshowWidth / 2 - imageWidth/2) )
	;
	
	slideshowWidth = $(document.body).width();
	$('#slideshow ul li').css('left', slideshowWidth / 2 - imageWidth/2 );
	$($('#slideshow ul li').get(0)).show();

	$(window).resize(function() {
		slideshowWidth = $(document.body).width();
		$('#slideshow ul li').css('left', slideshowWidth / 2 - imageWidth/2 );
	});
});

function slidedown()
{
 if ($.browser.msie && $.browser.version.substr(0,1)<7)
 {
  $('#page').animate({"top": 0}, 1000 );
 }
 else
 {
  $('#page').animate({"margin-top": 0}, 1000 );
 }
}