function changePage(pageId)
{
	var splitPage = pageId.split(".");
	pageId = splitPage[0];
	subPageId = splitPage[1];


	currentPageId = pageId;
	headerSrc = 'images/header_line.gif';
	headerRightSrc = 'images/header_line2.gif';
	lineSrc = 'images/grey_line.gif';
	sliderSrc = 'images/slider_line.gif';
	navEndSrc = 'images/nav_end_line.gif';
	backgroundImage = 'images/bg_line.gif'
	subNav = '';
	if (subMenu[pageId]) {
		headerSrc = 'images/header.gif';
		headerRightSrc = 'images/header_white.gif';
		lineSrc = 'images/grey.gif';
		sliderSrc = 'images/slider_white.gif';
		navEndSrc = 'images/nav_end_white.gif';
		backgroundImage = ''
		subNav = '<span style="line-height: 3px;">';
		for(i=0; i < subMenu[pageId].length; i++) {
			newSubPageId = subMenu[pageId][i].replace(/[ ]/g, '_');	
			newSubPageId = newSubPageId.replace(/[.]/g, '');	
			newSubPageId = newSubPageId.toLowerCase();
			subNav = subNav + '<a class=sub_nav onClick="changePage(\'' + pageId + '.' + newSubPageId + '\');" href="#"><div id="' + newSubPageId + '_link">' + subMenu[pageId][i] + '</div></a><br/><br/>';
		}
		supNav = '</span>';
	}

	if (content[subPageId]) {
		realPageId = subPageId;
	} else {
		realPageId = pageId;
	}

	e = document.getElementById('header');
	e.src = 'images/clear.gif';
	if (headerWidth[pageId]) {
		e.width = headerWidth[pageId];
	}
	e.src = 'images/' + pageId + '_header.gif';

	e = document.getElementById('top_header');
	e.src = headerSrc;

	e = document.getElementById('right_header');
	e.src = headerRightSrc;

	e = document.getElementById('color');
	e.src = 'images/' + pageId + '_color.gif';

	e = document.getElementById('line');
	e.src = lineSrc; 

	e = document.getElementById('slider');
	e.src = sliderSrc; 

	e = document.getElementById('nav_end');
	e.src = navEndSrc; 

	e = document.getElementById('sub_nav');
	e.innerHTML = subNav; 

	if (photos[realPageId]) {
		theScroll[0].clipW = 400;
		e = document.getElementById(theScroll[0].id + 'Container');
		e.style.width=400;
		e = document.getElementById(theScroll[0].id + 'Content');
		e.style.width=400;
		e = document.getElementById('the_photo');
		e.src = photos[realPageId];

	} else {
		e = document.getElementById('the_photo');
		e.src = 'images/clear.gif';
		theScroll[0].clipW = 530;
		e = document.getElementById(theScroll[0].id + 'Container');
		e.style.width=530;
		e = document.getElementById(theScroll[0].id + 'Content');
		e.style.width=530;

	}



	

	theScroll[0].load();
	theScroll[0].jumpTo(0,0);

	e = document.getElementById('scroll1Content');
	var realpageId;

	if (content[subPageId]) {
		e.innerHTML = content[subPageId]; 

		e = document.getElementById(subPageId + '_link');
		e.style.color = '#FFC322';

	} else {
		e.innerHTML = content[pageId]; 
	}

	theScroll[0].load();
	e = document.getElementById('content_area');
	e.style.backgroundImage = 'url(' + backgroundImage + ')';

    ratio[0] = theScroll[0].scrollH / thumbTravel[0];

	var sb = document.getElementById("scrollbar0");
	var thisup = document.getElementById("up0");
	var thisdn = document.getElementById("dn0");
	if (theScroll[0].scrollH) {
		if (sb) {
			sb.style.visibility = 'visible';
			thisup.style.visibility = 'visible';
			thisdn.style.visibility = 'visible';
			theThumb[0].style.visibility = 'visible';
			theThumb[0].style.top = '15px';
		}
	} else {
		if (sb) {
			sb.style.visibility = 'hidden';
			thisup.style.visibility = 'hidden';
			thisdn.style.visibility = 'hidden';
			theThumb[0].style.visibility = 'hidden';
		}
	}

	for(i = 0; i < pageIds.length; i++) {
		swapOut(pageIds[i]);
	}
	swapOver(pageId);

}

function drawPage()
{
	p = getQueryVariable('page');
	if (p!='') {
		changePage(p);
	}
}


function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
  return '';
}

function swapOver(img) {
	e = document.getElementById(img);
	e.src = 'images/h_' + img + '.gif';
}

function swapOut(img) {
	if (img!=currentPageId) {
		e = document.getElementById(img);
		e.src = 'images/b_' + img + '.gif';
	}
}

function initBox() {
	window.location='page.php?page=' + currentPageId;
}

function doCenter() {
	if (self.innerWidth)
	{
		frameWidth = self.innerWidth;
		frameHeight = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		frameWidth = document.documentElement.clientWidth;
		frameHeight = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		frameWidth = document.body.clientWidth;
		frameHeight = document.body.clientHeight;
	}

	boxLeft = (frameWidth/2) - (802/2)
	boxTop = (frameHeight/2) - (524/2)
	if (boxTop < 0) {
		boxTop = 0;
	}

	e = document.getElementById('box');
	e.style.left = boxLeft; 
	e.style.top = boxTop; 
	e.style.visibility='visible';

	e = document.getElementById('lines_right');
	ee = document.getElementById('lines_right_repeat');
	e.style.left = boxLeft + 802;
	e.style.top = boxTop; 
	if ((boxLeft + 802 + 106) > frameWidth) {
		ee.style.display = 'none';
	} else {
		ee.style.display = '';
		ee.width = frameWidth - (boxLeft + 802 + 106);
	}
	e.style.visibility='visible';

	e = document.getElementById('lines_left');
	ee = document.getElementById('lines_left_repeat');
	if ((boxLeft-105) > 0) {
		ee.width = (boxLeft-105);
		e.style.left = 0;
	} else {
		ee.width = 1;
		e.style.left = (boxLeft - 105);
	}
	e.style.top = boxTop; 
	e.style.visibility='visible';


}

window.onload = function() {
	doCenter();
}

	function printDiv()
	{
		var a = window. open('','','scrollbars=yes,width=668,height=600');

		var e = document.getElementById(theScroll[0].id + 'Content');

		a.document.open("text/html");
		a.document.write('<html><head>'+
						'<link rel="stylesheet" type="text/css" href="styles.css">'+
						'</head><body>');
		a.document.write('<b>Capital Realty & Development, LLC.</b>');
		a.document.write('<Br><hr size=1 noshade><br>');
		a.document.write(e.innerHTML);
		
		a.document.write('<br><Br><hr size=1 noshade>');
		a.document.write('<p>From: Capital Realty & Development, LLC.<br>');
		a.document.write('Web Site: www.CapitalRealty.us<Br>');
		a.document.write('</body></html>');
		a.document.close();
		a.print();	
	}