// JavaScript Document
var is_ie = (navigator.appName.match(/microsoft internet explorer/i))	?	true	:	false;
var ua = navigator.userAgent;
var window_width = document.viewport.getWidth();
var window_height = document.viewport.getHeight();
var screen_width = screen.width;
var screen_height = screen.height;
var window_total_width = 0;
var window_total_height = 0;

var is_ie6=false;
var is_ie7=false;
var is_ie8=false;
var is_firefox=false;
var is_safari=false;
var debug = false;
if(is_ie)
{
	var res = ua.match(/MSIE (\d)/);
	var nav_name = "Microsoft Internet Explorer";
	var version = res[1];
		//alert(app_version.match(/MSIE (\d)/));
		//do_chat_connect();
}
else
{
	var res = ua.match(/([a-z]+)\/(\d+)(\.\d+)*$/i);
	if(res)
	{
		var nav_name = res[1].toLowerCase();
		var version = res[2];
		//alert(version);
	}
	else
	{
		var nav_name = "Unknown";
		var version = "?";
	}
}
if(is_ie && version<=6)
{
	//IE6
	is_ie6=true;
}
if(is_ie && version==7)
{
	//IE7
	is_ie7=true;
}
if(is_ie && version==8)
{
	//IE8
	is_ie8=true;
}
if(nav_name=="firefox")
{
	is_firefox=true;	
}
if(nav_name=="safari")
{
	is_safari=true;	
}

display_debug = function()
{
	if(!$('debug_console'))
	{
		var deb_layer=new Element('div', {id:'debug_console'});
		$('body').insert(deb_layer);
	}
	else
	{
		$('debug_console').style.height = $('debug_console').getHeight()+'px';
		$('debug_console').update();	
	}
	
	if( typeof( window.innerWidth ) == 'number' )
	{
    	//Non-IE
    	window_total_width = window.innerWidth;
    	window_total_height = window.innerHeight;
  	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
	{
    	//IE 6+ in 'standards compliant mode'
    	window_total_width = document.documentElement.clientWidth;
    	window_total_height = document.documentElement.clientHeight;
  	}
	else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
	{
    	//IE 4 compatible
    	window_total_width = document.body.clientWidth;
   		window_total_height = document.body.clientHeight;
  	}
	var scrOfX = 0, scrOfY = 0;

  	if( typeof( window.pageYOffset ) == 'number' )
	{
		//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
  	}
	else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) )
	{
		//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
  	}
	else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) )
	{
		//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
  	}

	
	var size_after_load = document.viewport.getDimensions();
	var scroll_offset = document.viewport.getScrollOffsets();
	
	var resolutionW = "Sizes (Window viewport): " + window_width + "x" + window_height;
	var resolutionWT = "Sizes (Window & scrollbars): " + window_total_width + "x" + window_total_height;
	var resolutionS = "Resolution (Screen): " + screen_width + "x" + screen_height;
	var afterLoad = "Res (after load): " + size_after_load.width + "x" + size_after_load.height; 
	var scrollingP = "Scrolls offsets (Prototype): " + scroll_offset.left + "(left), " + scroll_offset.top + "(top)";
	var scrolling = "Scrolls offsets: " + scrOfX + "(left), " + scrOfY + "(top)";
	var nav = "Navigator: "+nav_name;
	var ver = "Version: " + version;
	
	$('debug_console').insert(new Element('p').update(nav));
	$('debug_console').insert(new Element('p').update(ver));			

	
	$('debug_console').insert(new Element('p').update(resolutionW));
	$('debug_console').insert(new Element('p').update(resolutionWT));
	$('debug_console').insert(new Element('p').update(resolutionS));
	
	$('debug_console').insert(new Element('p').update(afterLoad));
	$('debug_console').insert(new Element('p').update(scrolling));
	$('debug_console').insert(new Element('p').update(scrollingP));
	
}

//Special case for Ie8, because when page loads, it keeps the old page sizes, we need to update body element
correct_sizes = function()
{
	if(document.body.scrollWidth)
	{
			//alert("Correcting sizes");
			document.body.style.width=document.body.scrollWidth+'px';
			document.body.style.height=document.body.scrollHeight+'px';
	}
}