//variables
var menu_active;
var browser_arr = new Array();
var work_id;
var arr_id = new Array();


////////// DATA //////////

//photos array
var photo_arr = new Array();
photo_arr[0] = "snapshots/snapshot01.html";
photo_arr[1] = "snapshots/snapshot02.html";
photo_arr[2] = "snapshots/snapshot03.html";
photo_arr[3] = "snapshots/snapshot04.html";
photo_arr[4] = "snapshots/snapshot05.html";
photo_arr[5] = "snapshots/snapshot06.html";
photo_arr[6] = "snapshots/snapshot07.html";
photo_arr[7] = "snapshots/snapshot08.html";
photo_arr[8] = "snapshots/snapshot09.html";
photo_arr[9] = "snapshots/snapshot10.html";
photo_arr[10] = "snapshots/snapshot11.html";
photo_arr[11] = "snapshots/snapshot12.html";
photo_arr[12] = "snapshots/snapshot13.html";
photo_arr[13] = "snapshots/snapshot14.html";
photo_arr[14] = "snapshots/snapshot15.html";
photo_arr[15] = "snapshots/snapshot16.html";
photo_arr[16] = "snapshots/snapshot17.html";
photo_arr[17] = "snapshots/snapshot18.html";
photo_arr[18] = "snapshots/snapshot19.html";
photo_arr[19] = "snapshots/snapshot20.html";
photo_arr[20] = "snapshots/snapshot21.html";
photo_arr[21] = "snapshots/snapshot22.html";
photo_arr[22] = "snapshots/snapshot23.html";
photo_arr[23] = "snapshots/snapshot24.html";
photo_arr[24] = "snapshots/snapshot25.html";
photo_arr[25] = "snapshots/snapshot26.html";
photo_arr[26] = "snapshots/snapshot27.html";
photo_arr[27] = "snapshots/snapshot28.html";
photo_arr[28] = "snapshots/snapshot29.html";
photo_arr[29] = "snapshots/snapshot30.html";

//shuffle photos array
function shuffle(o){
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};
photo_arr = shuffle(photo_arr);

//current photo
var current_photo_var = Math.floor(Math.random()*photo_arr.length);
var current_photo = photo_arr[current_photo_var];

//old work array
var oldwork_arr = new Array();
oldwork_arr[0] = new Array(170,15,120,160,"work/oldwork/ow01.html");
oldwork_arr[1] = new Array(300,10,120,160,"work/oldwork/ow02.html");
oldwork_arr[2] = new Array(430,45,160,120,"work/oldwork/ow03.html");
oldwork_arr[3] = new Array(80,145,80,120,"work/oldwork/ow04.html");
oldwork_arr[4] = new Array(170,185,120,80,"work/oldwork/ow05.html");
oldwork_arr[5] = new Array(40,275,120,80,"work/oldwork/ow06.html");
oldwork_arr[6] = new Array(170,275,120,80,"work/oldwork/ow07.html");
oldwork_arr[7] = new Array(300,175,265,180,"work/oldwork/ow08.html");
oldwork_arr[8] = new Array(110,365,120,175,"work/oldwork/ow09.html");
oldwork_arr[9] = new Array(245,365,140,180,"work/oldwork/ow10.html");
oldwork_arr[10] = new Array(400,365,165,215,"work/oldwork/ow11.html");
oldwork_arr[11] = new Array(5,565,120,155,"work/oldwork/ow12.html");
oldwork_arr[12] = new Array(140,555,250,160,"work/oldwork/ow13.html");
oldwork_arr[13] = new Array(400,595,200,140,"work/oldwork/ow14.html");
oldwork_arr[14] = new Array(10,725,50,185,"work/oldwork/ow15.html");
oldwork_arr[15] = new Array(70,725,200,135,"work/oldwork/ow16.html");
oldwork_arr[16] = new Array(280,725,110,145,"work/oldwork/ow17.html");
oldwork_arr[17] = new Array(400,740,205,130,"work/oldwork/ow18.html");
oldwork_arr[18] = new Array(70,880,265,200,"work/oldwork/ow19.html");
oldwork_arr[19] = new Array(355,880,125,200,"work/oldwork/ow20.html");
oldwork_arr[20] = new Array(490,880,110,150,"work/oldwork/ow21.html");
oldwork_arr[21] = new Array(100,1090,270,190,"work/oldwork/ow22.html");
oldwork_arr[22] = new Array(385,1085,100,140,"work/oldwork/ow23.html");
oldwork_arr[23] = new Array(140,1285,230,145,"work/oldwork/ow24.html");

//goudvis1 array
var goudvis1_arr = new Array();
goudvis1_arr[0] = new Array(5,5,120,80,"work/goudvis1/gv101.html");
goudvis1_arr[1] = new Array(5,95,250,160,"work/goudvis1/gv102.html");
goudvis1_arr[2] = new Array(265,95,180,245,"work/goudvis1/gv103.html");
goudvis1_arr[3] = new Array(200,350,250,160,"work/goudvis1/gv104.html");

//home work
var random_work_arr = new Array();
var random_work_arr = oldwork_arr;
var random_work_var = Math.floor(Math.random()*random_work_arr.length);
var random_page = random_work_arr[random_work_var][4];

function SetHome(){
	document.getElementById("content_frame").src=random_page;
}

