// relocate with window size
function checkWindowSize()
{
	var sw = Number( $(window).width() );
	if(sw < 480)
		switchClass(0);
	else if(sw < 768)
		switchClass(1);
	else if(sw < 922)
		switchClass(2);
	else
		switchClass(3);
}


// switch class for body
var classes = ["scr320", "scr480", "scr768", "scr922"];
function switchClass(idx)
{
	for(var i = 0; i < 4; i++)
	{
		if(i != idx) $("body").removeClass(classes[i]);
	}
	if( !$("body").hasClass(classes[idx]) ) $("body").addClass(classes[idx]);
}


// initialize
$(function()
{
	

	if($(window).width() >= 481)
	{
		/* initialize screeshots' clickable */
		$('.screenshot').each(function(index)
		{
			var img = $(this).attr("href");
			$(this).attr("href", "javascript:void();");
			$(this).click(function()
			{
				$.fancybox( {'href':img, 'centerOnScroll':true} );
			});
		});
		
		// check window when loaded
		checkWindowSize();
		$(window).resize(checkWindowSize);
		
	}else{
		$('.screenshot').each(function(index)
		{
			var img = $(this).attr("href");
			$(this).attr("href", "javascript:void();");
			$(this).click(function()
			{
				//$.fancybox( {'href':img, 'centerOnScroll':true} );
			});
		});
		
		// check window when loaded
		checkWindowSize();
		$(window).resize(checkWindowSize);
	}
	

	
});