﻿
var ArtX = 500;
var ArtY = 2;

var JoinTodayX = 500;
var JoinTodayY = 500;

var VideoSamplingX = 500;
var VideoSamplingY = 500;

var CalendarX = 500;
var CalendarY = 500;

var ToolsX = 500;
var ToolsY = 500;

var QuoteX = 500;
var QuoteY = 500;

var ButtonX = 500;
var ButtonY = 500;

function SetArtXY(X, Y)
{
	ArtX = X;
	ArtY = Y;
}

function SetJoinTodayXY(X, Y)
{
	JoinTodayX = X;
	JoinTodayY = Y;
}

function SetVideoSamplingXY(X, Y)
{
	VideoSamplingX = X;
	VideoSamplingY = Y;
}

function SetCalendarXY(X, Y)
{
	CalendarX = X;
	CalendarY = Y;
}

function SetToolsXY(X, Y)
{
	ToolsX = X;
	ToolsY = Y;
}

function SetQuoteXY(X, Y)
{
	QuoteX = X;
	QuoteY = Y;
}

function SetButtonXY(X, Y)
{
	ButtonX = X;
	ButtonY = Y;
}

function PositionElements()
{
	var PrimaryDiv = document.getElementById('ctl00_PrimaryDiv');
	
	var ContentDiv = document.getElementById('ContentDiv');
	
	if(ContentDiv != null)
	{
		SetPosition(ContentDiv, PrimaryDiv, 0, 0);
	}
	
	var ArtDiv = document.getElementById('ctl00_ArtDiv');
	
	if(ArtDiv != null)
	{
		SetPosition(ArtDiv, PrimaryDiv, ArtX, ArtY);
	}
	
	var JoinTodayDiv = document.getElementById('JoinTodayDiv');
	
	if(JoinTodayDiv != null)
	{
		SetPosition(JoinTodayDiv, PrimaryDiv, JoinTodayX, JoinTodayY);
	}
	
	var VideoDiv = document.getElementById('VideoDiv');
	
	if(VideoDiv != null)
	{
		SetPosition(VideoDiv, PrimaryDiv, VideoSamplingX, VideoSamplingY);
	}
	
	var CalendarDiv = document.getElementById('CalendarDiv');
	
	if(CalendarDiv != null)
	{
		SetPosition(CalendarDiv, PrimaryDiv, CalendarX, CalendarY);
	}
	
	var ToolsDiv = document.getElementById('ToolsDiv');
	
	if(ToolsDiv != null)
	{
		SetPosition(ToolsDiv, PrimaryDiv, ToolsX, ToolsY);
	}
	
	var QuoteDiv = document.getElementById('QuoteDiv');
	
	if(QuoteDiv != null)
	{
		SetPosition(QuoteDiv, PrimaryDiv, QuoteX, QuoteY);
	}
	
	var ButtonDiv = document.getElementById('ButtonDiv');
	
	if(ButtonDiv != null)
	{
		SetPosition(ButtonDiv, PrimaryDiv, ButtonX, ButtonY);
	}
	
	var BackgroundArt = document.getElementById('ctl00_BackgroundArt');
	var BackgroundGrid = document.getElementById('ctl00_BackgroundGrid');
	
	BackgroundArt.style.height = document.documentElement.scrollHeight + 'PX';
	BackgroundGrid.style.height = document.documentElement.scrollHeight + 'PX';
}

function SetPosition(DivToPosition, ReferenceDiv, AdditionalX, AdditionalY)
{
	if(ReferenceDiv.getBoundingClientRect)
	{
		DivToPosition.style.left = ReferenceDiv.getBoundingClientRect().left + AdditionalX + 'PX';
		DivToPosition.style.top = ReferenceDiv.getBoundingClientRect().top + AdditionalY + document.documentElement.scrollTop + 'PX';
	}
	else
	{
		var SX = 0;
		var SY = 0;
		var Element = ReferenceDiv;
		while (Element) 
		{
			SX += Element.offsetLeft;
			SY += Element.offsetTop;
			Element = Element.offsetParent;
		}
		DivToPosition.style.left = SX + AdditionalX + 'PX';
		DivToPosition.style.top = SY + AdditionalY + document.documentElement.scrollTop + 'PX';
	}
}

window.onresize = PositionElements; 
