// hi, i'm harlo.  who are you?  harlo@hotsocieties.com

var page_num = 0;
var PAGE_MAX = 3;	// change this var to correspond with how many images you ultimately have
var PAGE_MIN = 0;

var vid_ids = new Array("3");	// populate this array with the filenames (w/o extensions) of included swfs

function getBackground() {
	page_num = document.forms["target"].elements["page"].value;
}

function isVid(x) {
var vid_div = document.getElementById("vid_container");	
	for(var i = 0; i < vid_ids.length; i++) {
		if(x == vid_ids[i]) {
			vid_div.style.visibility = "visible";
		} else {
			vid_div.style.visibility = "hidden";
		}
	}
}

function launch(target,state) {
	var nav = dd.elements["navbar"].x + "," + dd.elements["navbar"].y;
	var mh = dd.elements["media_playhead"].x + "," + dd.elements["media_playhead"].y;
	var header = dd.elements["header"].x + "," + dd.elements["header"].y;
	document.forms["target"].elements["nav"].value = nav;
	document.forms["target"].elements["mh"].value = mh;
	document.forms["target"].elements["header"].value = header;
	document.forms["target"].elements["state"].value = state;
	document.forms["target"].elements["include"].value = target;
	document.forms["target"].elements["page"].value = page_num;
	document.target.submit();
}

function unlaunch() {
	document.getElementById("content").style.display = "none";
	document.getElementById("content_wrap").style.display = "none";
	document.getElementById("navbar").style.top = dd.elements["navbar"].y;
	document.getElementById("navbar").style.left = dd.elements["navbar"].x;
}

function unlaunch_dl() {
	document.getElementById("download_panel").style.display = "none";
}

function expand(target,name_text,dimx,dimy) {
	var imgHolder = document.getElementById("image_holder");
	var imgDiv = document.createElement("div");
	var name = document.createElement("h2");
	var close_button = document.createElement("a");
	var name_table = document.createElement("table");
	var row = document.createElement("tr");
	var cell_1 = document.createElement("td");
	var cell_2 = document.createElement("td");
	var txt;
	
	// CLEAR PREVIOUS IMAGE CONTENT
	imgHolder.style.visibility = "visible";
	imgHolder.style.display = "block";
	if(imgHolder.hasChildNodes()) {
		imgHolder.removeChild(imgHolder.childNodes[0]);
	}
	
	// create image
	image  = document.createElement("img");
	image.src = "images/" + target + "_large.jpg";
	image.className = "closeup";

	// set dimensions for image_holder
	imgHolder.style.width = dimx;
	imgHolder.style.height = dimy + 28;
	
	// set name and control
	txt = document.createTextNode(name_text);
	name.className = "closeup_text";
	close_button.className = "unlaunch";
	close_button.innerHTML = "[ x ]";
	close_button.addEventListener('click',function() {
		document.getElementById("image_holder").style.display = "none";
	},false);
	cell_1.width = dimx - 30;
	
	
	// append children
	name.appendChild(txt);
	
	cell_1.appendChild(name);
	cell_2.appendChild(close_button);
	
	row.appendChild(cell_1);
	row.appendChild(cell_2);
	
	name_table.appendChild(row);
	
	imgDiv.appendChild(name_table);
	imgDiv.appendChild(image);
	imgDiv.id = "closeUp";
	imgHolder.appendChild(imgDiv);
}

function advance(index) {
	// this page_num counter will update itself as long as the user doesn't change pages
	var vid_div = document.getElementById("vid_container");
	
	var dimX = getDimensionX();
	var dimY = getDimensionY();

	index = parseInt(index);
	page_num = parseInt(page_num);
	index++;
	page_num++;
	if(page_num > PAGE_MAX) {
		page_num = PAGE_MIN;
		index = PAGE_MIN;
	}
	document.getElementById("bk").src = "images/backgrounds/" + page_num + ".jpg";
	document.getElementById("bk").width = dimX;
	document.getElementById("bk").height = dimY;
	
	isVid(page_num);	
}

function retreat(index) {

	var dimX = getDimensionX();
	var dimY = getDimensionY();
	index = parseInt(index);
	page_num = parseInt(page_num);
	index--;
	page_num--;
	if(page_num < PAGE_MIN) {
		page_num = PAGE_MAX;
		index = PAGE_MAX;
	}
	document.getElementById("bk").src = "images/backgrounds/" + page_num + ".jpg";
	document.getElementById("bk").width = dimX;
	document.getElementById("bk").height = dimY;
	
	isVid(page_num);
}

function getDimensionX() {
	return window.innerWidth;
}

function getDimensionY() {
	return window.innerHeight;
}