//homepage fade
//homepage fade
//homepage fade
var khiPhotos = new Array();
zInterval = null;
visImg=0;
pause=false;
function khiImageFadeInit() {
	if(!document.getElementById || !document.createElement || !document.getElementById("imgContainer"))return;
	khiPhotos = document.getElementById("imgContainer").getElementsByTagName("img");
	if (navigator.appName=='Microsoft Internet Explorer') {
		var pageWidth = document.body.clientWidth;
		var leftMargin = (pageWidth - 791)/2;
		khiPhotos[0].style.left = leftMargin+"px";
	}
	for(i=1;i<khiPhotos.length;i++) khiPhotos[i].xOpacity = 0;
	khiPhotos[0].style.display = "block";
	khiPhotos[0].xOpacity = .99;
	setTimeout(khiImageFader,5000);

}
function khiImageFader() {
	cOpacity = khiPhotos[visImg].xOpacity;
	nIndex = khiPhotos[visImg+1]?visImg+1:0;
	nOpacity = khiPhotos[nIndex].xOpacity;
	cOpacity-=.05; 
	nOpacity+=.05;
	khiPhotos[nIndex].style.display = "block";
	if (navigator.appName=='Microsoft Internet Explorer') {
		var pageWidth = document.body.clientWidth;
		var leftMargin = (pageWidth - 791)/2;
		khiPhotos[nIndex].style.left = leftMargin+"px";
	}
	khiPhotos[visImg].xOpacity = cOpacity;
	khiPhotos[nIndex].xOpacity = nOpacity;
	setOpacity(khiPhotos[visImg]); 
	setOpacity(khiPhotos[nIndex]);
	if(cOpacity<=0) {
		khiPhotos[visImg].style.display = "none";
		visImg = nIndex;
		setTimeout(khiImageFader,5000);
	} else {
		setTimeout(khiImageFader,50);
	}
	function setOpacity(obj) {
		if(obj.xOpacity>.99) {
			obj.xOpacity = .99;
			return;
		}
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
}

//portfolio nav
//portfolio nav
//portfolio nav

function khiPortfolioInit() {
	if(!document.getElementById || !document.createElement || !document.getElementById("imgContainer"))return;
	var khiPhotos = [];
	var khiThumbs = [];
	khiPhotos = document.getElementById("imgContainer").getElementsByTagName("img");
	khiThumbs = document.getElementById("tncontainer").getElementsByTagName("li");
	khiPhotos[0].style.display = "block";
	khiThumbs[0].className = "shade";
}
function khiPortfolioToggle(newImg) {
	if(!document.getElementById || !document.createElement || !document.getElementById("imgContainer"))return;
	var khiPhotos = [];
	var khiThumbs = [];
	khiPhotos = document.getElementById("imgContainer").getElementsByTagName("img");
	khiThumbs = document.getElementById("tncontainer").getElementsByTagName("li");
	for (var i=0; i<=khiPhotos.length; i++) {
		khiPhotos[i].style.display = "none";
		khiThumbs[i].className = "noShade";
		if (i == newImg) {
			khiPhotos[newImg].style.display = "block";
			var imgWidth = khiPhotos[newImg].width;
			var leftMargin = (791-imgWidth)/2;
			khiPhotos[newImg].style.marginLeft = leftMargin+"px";
			khiThumbs[newImg].className = "shade";
		}
	}
}




lftMostFrame = 1;
function writeThumbnail(lastframe) {
	var pathName = top.location.pathname;
	var lastForwardSlash = pathName.lastIndexOf("\/");
	var lastDot = pathName.indexOf(".", lastForwardSlash);
	var framenum = pathName.substring( pathName.lastIndexOf("\/")+1, lastDot );
		framenum = framenum * 1;
	if (pathName.match('index.html') || pathName.match('/$')) {
		framenum = 1;
	}
	var prevButton = document.getElementById('prev');
	prevButton.innerHTML = '<a href="javascript:displayPrevThumbnails('+ lastframe +')"><img class="scrollArrow prev" src="img/arrow_prev.gif" alt="" width="19" height="67" border="0"></a>';
	var nextButton = document.getElementById('next');
	nextButton.innerHTML = '<a href="javascript:displayNextThumbnails('+ lastframe +')"><img class="scrollArrow next" src="img/arrow_next.gif" alt="" width="19" height="67" border="0"></a>';

	var lastTN2show = framenum + 3;
	var firstTN2show = framenum - 3;
	var targetTD = document.getElementById('tn'+framenum);
	if (targetTD) {
		targetTD.className = 'shade';
	}
	if (lastframe > 7) {
		if (framenum < 5) {
			prevButton.innerHTML = '<img class="scrollArrow prev" src="img/arrow_prev.gif" alt="" width="19" height="67" border="0">';
			//document.getElementById('prev').style.visibility = "visible";
			lastTN2show = 7;
			firstTN2show = 1;
		}
		if (framenum > (lastframe-4)) {
			nextButton.innerHTML = '<img class="scrollArrow prev" src="img/arrow_next.gif" alt="" width="19" height="67" border="0">';
			//document.getElementById('next').style.visibility = "visible";//hidden
		}
		for (var i=firstTN2show-1; i>0; i--) {
			document.getElementById('tn'+i).style.visibility = "hidden";
			document.getElementById('tn'+i).style.display = "none";
		}
		for (var i=lastTN2show+1; i<=lastframe; i++) {
			document.getElementById('tn'+i).style.visibility = "hidden";
			document.getElementById('tn'+i).style.display = "none";
		}
	} else { //gallery has less than 8 frames so hide more links
			prevButton.innerHTML = '<img class="scrollArrow prev" src="img/arrow_prev.gif" alt="" width="19" height="67" border="0">';
			nextButton.innerHTML = '<img class="scrollArrow prev" src="img/arrow_next.gif" alt="" width="19" height="67" border="0">';
	}
	lftMostFrame = firstTN2show;
}

function displayNextThumbnails(lastframe) {
	var prevButton = document.getElementById('prev');
	var nextButton = document.getElementById('next');
	shiftOpacity('tncontainer', 500);
	var prevSet = 1;
	var emptyFrames = 0;
	prevButton.innerHTML = '<a href="javascript:displayPrevThumbnails('+ lastframe +')"><img class="scrollArrow prev" src="img/arrow_prev.gif" alt="" width="19" height="67" border="0"></a>';
	//document.getElementById('prev').style.visibility = "visible";
	lftMostFrame = lftMostFrame + 7;
	var nextSet = lftMostFrame + 6;
	if (nextSet >= lastframe) {
		emptyFrames = nextSet - lastframe;
		nextSet = lastframe;
		nextButton.innerHTML = '<img class="scrollArrow prev" src="img/arrow_next.gif" alt="" width="19" height="67" border="0">';
		//document.getElementById('next').style.visibility = "visible";//hidden
	} else {
		nextButton.innerHTML = '<a href="javascript:displayNextThumbnails('+ lastframe +')"><img class="scrollArrow next" src="img/arrow_next.gif" alt="" width="19" height="67" border="0"></a>';
		//document.getElementById('next').style.visibility = "visible";
	}
	for (var i=lftMostFrame-1; i >= prevSet; i--) {
		document.getElementById('tn'+i).style.visibility = "hidden";
		document.getElementById('tn'+i).style.display = "none";
	}
	for (var j=lftMostFrame; j <= nextSet; j++) {
		document.getElementById('tn'+j).style.display = "";
		document.getElementById('tn'+j).style.visibility = "visible";
	}
	if (emptyFrames) {}
}
function displayPrevThumbnails(lastframe) {
	var prevButton = document.getElementById('prev');
	var nextButton = document.getElementById('next');
	shiftOpacity('tncontainer', 500);
	var prevSet = lftMostFrame - 7;
	if (prevSet <= 1) {
		prevSet = 1;
		prevButton.innerHTML = '<img class="scrollArrow prev" src="img/arrow_prev.gif" alt="" width="19" height="67" border="">';
		//document.getElementById('prev').style.visibility = "visible";//hidden
	} else {
		prevButton.innerHTML = '<a href="javascript:displayPrevThumbnails('+ lastframe +')"><img class="scrollArrow prev" src="img/arrow_prev.gif" alt="" width="19" height="67" border="0"></a>';
		//document.getElementById('prev').style.visibility = "visible";
	}
	lftMostFrame = prevSet;
	var nextSet = prevSet + 7;
	if (nextSet >= lastframe) {
		nextSet = lastframe;
	}
	nextButton.innerHTML = '<a href="javascript:displayNextThumbnails('+ lastframe +')"><img class="scrollArrow next" src="img/arrow_next.gif" alt="" width="19" height="67" border="0"></a>';
	//document.getElementById('next').style.visibility = "visible";
	for (var j=lastframe; j >= nextSet; j--) {
		document.getElementById('tn'+j).style.display = "none";
		document.getElementById('tn'+j).style.visibility = "hidden";
	}
	for (var i=nextSet-1; i >= prevSet; i--) {
		document.getElementById('tn'+i).style.display = "";
		document.getElementById('tn'+i).style.visibility = "visible";
	}
}