////////////////////////////////////////////////////////////////////
//
//		Listens for events to check size of viewport
//
////////////////////////////////////////////////////////////////////



var screen_w = 1024;
var screen_h = 768;

function addLoadListener(fn)
{
	if (typeof window.addEventListener != 'undefined')
	{
		window.addEventListener('load', fn, false);
	}
	else if (typeof document.addEventListener != 'undefined')
	{
		document.addEventListener('load', fn, false);
	}
	else if (typeof window.attachEvent != 'undefined')
	{
		window.attachEvent('onload', fn);
	}
	else
	{
		return false;
	}
	
	return true;
};


function attachEventListener(target, eventType, functionRef, capture)
{
    if (typeof target.addEventListener != "undefined")
    {
        target.addEventListener(eventType, functionRef, capture);
    }
    else if (typeof target.attachEvent != "undefined")
    {
        target.attachEvent("on" + eventType, functionRef);
    }
    else
    {
        return false;
    }

    return true;
};


// Checks viewport size

function getBrowserSize()
{
	if (window.innerWidth)
	{
		screen_w = window.innerWidth;
		screen_h = window.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientWidth != 0)
	{
		screen_w = document.documentElement.clientWidth;
		screen_h = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		screen_w = document.body.clientWidth;
		screen_h = document.body.clientHeight;
	}
}



attachEventListener(window, "resize", getBrowserSize, false);