var linkNum = 0;
//var drillPath = '';
//var picArray[];

function showPicture(url, w, h, next) {
	var picWin;
	var features = 'top=0,left=0,location=no,toolbar=no,status=no,scrollbars=yes'; 
	var screenW = screen.availWidth;
	var screenH = screen.availHeight;
	var extraW = 40;
	var extraH = 60;
	
	if (!w) w=800; 
	if (!h) h=600;		
	
	w += extraW;
	h += extraH;		
	
	if (w > screenW) w = screenW; 
	if (h > screenH) h = screenH; 
			
	//if (drillPath == '' && !next) 
		picWin = window.open(url, 'pic', features);    
	//else 
	//	picWin = window.open('http://www.cs.kent.edu/~jbowen/photos/picwin.html?drill=' + drillPath + '&pic=' + url + '&next=' + next, 'pic', features);	
	
	picWin.resizeTo(w, h);
	picWin.focus();     
}

function showPic(url, w, h) {
	var thumbPanel = document.getElementById('thumbnailPanel');
	var picPanel = document.getElementById('picPanel');
	var img = document.getElementById('picImg');
	var availW = screen.width;
	var availH = screen.height;
	var extraW = 270;
	var extraH = 280;
	var minW = 560;
	var minH = 420;
	
	if (!w) w=800;	
	if (!h) h=600;
	
	availW -= extraW;	
	availH -= extraH;
	
	if (w >= h) {		
		if (w > (availW)) { 
			if (availW < minW) availW = minW;
			h = parseInt(((availW) * h) / w);
			w = availW;
			img.scrollIntoView();
		}
	}
	else if (h > w) {
		if (h > (availH)) {
			if (availH < minH) availH = minH;
			w = parseInt(((availH) * w) / h);
			h = availH;
			img.scrollIntoView();
		}
	}
	
	thumbPanel.style.display = 'none';
	picPanel.style.display = 'block';
	img.src = url;
	img.width = w;
	img.height = h;
}

function showThumbnails() {
	var thumbPanel = document.getElementById('thumbnailPanel');
	var picPanel = document.getElementById('picPanel');
	var img = document.getElementById('picImg');
	
	picPanel.style.display = 'none';
	img.src = '';
	img.width = 0;
	img.height = 0;
	thumbPanel.style.display = 'block';
	window.scrollTo(0,0);
}

function openLink(url) {
    var linkWin = window.open(url, 'new' + String(linkNum++), '');
	linkWin.focus(); 
}

function getQueryVariable(variable) {
	var query = window.location.search.substring(1);
	var vars = query.split('&');
	var pair;
				
	for (var i = 0; i < vars.length; i++) {
		pair = vars[i].split('=');
		if (pair[0] == variable) return pair[1];
	}
				
	return '';
}

function renderNinjaDetail(openPic,thumbPic,pose,strength,primacy,rank,bushido,width,height) {
	if (!width) width = 640;
	if (!height) height = 480;
	
	document.write('<div class="ninjaMidPic">');
	document.write('<a href="javascript:showPicture(\'' + openPic + '\',' + width + ',' + height + ')">');
	document.write('<img src="' + thumbPic + '" border="0" alt="">');
	document.write('</a>');
	document.write('</div>');	
	document.write('<span class="ninjaSectionHeader">Pose:&nbsp;&nbsp;</span>');
	document.write('<span class="ninjaSectionBody">' + pose + '</span><br>');
	
	if (!rank) {
		if (pose.toLowerCase() != 'kneeler') {
			switch (primacy) {
				case 1:	
				case 2:	rank = 'Godan'; break;
				case 3: 
				case 4:	rank = 'Yodan'; break;
				case 5: 
				case 6:	rank = 'Sandan'; break;
				case 7: 
				case 8:
				case 9: rank = 'Nidan'; break;
				default: rank = 'Shodan';			
			}
		}
		else
			rank = 'Rukudan, Sensai';
	}
	
	document.write('<span class="ninjaSectionHeader">Rank:&nbsp;&nbsp;</span>');
	document.write('<span class="ninjaSectionBody">' + rank + '</span><br>');
	
	if (primacy) {
		document.write('<span class="ninjaSectionHeader">Primacy:&nbsp;&nbsp;</span>');
		document.write('<span class="ninjaSectionBody">' + primacy + '</span><br>');
	}
	
	if (strength.length > 0) {
		document.write('<span class="ninjaSectionHeader">Strength:&nbsp;&nbsp;</span>');
		document.write('<span class="ninjaSectionBody">' + strength + '</span><br>');	
	}
	
	if (bushido) {
		var bushPage = bushido;
		switch (bushido) {
			case 'Heroic Courage': bushPage = 'courage'; break;
			case 'Polite Courtesy': bushPage = 'courtesy'; break;
			case 'Honesty and Justice': bushPage = 'honesty'; break;
			case 'Duty and Loyalty': bushPage = 'loyalty'; break;
			case 'Complete Sincerity': bushPage = 'sincerity'; break;	
		}
		
		document.write('<span class="ninjaSectionHeader">Bushido:&nbsp;&nbsp;</span>');
		document.write('<a href="javascript:showPicture(\'../../bushido/' + bushPage.toLowerCase() + '.html\',350,290);">' + bushido + '</a>');
	}
}

