
function maximize()
{
	// Maximize is only called by home.html and will only resize based on a cookie
	// set by index.html
	if (document.cookie == "resize=true")
	{
		document.cookie = "resize=false";
		self.moveTo(0,0);
		self.resizeTo(screen.availWidth, screen.availHeight);
	}
}

function center()
{	
	var width = 1000;
	var height = 700;
	
	if (self.innerWidth)
	{
		width = self.innerWidth;
		height = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientWidth)
	{
		width = document.documentElement.clientWidth;
		height = document.documentElement.clientHeight;
	}
	else if (document.body)
	{
		width = document.body.clientWidth;
		height = document.body.clientHeight;
	}

	// Width = 946, height = 670
	var left = (width - 946) / 2;
	var top = (height - 670) / 2;
	left = (left < 0) ? 0 : left;
	top = (top < 0) ? 0 : top;

	var	loading = document.getElementById("loading");
	loading.style.visibility = "hidden";

	var	content = document.getElementById("content");
	content.style.left = left + "px";
	content.style.top = top + "px";
	content.style.visibility = "visible";

	var	menuoff = document.getElementById("menuoff");
	menuoff.style.visibility = "visible";
}

function toggle_menu(action)
{
	var show = document.getElementById("menuon");
	var hide = document.getElementById("menuoff");

	if (action == "off")
	{
		var show = document.getElementById("menuoff");
		var hide = document.getElementById("menuon");
	}
	
	hide.style.visibility = "hidden"
	show.style.visibility = "visible";
}

var opacity_timeout = 0;
var image_ondeck_left;
var image_ondeck_left_normal;
var image_ondeck_left_wide;
var image_up;
var image_up_normal;
var image_up_wide;
var image_ondeck_right;
var image_ondeck_right_normal;
var image_ondeck_right_wide;

var images = new Array();
var images_ondeck = new Array();
var image_up_index = 0;

// The beauty images that are wide are at index 0 and 8
// The fashion images that are wide are at index 11
var images_wide = new Array();

// Load the images into cache
// The images should be in img/portfolio/<directory>/ and should be named
// nnn.jpg
// where nnn is an increasing number starting from 001
function initialize_images()
{
	// "Loading..." image
	var loading = new Image();
	loading.src = "img/loading.gif";

	var i = 0;
	for(i = 0; i < image_count; i++)
	{
		var i_name = i + 1;
		var i_str = "" + i_name;
		while(i_str.length < 3)
		{
			i_str = "0" + i_str;
		}
		images[i] = new Image();
		images[i].src = "img/portfolio/" + directory + "/" + i_str + ".jpg";
		images_ondeck[i] = new Image();
		images_ondeck[i].src = "img/portfolio/" + directory + "/" + i_str + "_ondeck.jpg";
		images_wide[i] = 0;
	}

	// Specify which images are wide
	if (directory == "one")
	{
		images_wide[0] = 1;
		images_wide[4] = 1;
		images_wide[5] = 1;
		images_wide[6] = 1;
	}
	if (directory == "two")
	{
		images_wide[0] = 1;
		images_wide[1] = 1;
		images_wide[3] = 1;
		images_wide[9] = 1;
	}
	else if (directory == "three")
	{
		images_wide[0] = 1;
		images_wide[1] = 1;
		images_wide[5] = 1;
		images_wide[10] = 1;
		images_wide[12] = 1;
	}
}

function move(direction)
{
	clearTimeout(opacity_timeout);

	if (direction == "left")
	{
		// Update image_up_index
		image_up_index = (image_up_index == 0) ? image_count - 1 : image_up_index - 1;
	}
	else
	{
		// Update image_up_index
		image_up_index = (image_up_index == (image_count - 1)) ? 0 : image_up_index + 1;
	}

	var image_ondeck_left_index = 
		(image_up_index == 0) ? image_count - 1 : image_up_index - 1;

	var image_ondeck_right_index = 
		(image_up_index == (image_count - 1)) ? 0 : image_up_index + 1;

	image_up_normal.style.visibility = "hidden";
	image_up_wide.style.visibility = "hidden";
	image_ondeck_left_normal.style.visibility = "hidden";
	image_ondeck_left_wide.style.visibility = "hidden";
	image_ondeck_right_normal.style.visibility = "hidden";
	image_ondeck_right_wide.style.visibility = "hidden";

	if (images_wide[image_up_index] == 1)
	{
		image_up = document.getElementById("up_wide");
	}
	else
	{
		image_up = document.getElementById("up_normal");
	}

	if (images_wide[image_ondeck_left_index] == 1)
	{
		image_ondeck_left = document.getElementById("on_deck_left_wide");
	}
	else
	{
		image_ondeck_left = document.getElementById("on_deck_left_normal");
	}

	if (images_wide[image_ondeck_right_index] == 1)
	{
		image_ondeck_right = document.getElementById("on_deck_right_wide");
	}
	else
	{
		image_ondeck_right = document.getElementById("on_deck_right_normal");
	}

	image_ondeck_left.src = images_ondeck[image_ondeck_left_index].src;
	image_up.src = images[image_up_index].src;
	image_ondeck_right.src = images_ondeck[image_ondeck_right_index].src;

	if (images_wide[image_up_index] == 1)
	{
		image_ondeck_left_normal.style.left = "-229px";
		image_ondeck_left_wide.style.left = "-687px";
		image_ondeck_right_normal.style.left = "1145px";
		image_ondeck_right_wide.style.left = "1145px";
		image_up_wide.style.visibility = "visible";
	}
	else
	{
		image_ondeck_left_normal.style.left = "0px";
		image_ondeck_left_wide.style.left = "-458px";
		image_ondeck_right_normal.style.left = "916px";
		image_ondeck_right_wide.style.left = "916px";
		image_up_normal.style.visibility = "visible";
	}

	if (images_wide[image_ondeck_left_index] == 1)
	{
		image_ondeck_left_wide.style.visibility = "visible";
	}
	else
	{
		image_ondeck_left_normal.style.visibility = "visible";
	}

	if (images_wide[image_ondeck_right_index] == 1)
	{
		image_ondeck_right_wide.style.visibility = "visible";
	}
	else
	{
		image_ondeck_right_normal.style.visibility = "visible";
	}

	set_opacity(60);
	fade_opacity(65);
}

