function doResize()
{
	document.getElementById('thumbnails').style.height=document.documentElement.clientHeight + "px";
	document.getElementById('thumbnails').style.width="200px";
	document.getElementById('content').style.width=document.documentElement.clientWidth - "201" + "px";
	document.getElementById('previous').style.height=document.documentElement.clientHeight + "px";
	document.getElementById('next').style.height=document.documentElement.clientHeight + "px";
	
	//document.getElementById('main_image').style.width='30px';
	
	//document.getElementById('btnFitToWindow').style.visibility='hidden';
	
	screenSizeA = "fit";

	changeImageSize('fit');


}

window.onresize = doResize;


function changeImageSize( action )
{ 
	
	if( action == "adjust" )
	{
		if( $('#switch_fit').css("visibility") == 'hidden' )
		{
			action = "fit";
		}
		else
		{
		   action = "actual";
		}
		
	}
	
	if( action == "fit" )
	{
		//changecss('.replaced','width', document.documentElement.clientWidth - '201' + 'px'); 
		//changecss('.replaced','height', document.documentElement.clientHeight - '15' + 'px'); 
		//changecss('.dragContainer','width', document.documentElement.clientWidth - '201' + 'px'); 
		$(".replaced").css("height", document.documentElement.clientHeight - '15' + 'px'); 
		$("#dragContainer").css("width", document.documentElement.clientWidth - '201' + 'px');
		
		  
		$("#dragContainer").css("top", "15px");
		
		var width1 = document.documentElement.clientWidth - "201";
		var width2 = $(".dragContainer").css("width"); ;
		left = ( width1 - width2 ) / 2;

		$("#dragContainer").css("left", '2px');
		
		$("#switch_fit").css("visibility", "hidden");
		$("#switch_actual").css("visibility", "visible");
		
		//alert( "screenSize: " + screenSize); 
		//alert( "action: " + action );
		screenSizeA = "fit";

	}
	else
	{
		
		//changecss('.replaced','height', 'auto'); 
		//changecss('.replaces','position', 'relative');
		
		$(".replaced").css("height","auto");
		$(".replaced").css("position","relative");
		
		$("#dragContainer").css("left", "0");
		$("#dragContainer").css("top", "30px");
		
		$("#switch_fit").css("visibility", "visible");
		$("#switch_actual").css("visibility", "hidden");
	}
}