function renderNinjaJumpLinks(currentPage,currentTribe) {	
	document.write('<div class="ninjaPoseLinkDiv">');
	
	if (currentTribe != 'Red') 
		document.write(ninjaJumpLink(currentPage,'../../capoomic/' + currentTribe.toLowerCase() + '/','Clan',false));	
	else
		document.write(ninjaJumpLink(currentPage,'../../capoomic/','Capoomic',false));	
	
	document.write(ninjaJumpLink(currentPage,'index.html','Tribe',false));
	document.write(ninjaJumpLink(currentPage,'kneeler.html','Kneeler',false));
	document.write(ninjaJumpLink(currentPage,'sword.html','Sword',false));
	document.write(ninjaJumpLink(currentPage,'sais.html','Sais',false));
	document.write(ninjaJumpLink(currentPage,'grappler.html','Grappler',false));
	document.write(ninjaJumpLink(currentPage,'star.html','Star',false));
	document.write(ninjaJumpLink(currentPage,'chucker.html','Chucker',true));
	document.write('</div>');
}

function ninjaJumpLink(currentPage,gotoPage,jumper,isLast) {
	var njl;
	
	if (jumper != currentPage)
		njl = '<a class="ninjaPoseLink" href="' + gotoPage + '">' + jumper + '</a>';
	else
		njl = '<span class="ninjaPoseLinkSelected">' + jumper + '</span>';
		
	if (!isLast)
		njl += '<span>&nbsp;|&nbsp;</span>';
		
	return njl;
}

function renderCapoomicJumpLinks(currentPage) {
	if (currentPage != 'Clan' && currentPage != 'White' && currentPage != 'Black')
		document.write('<br><br><a href="../../jatoolleur/' + currentPage.toLowerCase() + '/">' + currentPage + ' Jatoolleur Tribe</a>');
			
	document.write('<div class="ninjaPoseLinkDiv">');
	document.write(capoomicJumpLink(currentPage,'index.html','Clan',false));
	document.write(capoomicJumpLink(currentPage,'white/','White',false));
	document.write(capoomicJumpLink(currentPage,'black/','Black',false));
	document.write(capoomicJumpLink(currentPage,'orange/','Orange',false));
	document.write(capoomicJumpLink(currentPage,'blue/','Blue',false));
	document.write(capoomicJumpLink(currentPage,'purple/','Purple',false));
	document.write(capoomicJumpLink(currentPage,'green/','Green',false));
	document.write(capoomicJumpLink(currentPage,'yellow/','Yellow',false));
	document.write(capoomicJumpLink(currentPage,'../jatoolleur/red/','Red',true));
	document.write('</div>');
}

function capoomicJumpLink(currentPage,gotoPage,jumper,isLast) {
	var njl;	
	
	if (jumper != currentPage) {
		var dynPath = (currentPage != 'Clan') ? '../' : '';
		njl = '<a class="ninjaPoseLink" href="' + dynPath + gotoPage + '">' + jumper + '</a>';
	}
	else
		njl = '<span class="ninjaPoseLinkSelected">' + jumper + '</span>';
		
	if (!isLast)
		njl += '<span>&nbsp;|&nbsp;</span>';
		
	return njl;
}

function renderNinjaCombo(amt1,tribe1,pose1,amt2,tribe2,pose2,result) {
	document.write('<div style="DISPLAY: block; PADDING-BOTTOM: 24px">');
	document.write('<table cellspacing="0" cellpadding="0" border="0" width="250">');
	document.write('	<tr>');
	document.write('		<td width="15"></td>');
	document.write('		<td width="30">(' + amt1 + ')</td>');
	document.write('		<td align="right"><a href="jatoolleur/' + tribe1.toLowerCase() + '/' + pose1.toLowerCase() + '.html">' + tribe1 + ' ' + pose1 + '</a></td>');
	document.write('	</tr>');
	document.write('	<tr>');
	document.write('		<td>+</td>');
	document.write('		<td>(' + amt2 + ')</td>');
	document.write('		<td align="right"><a href="jatoolleur/' + tribe2.toLowerCase() + '/' + pose2.toLowerCase() + '.html">' + tribe2 + ' ' + pose2 + '</a></td>');
	document.write('	</tr>');
	document.write('	<tr>');
	document.write('		<td colspan="3" height="6"></td>');
	document.write('	</tr>');
	document.write('	<tr>');
	document.write('		<td colspan="3" style="BORDER-TOP: 1px solid black" align="right"><span style="COLOR: #333333">' + result + '</span></td>');
	document.write('	</tr>');
	document.write('</table>');
	document.write('</div>');
}