document.write('<script language="Javascript" src="scripts/global.js"></script>');

var selectedDisplay = null;

function toggleDisplay(id){
	var display = getObject("display_" + id); //@@@ cross-browser??

	if(selectedDisplay != null && selectedDisplay.id != id){
		selectedDisplay.style.display = "none";
		display.style.display = "block";	
	}
	else{
		display.style.display = "block";
	}

	selectedDisplay = display;3/30/2008
}

function goToBookmark(bookmark){
	var song = getObject("song");
	song.innerHTML = getObject(bookmark).innerHTML;
}


function openWin(URL, arg, width, height){
	if(window.showModalDialog){ // ie
		var args = new Object();
		args.arg = arg;
		window.showModalDialog(URL, args, "dialogWidth:"+width+"px;dialogHeight:"+height+"px;");
	}
	else{ // mozilla, etc....
		window.open(URL+'?'+arg,'','width='+width + ",height="+height + ",scrollbars=yes");
	}
}

function goTo(page){
	location.href = page;
	return false;
}

function goBack(){
	history.back();
}

// ============== VYSOTSKY - CONTROLS ==============
function showAudioLyrics(song){
	document.write(
		'<table cellpadding="0" cellspacing="0" border="0"><tr>' +
			'<td><a href="audio/' + song + '.rm"><img src="images/vysotsky/icon_audio.gif" width="16" height="16" title="Audio fragment"/></a></td>' +
			'<td><span class="textsmall"><a href="audio/' + song + '.rm">&nbsp;&nbsp;Audio fragment&nbsp;&nbsp;&nbsp;</a></span></td>' +
			'<td><a href="#" onclick="openWin(\'popup.html\', \'images/vysotsky/' + song + '_russ.gif\',560, 400);"><img src="images/vysotsky/icon_text.gif" width="16" height="16" title="Original lyrics"/></a></td>' +
			'<td><span class="textsmall"><a href="#" onclick="openWin(\'popup.html\',\'images/vysotsky/' + song + '_russ.gif\',560, 400);">&nbsp;&nbsp;Original lyrics&nbsp;</a></span></td>' +
		'</tr></table>');
}

function loadSiteNav()
{	var sitenav = getObject("sitenav");
	if(sitenav == null) return;

	sitenav.innerHTML = '<img src="images/hr.jpg" width="200" height="1" vspace="10"/><table cellspacing="0" cellpadding="0" border="0"><tr>' +
						(typeof(prevSection)!="undefined" ? '<td><br/><br/><a href="' + prevSection +
						'"><img src="images/nav/nav_prev.gif" width="16" height="16" title="Previous section"/></a>&nbsp;</td>' : '') + '<td><a href="homepage.html"><img src="images/nav/nav_lion.gif" width="50" height="64" title="Home"/></a></td>' +
						(typeof(nextSection)!="undefined" ? '<td><br/><br/>&nbsp;<a href="' + nextSection +
							'"><img src="images/nav/nav_next.gif" width="16" height="16" title="Next section"/></a></td>' : '') +
						'</tr></table>';
}


//==================================== START IMAGE NAVIGATION =====================================//
var curr_img = 0, num_imgs = 1;
var ICON_NEXT = "images/nav/img_next.gif", ICON_PREV = "images/nav/img_prev.gif", DISABLED = "_disabled.gif", EXT = ".gif";
var isFirstLast = true; // indicates that it's a first or last image

function loadImageNav()
{	var thumbs = getObject("thumbs");
	if(thumbs == null) return;

	var thumb_links = thumbs.getElementsByTagName("a");
	num_imgs = thumb_links.length;

	for(var i=0; i<num_imgs; i++){ // assign ids to anchors
		thumb_links[i].setAttribute("id", (i+1));
	}
	// build nav
	var nav = getObject("nav");
	nav.innerHTML = 
		'<a href="#" onclick="moveToImage(-1);"><img id="prev" src="' + ICON_PREV + '" title="Previous image"/></a>' +
		'&nbsp;&nbsp;&nbsp;<a href="#" onclick="moveToImage(1);"><img id="next" src="' + ICON_NEXT + '" title="Next image"/></a><br/><br/>';
	moveToImage(1);
}

function toggleAnchor(anchor, enabled){
	if(enabled){
		anchor.setAttribute("href", "#");
	}
	else{
		anchor.removeAttribute("href");
	}
}

function toggleNavIcon(which, enabled){
	var img = getObject(which);
	if(enabled){
		img.src = img.src.replace(DISABLED, EXT);
	}
	else{
		img.src = img.src.replace(EXT, DISABLED);
	}	
	toggleAnchor(img.parentNode, enabled);
}

function moveToImage(dir){
	if( (dir > 0 && curr_img >= num_imgs) ||
		(dir < 0 && curr_img == 1) ) return;

	curr_img += dir;
	getObject("thumbs").getElementsByTagName("a")[curr_img-1].onclick();

	if(curr_img >= num_imgs)
	{
		if(isFirstLast) toggleNavIcon("prev", true);
		toggleNavIcon("next", false);
		isFirstLast = true;
	}
	else if(curr_img == 1)
	{
		if(isFirstLast) toggleNavIcon("next", true);
		toggleNavIcon("prev", false);
		isFirstLast = true;
	}
	else{
		toggleNavIcon("next", true);
		toggleNavIcon("prev", true);
		isFirstLast = false;
	}
}

function showImage(link, caption){
	var id = parseInt(link.id);
	if(id != curr_img)
	{
		curr_img = parseInt(id);
		moveToImage(0);
		return;
	}
	var main_image = getObject("main_image");
	var main_image_caption = getObject("main_image_caption");

	main_image.src = link.firstChild.src.replace("/thumbs/", "/").replace("_t.", ".");
	if(main_image_caption != null) main_image_caption.innerHTML = caption;
}

//===================================== END IMAGE NAVIGATION ======================================//

function loadBackLink(){
	if(isIE())
	{
		var nav = getObject("back");
		if(nav != null){
			nav.innerHTML = '<a href="#" onclick="goBack();"><img src="images/nav/back.gif" title="Back" align="right" style="margin-top:-10px;"/></a>';
		}
	}
}

function checkFrames(){
	var page = location.href.substring(location.href.lastIndexOf('/') + 1 );
	var phostname = '';
	try{ phostname = self.parent.location.hostname; } catch(e) {}

	if(top.location == self.location || phostname != self.location.hostname)
	{
		top.location.href = escape('index.html') + '?' + escape(page);
		return false;
	}
	else if(top.location != self.parent.location){
		top.location = self.parent.location;
		return false;
	}

	return true;
}

window.onload = function(){
	if (!checkFrames()) return;

	loadBackLink();
	loadSiteNav();
	loadImageNav();
	setupEvents("display_thumbs");
	setupEvents("contents_thumbs");

	parent.scroll(0,0);
	if(parent.getObject("section_" + section).style.display != "block") parent.toggleSection(section);
}