function setHomeSize(){
window.resizeTo(850, 700);
window.moveTo(50, 50);
}

//////////////// GLOBALS ////////////////////////////////////
var previous = null; // sets variable for hiding previous submenus so 2 won't show at one time...
var subTimer = 1000;  // this sets the timer delay for the sub menus in miliseconds...
var timerID;
var statement; //= null;
var previousDiv = null;


///////////////////////////NAME AND PRELOAD IMAGES/////////////////////////////////

function turnOn(imageName) {
	if (document.images) {
		document[imageName].src = eval(imageName + "On.src");
	}
}

function turnOff(imageName) {
	if (document.images) {
		document[imageName].src = eval(imageName + "Off.src");
	}
}

function swapImage(imageName, newImage) {
	if (document.images) {
		document[imageName].src = eval(newImage + ".src");
	}
}

function swapDivImage(imageName, newImage, layerName) {
	if (document.images) {
	    var d = document[imageName];
	    if (layerName && document.layers) {
	       d = document.layers[layerName].document[imageName];
	    }
	    if (c3 >= i[c1-1][c2-1].length) {
	      	c3 = 0; copyCntr3=1;
	    	}
	    if (c3 < 0){
			c3= i[c1-1][c2-1].length - 1;
			copyCntr3= i[c1-1][c2-1].length;
			}
	    d.src = eval(newImage + ".src");
	}
}

function swapDivCounterImage(imageName, layerName) {
	if (document.images) {
	    var d = document[imageName];
	    if (layerName && document.layers) {
	       d = document.layers[layerName].document[imageName];
	    }
	    if (c3 >= i[c1-1][c2-1].length) {
	       c3 = 0;
	    }
	    d.src = i[c1-1][c2-1][c3].src;
	}
}

function swapCounterImage(imageName, newImage) {
	if (document.images) {
			if (c3 >= i[c1-1][c2-1].length) {
	      	c3 = 0; copyCntr3=0;
	    	}
	    	if (c3 < 0){
			c3= i[c1-1][c2-1].length - 1;
			copyCntr3= i[c1-1][c2-1].length - 1;
			}
		document[imageName].src = eval(newImage + ".src");
	}
}

function setTimer(layerName) {
   var fn = "hideLayer('"+layerName+"')";
   timerID = setTimeout(fn, subTimer);
}

function showLayer(layerName){
	var reference = document.getElementById(layerName);
	reference.style.visibility="visible";
}

function hideLayer(layerName){
	var reference = document.getElementById(layerName);
	reference.style.visibility="hidden";
}

function hideAndShowDiv(layerName){
	var reference = document.getElementById(layerName);
	if(previousDiv!= null){hide(previousDiv)} previousDiv=layerName;
	reference.style.visibility="visible";
}


function hideAndShowImgDiv(layerName){
		if (c3 >= i[c1-1][c2-1].length) {
	      c3 = 0; copyCntr3=1;
	      layerName = i[c1-1][c2-1][c3];
	    }
	    if (c3 < 0){
		c3= i[c1-1][c2-1].length - 1;
		layerName = i[c1-1][c2-1][c3];
		copyCntr3= i[c1-1][c2-1].length;
		}
	var reference = document.getElementById(layerName);
	if(previousImgDiv!= null){hide(previousImgDiv)} previousImgDiv=layerName;
	reference.style.visibility="visible";
}

function hideAndShowCopyDiv(layerName){

	var reference = document.getElementById(layerName);
	if(previousCopyDiv!= null){hide(previousCopyDiv)} previousCopyDiv=layerName;
	reference.style.visibility="visible";
}

function hideAndShowArrowDiv(layerName){
	var reference = document.getElementById(layerName);
	if(previousArrowDiv!= null){hide(previousArrowDiv)} previousArrowDiv=layerName;
	reference.style.visibility="visible";
}

function hideImgDiv(layerName){
	var reference = document.getElementById(layerName);
	reference.style.visibility="hidden";
}


/////////// NON OBJECT ANIMATION PACKAGE ///////////////////////////////////////////
//VVVVVVVVVVVV CONSTRUCTOR FUNCTION FOR ANIMATION OF LAYERS VVVVVVVVVVVVV
function pos(x, y) {
  this.x = Math.round(x);
  this.y = Math.round(y);
}

/////NEW NON-OBJECT IE 5 and NN 6-7 CROSS BROWSER METHODS/////////

