var fadecontentviewer={
	
	csszindex: 100,
	fade:function($allcontents, togglerid, selected, speed){
		var selected=parseInt(selected)
		var $togglerdiv=$("#"+togglerid)
		var $target=$allcontents.eq(selected)
		if ($target.length==0){ //if no content exists at this index position (ie: stemming from redundant pagination link)
			alert("No content exists at page number "+selected+"!")
			return 
		}
		if ($togglerdiv.attr('lastselected')==null || parseInt($togglerdiv.attr('lastselected'))!=selected){

			
			
			var $toc=$("#"+togglerid+" .toc")
			var $selectedlink=$toc.eq(selected)
			$("#"+togglerid+" .next").attr('nextpage', (selected<$allcontents.length-1)? selected+1+'pg' : 0+'pg')
			$("#"+togglerid+" .prev").attr('previouspage', (selected==0)? $allcontents.length-1+'pg' : selected-1+'pg')
			$target.css({zIndex: this.csszindex++, visibility: 'visible'})
			$target.hide()
			$target.fadeIn(speed)
			$toc.removeClass('selected')
			$selectedlink.addClass('selected')
			$togglerdiv.attr('lastselected', selected+'pg')
		}
	},

	setuptoggler:function($allcontents, togglerid, speed){
		var $toc=$("#"+togglerid+" .toc")
		$toc.each(function(index){
				$(this).attr('pagenumber', index+'pg')
		})
		
		var $next=$("#"+togglerid+" .next")
		var $prev=$("#"+togglerid+" .prev")
		$next.click(function(){
			fadecontentviewer.fade($allcontents, togglerid, $(this).attr('nextpage'), speed)
			return false
		})
		$prev.click(function(){
			fadecontentviewer.fade($allcontents, togglerid, $(this).attr('previouspage'), speed)
			return false
		})
		$toc.click(function(){
			fadecontentviewer.fade($allcontents, togglerid, $(this).attr('pagenumber'), speed)
			return false
		})
	},

	init:function(fadeid, contentclass, togglerid, selected, speed){
		$(document).ready(function(){
			var faderheight=$("#"+fadeid).height()
			var $fadecontents=$("#"+fadeid+" ."+contentclass)
			$fadecontents.css({top: 0, left: 0, height: faderheight, visibility: 'hidden'})
			fadecontentviewer.setuptoggler($fadecontents, togglerid, speed)
			setTimeout(function(){fadecontentviewer.fade($fadecontents, togglerid, selected, speed)}, 100)
			$(window).bind('unload', function(){ //clean up
				$("#"+togglerid+" .toc").unbind('click')
				$("#"+togglerid+" .next", "#"+togglerid+" .prev").unbind('click')
			})
		})
	}
}

$(document).ready(function(){

var list=document.getElementById('screenshots').getElementsByTagName('ul'), i=0, l, a;
var root=document.getElementById('whatnewstoggler');


aprev=document.createElement('a');
aprev.className='prev';
aprev.appendChild(document.createTextNode('Prev'))
root.appendChild(aprev,lastA);
	
var lastA=root.getElementsByTagName('a')[root.getElementsByTagName('a').length-1];	
while(l=list[i++]){
		a=document.createElement('a');
		a.href='#';
		a.className='toc';
		a.appendChild(document.createTextNode('Page '+i))
		root.appendChild(a,lastA);
	}
		anext=document.createElement('a');
		anext.className='next';
		anext.appendChild(document.createTextNode('Next'))
		root.appendChild(anext,lastA);
		
		//Calculations to center #whatnewstoggler div
		var halfslideshow = 312;
		var new_width = $('#whatnewstoggler').width();
		var offset = new_width / 2; 
		var totalOffset = halfslideshow - offset;
		//alert(''+ totalOffset +'');
		$('.fadecontenttoggler').css({'margin-left': totalOffset});
		//Set to inline before display block to get correct width for IE6 + IE7
		root.style.display = "block";

});

fadecontentviewer.init("screenshots", "fadecontent", "whatnewstoggler", 0, 600);