// navigation

var base = './../..';

function set_type(t) {
var type_to_show = document.getElementById('type_selection');
for(i=0; i<type_to_show.options.length; i++) {
	if(type_to_show.options[i].value == t)
		type_to_show.options[i].selected = true;
}
show_type1();
}

function show_type() {
show_type1();
var type_to_show = document.getElementById('type_selection');
if(type_to_show.options[type_to_show.selectedIndex].value == 'corals')
	top.location.href = base + "/en/corals/acropora_cervicornis.html";
if(type_to_show.options[type_to_show.selectedIndex].value == 'sponges')
	top.location.href = base + "/en/sponges/aiolochroia_crassa_a.html";
if(type_to_show.options[type_to_show.selectedIndex].value == 'octocorals')
	top.location.href = base + "/en/octocorals/mixed_communities.html";
}

function show_type1() {
var type_to_show = document.getElementById('type_selection');
if(document.getElementById('nav_by_corals'))
	document.getElementById('nav_by_corals').style.display='none';
if(document.getElementById('nav_by_sponges'))
	document.getElementById('nav_by_sponges').style.display='none';
if(document.getElementById('nav_by_octocorals'))
	document.getElementById('nav_by_octocorals').style.display='none';
if(document.getElementById('nav_by_' + type_to_show.options[type_to_show.selectedIndex].value))
	document.getElementById('nav_by_' + type_to_show.options[type_to_show.selectedIndex].value).style.display='block';
}

function set_current(t) {
	var allPageTags=document.getElementsByTagName("a"); 
	for (i=0; i<allPageTags.length; i++) {
		if (allPageTags[i].innerHTML==t) { 
			allPageTags[i].className='selected_item'; 
	 	}
	}
}

var allPageTags = new Array();
function show_family() { 
	document.getElementById('tax_nav_tab').className='selected_tab';
	document.getElementById('shape_nav_tab').className='unselected_tab';
	var allPageTags=document.getElementsByTagName("*"); 
	for (i=0; i<allPageTags.length; i++) {
		if (allPageTags[i].className=='nav_by_shape') { 
			allPageTags[i].style.display='none'; 
	 	}
		if (allPageTags[i].className=='nav_by_family') { 
			allPageTags[i].style.display='block'; 
	 	} 
	}
	createCookie('order', 0, 2);
}

function show_shape() {  
	document.getElementById('tax_nav_tab').className='unselected_tab';
	document.getElementById('shape_nav_tab').className='selected_tab';
	var allPageTags=document.getElementsByTagName("*"); 
	for (i=0; i<allPageTags.length; i++) {
		if (allPageTags[i].className=='nav_by_family') { 
			allPageTags[i].style.display='none'; 
	 	}
		if (allPageTags[i].className=='nav_by_shape') { 
			allPageTags[i].style.display='block'; 
	 	} 
	}
	createCookie('order', 1, 2);
}

function update_nav() {
	document.getElementById('all_items').style.height = (document.body.clientHeight - 250) + 'px';
	var th = document.body.clientHeight - 555;
	if(th > 80){
		document.getElementById('item_desc').style.height = th + 'px';
	}
	else {
		document.getElementById('item_desc').style.height = 80 + 'px';
	}
	if(readCookie('order')==0)
		show_family();
	if(readCookie('order')==1)
		show_shape();
}

//scroller
function focus_image(i, a) {
container = document.getElementById('imgcontainer');
var orgin = container.offsetLeft;
container.style.left = 0;
var ix = i.offsetLeft;
var hx = document.getElementById('highlighter').offsetLeft;
//var move_amount = hx - ix;
var cx = container.offsetLeft;
new_cx = cx + (hx - ix);
container.style.left = orgin;
if(a == 1)
	animate();
else
	container.style.left = new_cx;
var children = container.childNodes;
document.getElementById('total_no_imgs').innerHTML = children.length;
for(var c=0; c<children.length; c++){
	if((i == children.item(c))) {
		//n = Math.floor((c/2) + 1);
		document.getElementById('current_img_no').innerHTML = c + 1;
	}
}
new_src = i.childNodes[0].getAttribute('src');
ns_array = new_src.split("/");
img_name = 0;
for(var c=0; c<ns_array.length; c++){
	if(ns_array[c] == "thumbs"){
		img_name = c;
	}
}
img_name = img_name + 1;
new_src = ns_array[img_name];
document.swap.src = base + '/images/' + new_src;
//document.getElementById('large_img_link').innerHTML = '<a href="' + base + '/images/' + new_src + '">View Larger</a>';
}

function scroll(d) {
children = container.childNodes;
var shift = document.getElementById('highlighter').offsetLeft - container.offsetLeft
for(var c=0; c<children.length; c++){
	if((shift == children.item(c).offsetLeft)) {
		if(d == 'l' && c >= 1)
			focus_image(children.item(c-1), 1);
		if(d == 'r' && children.length > (c+1))
			focus_image(children.item(c+1), 1);
		break;
	}
}
}

function animate() {
clearTimeout(t);
if(new_cx > container.offsetLeft) {
	container.style.left = (parseInt(container.style.left) + 1);
	var t = setTimeout("animate()", 1);
}
if(new_cx < container.offsetLeft) {
	container.style.left = (parseInt(container.style.left) - 1);
	var t = setTimeout("animate()", 1);
}
}
function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name) {
	createCookie(name,"",-1);
}