function showSubMenu(layerName){
	var reference = document.getElementById(layerName);
	if(previous!= null){hideLayer(previous)} previous=layerName;
	reference.style.visibility="visible";
}

function hideSubMenu(layerName){
	var fn = "hideLayer('"+layerName+"')";
	timerID = setTimeout(fn, subTimer);
}

function clearTimer() {
  	clearTimeout(timerID);
}

function show(layerName){
	var reference = document.getElementById(layerName);
	reference.style.visibility="visible";
}

function hide(layerName){
	var reference = document.getElementById(layerName);
	reference.style.visibility="hidden";
}

function checkLayerVisibility(layerName){
	var reference = document.getElementById(layerName);
	alert(reference.style.visibility);
}

function getX(layerName){
	var reference = document.getElementById(layerName);
	var x = reference.style.left;
	alert("X position is: left " + x);
}

function getY(layerName){
	var reference = document.getElementById(layerName);
	var y = reference.style.top;
	alert("Y position is: top " + y);
}

//function moveTo(layerName, posX, posY){//Move layer directly to new position in one step...
	//var reference = document.getElementById(layerName);
	//layerName.style.left = x + "px";
	//layerName.style.top = y + "px";
//}

//function moveTo(layerName, x, y){//Move layer directly to new position in one step...
	//var reference = document.getElementById(layerName);
	//reference.style.left = x + "px";
	//reference.style.top = y + "px";
//}

function moveLayerTo(layerName, posX, posY){//Move layer directly to new position in one step...
	var reference = document.getElementById(layerName);
	reference.style.left = posX + "px";
	reference.style.top = posY + "px";
}

function moveBy (incX,incY){ // moves layer by specified increments...
	var reference = document.getElementById(layerName);
	layerName.style.left = parseInt(reference.style.left) + incX + "px";
	layerName.style.top = parseInt(reference.style.top) + incY + "px";
}

function moveLayerBy (layerName,incX,incY){ // moves layer by specified increments...
	var reference = document.getElementById(layerName);
	reference.style.left = parseInt(reference.style.left) + incX + "px";
	reference.style.top = parseInt(reference.style.top) + incY + "px";
}

function getPosition (layerName){
	var myElement = document.getElementById(layerName);
	var l = myElement.style.left;
	var t = myElement.style.top;
	alert("Position is: left " + l + ", top " + t);
}

function getLayerSize(layerName){ //gets the size of a layer....
	var reference = document.getElementById(layerName);
	var w = reference.style.width;
	var h = reference.style.height;
	alert("This layer is " + w + " by " + h + " in area.");
}

function resizeLayer(layerName, width, height){ // change the size of the layer...
	var reference = document.getElementById(layerName);
	reference.style.width = width + "px";
	reference.style.height = height + "px";
}

function setLayerOverFlow(layerName, type){ /////sets the overflow type...
	//must be either: hidden, scroll or auto.....
	var reference = document.getElementById(layerName);
	var overFlowType = type;
	reference.style.overflow = overFlowType;
}

////////Following two functions required for and support next two://////////////
/// clipInward() and  clipOutward() ///////////////...
function getClipValues(element){
	var clip = element.style.clip // assumes you've already set a clip value
	var clipVals = clip.split("rect(")[1].split(" ");
	for (var i=0;i<clipVals.length;i++){
		clipVals[i] = parseInt(clipVals[i]);
	}
	return clipVals;
}
function createNewClip(clipVals){
	var newClip = "rect(";
	for (var i=0;i<clipVals.length;i++){
		newClip += clipVals[i] + "px ";
	}
	newClip += ")";
	return newClip;
}

function clipInward(layerName){
	var myElement = document.getElementById(layerName);
	var clipVals = getClipValues(myElement);
	clipVals[0] += 10;
	clipVals[1] -= 10;
	clipVals[2] -= 10;
	clipVals[3] += 10;
	var newClip = createNewClip(clipVals);
	myElement.style.clip = newClip;
}

function clipOutward(layerName){
	var myElement = document.getElementById(layerName);
	var clipVals = getClipValues(myElement);
	clipVals[0] -= 10;
	clipVals[1] += 10;
	clipVals[2] += 10;
	clipVals[3] -= 10;
	var newClip = createNewClip(clipVals);
	myElement.style.clip = newClip;
}

