//Programmed by Arne Gombos
//Copyright Arne Gombos, 2009

var frames = new Array(1, 2, 4, 7, 8, 8, 6, 3, 0, 0, 1, 1, 1, 1, 1);
var content = new Array("", "", "", "", "", "", "");
var w = new Array(140, 536, 536, 536, 536, 160, 180);
var h = new Array(0, 360, 360, 360, 360, 200, 242);
var i = 0;
var j = 0;
var jumpTime;
var xpndTime;

var names = new Array('Portfolio', 'Photographs', 'Drawings', 'Renders', 'Other', 'Contact', 'About');

var width = 140;
var height = 0;
var opacity = 0;
var curcont = 0;

function get_url(){
	var vars = [], hash;
	var hashes = window.location.href.slice(window.location.href.indexOf('#') + 1).split(',');

	for(i = 0; i < hashes.length; i++){
		var hash = hashes[i].split(',');
		vars.push(hash[0]);
		vars[hash[0]] = hash[1];
	}
	return vars;
}

function load_site(){
	
	document.getElementById(names[0]).style.display = "none";
	document.getElementById(names[1]).style.display = "none";
	document.getElementById(names[2]).style.display = "none";
	document.getElementById(names[3]).style.display = "none";
	document.getElementById(names[4]).style.display = "none";
	document.getElementById(names[5]).style.display = "none";
	document.getElementById(names[6]).style.display = "none";
	
	var vars = get_url();

	if(vars[0] == "Portfolio"){
		popup(1);
	}else if(vars[0] == "Photographs"){
		popup(1);
	}else if(vars[0] == "Drawings"){
		popup(2);
	}else if(vars[0] == "Renders"){
		popup(3);
	}else if(vars[0] == "Other"){
		popup(4);
	}else if(vars[0] == "Contact"){
		popup(5);
	}else if(vars[0] == "About"){
		popup(6);
	}
}

function show(n, text){
	i = 0;
	clearTimeout(jumpTime);
	document.getElementById('bubble_text').innerHTML = text;
	document.getElementById('bubble').style.display = "block";
	document.getElementById('bubble').style.marginLeft = ((70 + (40 * n)) - (document.getElementById('bubble').offsetWidth / 2)) + "px";
}

function hide(){
	document.getElementById('bubble').style.display = "none";
	document.getElementById('bubble').style.marginLeft = "0px";
	clearTimeout(jumpTime);
	i = 0;
}

function jump(){
	document.getElementById('bubble').style.marginTop = frames[i] + "px";
	if(i < 14){
		++i;
	}else{
		i = 0;
	}
	jumpTime = setTimeout("jump()", 30);
}

function popup(c){
	document.getElementById(names[0]).style.display = "none";
	document.getElementById(names[1]).style.display = "none";
	document.getElementById(names[2]).style.display = "none";
	document.getElementById(names[3]).style.display = "none";
	document.getElementById(names[4]).style.display = "none";
	document.getElementById(names[5]).style.display = "none";
	document.getElementById(names[6]).style.display = "none";
	
	if(c == 1 || c == 2 || c == 3 || c == 4){
		document.getElementById(names[0]).style.display = "block";
	}
	
	document.getElementById(names[c]).style.display = "block";

	document.getElementById('Content').style.width = w[c] + "px";
	document.getElementById('Content').style.height = h[c] + "px";
	document.getElementById('Content').style.opacity = 1;
	document.getElementById('Box').style.opacity = 1;
	width = w[c];
	height = h[c];
	opacity = 1;
	curcont = c;
}

function expand(c){
	if(h[c] > 0){
		o = 1;
	}else{
		o = 0;
	}

	if(c != curcont){
		clearTimeout(xpndTime);
		if(j < 1 - 0.005){
			k = (1 - (Math.sin((j + 0.5) * Math.PI) + 1) / 2);
			l = 1 - (Math.sin((j * Math.PI)));
			document.getElementById('Content').style.width = width + (k * (w[c] - width)) + "px";
			document.getElementById('Content').style.height = height + (k * (h[c] - height)) + "px";
			document.getElementById('Content').style.opacity = opacity + (k * (o - opacity));
			document.getElementById('Box').style.opacity = l;
			if(k >= 0.5){
				document.getElementById(names[0]).style.display = "none";
				document.getElementById(names[1]).style.display = "none";
				document.getElementById(names[2]).style.display = "none";
				document.getElementById(names[3]).style.display = "none";
				document.getElementById(names[4]).style.display = "none";
				document.getElementById(names[5]).style.display = "none";
				document.getElementById(names[6]).style.display = "none";
				
				if(c > 0){
					if(c == 1 || c == 2 || c == 3 || c == 4){
						document.getElementById(names[0]).style.display = "block";
					}
					document.getElementById(names[c]).style.display = "block";
				}
			}
			j += 0.05;
			xpndTime = setTimeout("expand("+c+")", 20);
		}else{
			document.getElementById('Content').style.width = w[c] + "px";
			document.getElementById('Content').style.height = h[c] + "px";
			document.getElementById('Content').style.opacity = o;
			document.getElementById('Box').style.opacity = o;
			j = 0;
			width = w[c];
			height = h[c];
			opacity = o;
			curcont = c;
		}
	}
}