//SUB NAV for single-4.php

//globals:
var subnav_nm = '/wp-content/themes/laudanum/images/button_nm.gif';
var subnav_hv = '/wp-content/themes/laudanum/images/button_hv.gif';
var subnav_active = '/wp-content/themes/laudanum/images/button_active.gif';
var last_div = 1; //used to hide last media div
var last_btn = 1; //used to erase last active state of sub nav button

//functions to hide/show divs:
function set_display(id,display) {
	document.getElementById(id).style.display = display;
}

function show_media(id) {
	if (id!=last_div) {
		if(document.getElementById('media_' + last_div)){ //media last
			document.getElementById('media_' + last_div).style.display = 'none';
			document.getElementById('media_' + id).style.display = 'block';
		} 
	}
}

//functions to handle button images:
function change_button(id) {
	if (id!=last_btn) {
		document.getElementById('subnav_' + last_btn).src = subnav_nm;
		document.getElementById('subnav_' + id).src = subnav_active;
	}
}
function over_button(id) {
	if (id!=last_btn) {
		document.getElementById('subnav_' + id).src = subnav_hv;
	}
}
function off_button(id) {
	if (id!=last_btn) {
		document.getElementById('subnav_' + id).src = subnav_nm;
	}
}


//main sub nav function called on click:
function subnav(type,id,src) {
	switch(type) {
		case 'image':
		show_media(id);
		//show_artwork();
		//change_button(id);
		last_div = id;
		last_btn = id;
		break;
		
		case 'video':
		show_media(id);
		//show_artwork();
		//change_button(id);
		last_div = id;
		last_btn = id;
		break;
		
		case 'audio':
		show_media(id);
		//show_artwork();
		//change_button(id);
		last_div = id;
		last_btn = id;
		break;
		
		case 'essay':
		//show_essay();
		//change_button(id);
		last_btn = id;
		break;
	}
}