//set buttons of wall (overview)
function SetButtons(arr){
	parent.arr_id = arr;
	//alert(parent.arr_id);
	for(i=0; i<arr.length; i++){
		var x = arr[i][0];
		var y = arr[i][1];
		var w = arr[i][2];
		var h = arr[i][3];
		var url = arr[i][4];
		document.write('<a href="'+url+'" target="_self" class="wall_button" style="left:'+x+'px; top:'+y+'px;" onClick="javascript:parent.SetWorkId('+i+'); parent.ResetBrowser(); parent.ShowBrowserArrows(); parent.SetImageCount();" ><img src="images/transparent.gif" alt="" style="display:block; position:relative; width:'+w+'px; height:'+h+'px;" /></a>');	
	}
}

function SetWorkId(w_id){
	work_id = w_id;
}


////////// MENU //////////

//menu array
var menu_arr = new Array();
/*menu_arr[0] = new Array("news","news.html", "news", "");
menu_arr[1] = new Array("about","about.html", "about", "");
menu_arr[2] = new Array("snapshots",photo_arr[0], "snapshots", "");
menu_arr[3] = new Array("oldwork","wall_ow.html", "2000-2004", "info_ow.html");
menu_arr[4] = new Array("goudvis1","wall_gv1.html", "Goudvis series I", "info_gv1.html");*/
menu_arr[0] = new Array("news","news.html", "news", "");
menu_arr[1] = new Array("oldwork","wall_ow.html", "2000-2004", "info_ow.html");
menu_arr[2] = new Array("goudvis1","wall_gv1.html", "Goudvis series I", "info_gv1.html");

//set menu
function SetMenu(menu_item){
	menu_active = menu_item;
	for(i=0; i<menu_arr.length; i++){
		if(i == menu_item){
			document.getElementById(menu_arr[i][0]).innerHTML='<div class="menu_active">'+menu_arr[i][2]+'</div>';
		} else {
			document.getElementById(menu_arr[i][0]).innerHTML='<a href="'+menu_arr[i][1]+'" target="content_frame" onClick="HideBrowser(); SetMenu('+i+');" class="menu_btn">'+menu_arr[i][2]+'</a>';
		}
	}
	SetBrowser(0);
	if(menu_item == 2){
		StartSnapshots();
	}
}

//set browser
function SetBrowser(browser_item){

	browser_arr = new Array();
	browser_arr[0] = new Array("wall_link", menu_arr[menu_active][1], "overview");
	browser_arr[1] = new Array("wall_info", menu_arr[menu_active][3], "text");

	for(i=0; i<browser_arr.length; i++){
		if(i == browser_item){
			document.getElementById(browser_arr[i][0]).innerHTML='<div class="menu_active">'+browser_arr[i][2]+'</div>';
		} else {
			document.getElementById(browser_arr[i][0]).innerHTML='<a href="'+browser_arr[i][1]+'" target="content_frame" onClick="SetBrowser('+i+');" class="menu_btn">'+browser_arr[i][2]+'</a>';
		}
	}
}

function HideBrowser(){
	document.getElementById('wall_browser').style.visibility = 'hidden';
	document.getElementById('browser_arrows').style.visibility = 'hidden';
}

function ShowBrowser(){
	document.getElementById('wall_browser').style.visibility = 'visible';
	document.getElementById(browser_arr[0][0]).style.display = 'block';
	document.getElementById(browser_arr[1][0]).style.display = 'block';
}

function ShowBrowserArrows(){
	document.getElementById('browser_arrows').style.visibility = 'visible';
}

function HideBrowserArrows(){
	document.getElementById('browser_arrows').style.visibility = 'hidden';
}

function ResetBrowser(){
	for(i=0; i<browser_arr.length; i++){
		document.getElementById(browser_arr[i][0]).innerHTML='<a href="'+browser_arr[i][1]+'" target="content_frame" onClick="SetBrowser('+i+');" class="menu_btn">'+browser_arr[i][2]+'</a>';
	}
}

//image browser arrow actions
function NextImage(){
	if(work_id < arr_id.length-1){
		work_id++;
	} else {
		work_id = 0;
	}
	if(arr_id == photo_arr){
		document.getElementById("content_frame").src=arr_id[work_id];
	} else {
		document.getElementById("content_frame").src=arr_id[work_id][4];
	}
	SetImageCount();
}

function PreviousImage(){
	if(work_id > 0){
		work_id--;
	} else {
		work_id = arr_id.length-1;
	}
	if(arr_id == photo_arr){
		document.getElementById("content_frame").src=arr_id[work_id];
	} else {
		document.getElementById("content_frame").src=arr_id[work_id][4];
	}
	SetImageCount();
}

function SetImageCount(){
	document.getElementById("image_count").innerHTML=work_id+1+' / '+arr_id.length;
}

function StartSnapshots(){
	arr_id = photo_arr;
	work_id = 0;
	//show browser & arrows
	document.getElementById('wall_browser').style.visibility = 'visible';
	document.getElementById('browser_arrows').style.visibility = 'visible';
	//clear text & overview
	document.getElementById(browser_arr[0][0]).style.display = 'none';
	document.getElementById(browser_arr[1][0]).style.display = 'none';
	//set image count
	SetImageCount();
}