var resizedContentHeight = 10;

resizeContent();
window.onresize = resizeContent;

function resizeContent()
{
    var varViewportHeight = viewportHeight();
    var varViewportWidth = viewportWidth();
    var sideBarLeft = $("sidebar2");
    var sideBarRight = $("sidebar1");
    var pageHeading = $("pageheading");
    var content = $("content");
    var main = $("main");
    var footer = $("footer");
    var freeWidth = varViewportWidth - getElementSize(sideBarLeft)[0] - 10;
    content.style.width = ((freeWidth * 0.7) - 10) + "px";
    sideBarRight.style.width = ((freeWidth * 0.3) - 10) + "px";
		pageHeading.style.width = ((freeWidth * 1) - 10) + "px";
		footer.style.width = ((freeWidth * 1) - 15) + "px";
		main.style.width = ((freeWidth * 1) - 15) + "px";
    var headerHeight = getElementSize("header")[1];
    var footerHeight = getElementSize("footer")[1];

    var mainHeight = varViewportHeight - headerHeight - footerHeight - 40; // 10px margin-top i 10px margin-bottom
    var contentHeight = mainHeight - 2; // 10px margin-top i 10px margin-bottom
    resizedContentHeight = contentHeight;
    //content.style.height = contentHeight + "px";
	main.style.height = mainHeight + "px";
	content.style.height = contentHeight + "px";
	sideBarRight.style.height = contentHeight + "px";
	sideBarLeft.style.height = contentHeight + "px";
    //resizeOfferTitle(freeWidth * 0.3);
}

function getElementSize (elem)
{
	elem = $(elem);
	xPos = elem.offsetWidth;
	yPos = elem.offsetHeight;
	return [xPos, yPos];
}

function viewportWidth() 
{
    return self.innerWidth || (document.documentElement.clientWidth || document.body.clientWidth);
}

function viewportHeight() 
{
    return self.innerHeight || (document.documentElement.clientHeight || document.body.clientHeight);
}

function viewportSize() 
{
    return { width: viewportWidth(), height: viewportHeight() };
}

function getScrollingElementHeight(el)
{   
    return $(el).scrollHeight - resizedContentHeight;

}
function getElementsByClassName(className)
{
	var all = document.all ? document.all : document.getElementsByTagName('*');
	var elements = new Array();
	for (var e = 0; e < all.length; e++)
	{
		if (all[e].className == className)
		elements[elements.length] = all[e];
	}
	return elements;
}
function getElementScrollingPosition(el)
	{
	el = $(el);
		var position = [0, 0];

/*
		if (typeof window.pageYOffset != 'undefined')
		{
			position = [
			window.pageXOffset,
			window.pageYOffset
			];
		}

		else */

		if (typeof el.scrollTop != 'undefined'
		&& (document.documentElement.scrollTop > 0 ||
		document.documentElement.scrollLeft > 0))
		{
			position = [
			el.scrollLeft,
			el.scrollTop
			];
		}

		else if (typeof el.scrollTop != 'undefined')
		{
			position = [
			el.scrollLeft,
			el.scrollTop
			];
		}

		return position;
	}
	
function OnOfferScroll()
{
    var scrollPosition =getElementScrollingPosition("content")[1];
    var scrollHeight = getScrollingElementHeight("content");

    if((scrollPosition + 800) > scrollHeight)
    {
    	//alert('updating:' + updating +', no_offer' + no_offer);
        if(updating == false && no_offer == false)
        {
            updating = true;
            PIUpdate(destUrl);
            //$('foot_left').innerHTML = destUrl;
        }
    }
}

function resizeOfferTitle(size)
{
    var elements = getElementsByClassName("par");
    for (var i = 0; i < elements.length; i++)
    {
        var element = elements[i];
        element.style.width = size + "px";
    }
}