$(function()
{
	//-------------------------------------------------
	// page navigation :: init
	
	var curPage = 0, maxPage = 0;
	$('.pagenater .page').each(function()
	{
		var p = Number( $(this).attr('class').match(/\d+/) ) - 1;
		maxPage = maxPage > p ? maxPage : p;
		$(this).click( function() {
			pageTo( p );
		} );
	} );
	$('.pagenater .right').click(function()
	{
		if( curPage < maxPage ) pageTo( curPage+1 );
		
	} );
	$('.pagenater .left').click(function()
	{
		if( curPage > 0 ) pageTo( curPage-1 );
		
	} );
	$("div.thb").mousewheel(function(event, delta) { 
		if (delta < 0) {
			if( curPage < maxPage ) pageTo( curPage+1 );
		} else if (delta > 0) {
			if( curPage > 0 ) pageTo( curPage-1 );
		}
		return false;
	});
	function pageTo( p )
	{
		$("div.thb-inner").animate({ top: -516*p+"px" }, 300);
		$('.pagenater .p'+(curPage+1)).removeClass("on");
		curPage = p;
		$('.pagenater .p'+(curPage+1)).addClass("on");
		
		$('.pagenater .left').toggleClass( "disabled", curPage == 0 );
		$('.pagenater .right').toggleClass( "disabled", curPage == maxPage );
	}
	pageTo( 0 );
});

//-------------------------------------------------
// screen shot thumbnail :: write

function writeSS(num)
{
	var nRow = 4;
	var nLine = 4;
	var nGrid = nRow * nLine;
	var nPage = ( Math.floor( num / nGrid ) + 1 ) * nGrid;
	var nNum = nPage * nGrid;
	var html = "";
	
	for( var i = 1; i <= nNum; i++ )
	{
		var c = ( i % nRow == 0 ? " end" : "" );
		if( i <= num )
		{
			var n = ( i < 10 ? "0" : "" ) + i;
			var s = "background-image:url(../../Media/Images/ScreenshotThumb/s"+n+".gif);";
			html += '<a href="Images/Screenshot/s'+n+'.jpg" rel="superbox[gallery][ss]" class="shot'+c+'" style="'+s+'" title="CLICK TO ZOOM"><div><img src="../Common/Images/icn_zoom_of.png" class="zoom" /></div></a>\n';
		} else {
			html += '<span class="empty'+c+'" style="background-image:url(../../Media/Images/ScreenshotThumb/s00.gif);" title="EMPTY"></span>\n';
		}
	}
	
	document.write( html );
}