// JavaScript Document
var pre = 0;
var now = 1;
var nex = 2;
var ket;
var canprev, cannext;
var bhs;

function initialize(lang) {
	bhs = lang;
	var gambar1 = document.getElementById("gambar1");
	var gambar2 = document.getElementById("gambar2");
	var gambar3 = document.getElementById("gambar3");
	var content = document.getElementById("keterangan");
	
	var gbr1 = gambarArr[pre];
	var gbr2 = gambarArr[now];
	var gbr3 = gambarArr[nex];

	if (gbr1 == "") {
		cannext = false;
		gambar1.style.visibility = "hidden";
		document.getElementById("next").style.color = "silver";
	} else {
		cannext = true;
		gambar1.style.visibility = "visible";
		document.getElementById("next").style.color = "#224433";
	}
	
	if (gbr3 == "") {
		canprev = false;
		gambar3.style.visibility = "hidden";
		document.getElementById("prev").style.color = "silver";
	} else { 
		canprev = true;
		gambar3.style.visibility = "visible";
		document.getElementById("prev").style.color = "#224433";
	}
	
	(canprev) ? document.getElementById("prev").style.cursor="pointer" : document.getElementById("prev").style.cursor="default";  
	(cannext) ? document.getElementById("next").style.cursor="pointer" : document.getElementById("next").style.cursor="default"; 
	 
	ket = (bhs == "en") ? ketArrEng[now] : ketArrIndo[now];
	
	gambar1.src = "gbr/" + gbr1;
	gambar2.src = "gbr/" + gbr2;
	gambar3.src = "gbr/" + gbr3;
	gambar1.style.padding = 1;
	gambar2.style.padding = 1;
	gambar3.style.padding = 1;
	gambar1.style.border = "1px solid silver";
	gambar3.style.border = "1px solid silver";
	gambar2.style.border = "1px solid silver";
	
	content.innerHTML = "<font face='Verdana, Arial, Helvetica, sans-serif' size='1'>"+ ket +"</font>";		
}

function prev() {
	if (nex + 1 < gambarArr.length) { 
		pre = now;
		now = now + 1;
		nex = nex + 1;
	} 

	initialize(bhs);
}

function next() {
	if (pre - 1 >= 0) { 
		nex = now;
		now = pre;
		pre = pre - 1;
	} 

	initialize(bhs);
}

function evOver(obj) {
	if (obj.id == "prev") {
		document.getElementById(obj.id).style.color = (canprev) ? "blue" : "silver";
		document.getElementById(obj.id).style.fontWeight = (canprev) ? "bold" : "normal";
	} else {
		document.getElementById(obj.id).style.color = (cannext) ? "blue" : "silver";
		document.getElementById(obj.id).style.fontWeight = (cannext) ? "bold" : "normal";
	}
}

function evOut(obj) {
	if (obj.id == "prev") {
		document.getElementById(obj.id).style.color = (canprev) ? "#224433" : "silver";
		document.getElementById(obj.id).style.fontWeight = (canprev) ? "normal" : "normal";
	} else {
		document.getElementById(obj.id).style.color = (cannext) ? "#224433" : "silver";
		document.getElementById(obj.id).style.fontWeight = (cannext) ? "normal" : "normal";
	}
}