function getClip(layerName){
	var myElement = document.getElementById(layerName);
	alert(myElement.style.clip);
}

function setBgColor (layerName,color){
	var myElement = document.getElementById(layerName);
	var newColor = color;
	myElement.style.backgroundColor = newColor;
}

function setBgImage(layerName, image){
	var myElement = document.getElementById(layerName);
	var xImage = "url(" + image + ")";
	myElement.style.backgroundImage = xImage;
}

function removeBgImage(layerName){
	var myElement = document.getElementById(layerName);
	myElement.style.backgroundImage = "";
}

/////////////////////// Inner HTML functions (next 2) //////////////////////////
function setHTML (layerName){
	var myElement = document.getElementById(layerName);
	var text = document.getElementById("html").value;
	myElement.innerHTML = text;
	document.getElementById("html").value = "";
}
function getHTML (layerName){
	var myElement = document.getElementById(layerName);
	var text = myElement.innerHTML;
	document.getElementById("html").value = text;
}

//VVVVVVVVVVVVVVVVVVV NON-OBJECT ANIMATION FUNCTIONS VVVVVVVVVVVVVVVVVVVVVVVVVVV

var id = id;
var active = 0;
var timer = null;
var path = null;
var num = null;
		
var name = id + "Var";
eval(name + " = this");

function xleft(layerName) {
	var reference = document.getElementById(layerName);
	var l = parseInt(reference.style.left);
	return l;
}

function xtop(layerName) {
	var reference = document.getElementById(layerName);
	var t = parseInt(reference.style.top);
	return t;
}

function step(layerName) {
	moveLayerTo(layerName, path[num].x, path[num].y);
  		if (num >= path.length - 1) {
   		clearInterval(timer);
    	active = 0;
    		if (statement)
    		eval(statement);
  		} else {
    	num++;
  		}
}

function animate(layerName,interval) {
	if (active) return;
  	num = 0;
  	active = 1;
  	var fn = "step('"+layerName+"')";
  	timer = setInterval(fn, interval);
}

function slideTo(layerName, tx, ty, steps, interval, statement) {
	var fx = xleft(layerName);
  	var fy = xtop(layerName);
  	var dx = tx - fx;
  	var dy = ty - fy;
  	var sx = dx / steps;
  	var sy = dy / steps;

  	var ar = new Array();
  	for (var i = 0; i < steps; i++) {
    	fx += sx;
    	fy += sy;
    	ar[i] = new pos(fx, fy);
  	}
		path = ar;

  	statement = (statement) ? statement : null;
  	animate(layerName,interval);
}

function slideBy(layerName, dx, dy, steps, interval, statement) {
	var fx = xleft(layerName);
  	var fy = xtop(layerName);
  	var tx = fx + dx;
  	var ty = fy + dy;
  	slideTo(layerName,tx, ty, steps, interval, statement);
}

////////////////////////////////////////////////////////////////////////////////
/////////////////////////// GALLERY SLIDE SHOW /////////////////////////////////
////////////////////////////////////////////////////////////////////////////////

var c1=1;
var copyCntr1=1;
var previousImgDiv = null;
var previousCopyDiv = null;
var previousCopyCounterDiv = null;
var previousArrowDiv = null;

var i = new Array(5); // create array

for(i1=0; i1 < i.length; i1++){
	i[i1] = new Image();
	i[i1].src = 'images/gallery/'+(i1+1)+'.jpg';
}

function swapDivImage(imageName, newImage, layerName) {
	if (document.images) {
	    var d = document[imageName];
	    if (layerName && document.layers) {
	       d = document.layers[layerName].document[imageName];
	    }
	    if (c1 >= i.length +1) {
	      	c1 = 1; copyCntr1=1;
	    	}
	    if (c1 < 1){
			c1= i.length;
			copyCntr1= i.length;
			}
	    d.src = eval(newImage + ".src");
	}
}


function hideAndShowCopyDiv(layerName){

	var reference = document.getElementById(layerName);
	if(previousCopyDiv!= null){hide(previousCopyDiv)} previousCopyDiv=layerName;
	reference.style.visibility="visible";
}


function openRatchetWindow(url) {
     	window.open(url, "RatchetPopup","left=100,top=100,width=650,height=500,resizable=yes,scrollbars=yes,status=no,menubar=no,toolbar=no,alwaysRaised=yes");
}






//HREF="javascript:openRegionWindow('map/southLa.html');