function set_opacity(opacity)
{
	// IE Windows
	image_up.style.filter = "alpha(opacity:" + opacity + ")";

	// Safari<1.2, Konqueror
	image_up.style.KHTMLOpacity = opacity / 100;

	// Older Mozilla and Firefox
	image_up.style.MozOpacity = opacity / 100;

	// Safari 1.2, newer Firefox and Mozilla, CSS3
	image_up.style.opacity = opacity / 100;
}

function fade_opacity(opacity)
{
	var end_point = 99.9;

	set_opacity(opacity);

	// Call fade_opacity() again if we haven't reached our marks
	if (opacity != end_point)
	{
		opacity += 5;
		opacity = (opacity >= 100) ? end_point : opacity;
		opacity_timeout = setTimeout("fade_opacity(" + opacity + ")", 100);
	}
}

function setup()
{
	image_up_normal = document.getElementById("up_normal");
	image_up_wide = document.getElementById("up_wide");
	image_ondeck_left_normal = document.getElementById("on_deck_left_normal");
	image_ondeck_left_wide = document.getElementById("on_deck_left_wide");
	image_ondeck_right_normal = document.getElementById("on_deck_right_normal");
	image_ondeck_right_wide = document.getElementById("on_deck_right_wide");

	image_up_normal.style.visibility = "hidden";
	image_up_wide.style.visibility = "hidden";
	image_ondeck_left_normal.style.visibility = "hidden";
	image_ondeck_left_wide.style.visibility = "hidden";
	image_ondeck_right_normal.style.visibility = "hidden";
	image_ondeck_right_wide.style.visibility = "hidden";

	if (images_wide[image_up_index] == 1)
	{
		image_up = document.getElementById("up_wide");
	}
	else
	{
		image_up = document.getElementById("up_normal");
	}

	if (images_wide[image_count - 1] == 1)
	{
		image_ondeck_left = document.getElementById("on_deck_left_wide");
	}
	else
	{
		image_ondeck_left = document.getElementById("on_deck_left_normal");
	}

	if (images_wide[image_up_index + 1] == 1)
	{
		image_ondeck_right = document.getElementById("on_deck_right_wide");
	}
	else
	{
		image_ondeck_right = document.getElementById("on_deck_right_normal");
	}

	set_opacity(30);

	image_ondeck_left.src = images_ondeck[image_count - 1].src;
	image_up.src = images[image_up_index].src;
	image_ondeck_right.src = images_ondeck[image_up_index + 1].src;

	
	if (images_wide[image_up_index] == 1)
	{
		image_ondeck_left_normal.style.left = "-229px";
		image_ondeck_left_wide.style.left = "-687px";
		image_ondeck_right_normal.style.left = "1145px";
		image_ondeck_right_wide.style.left = "1145px";
		image_up_wide.style.visibility = "visible";
	}
	else
	{
		image_ondeck_left_normal.style.left = "0px";
		image_ondeck_left_wide.style.left = "-458px";
		image_ondeck_right_normal.style.left = "916px";
		image_ondeck_right_wide.style.left = "916px";
		image_up_normal.style.visibility = "visible";
	}

	if (images_wide[image_count - 1] == 1)
	{
		image_ondeck_left_wide.style.visibility = "visible";
	}
	else
	{
		image_ondeck_left_normal.style.visibility = "visible";
	}

	if (images_wide[image_up_index + 1] == 1)
	{
		image_ondeck_right_wide.style.visibility = "visible";
	}
	else
	{
		image_ondeck_right_normal.style.visibility = "visible";
	}

	fade_opacity(35);
}

