﻿// js for home page template


if (document.addEventListener) {
	document.addEventListener("DOMContentLoaded", start, false);
} else {
	window.attachEvent('onload', start);
}

function start() {
	window.tt=1;
	Effect.Fade('fadeImage2');
	Effect.Fade('fadeImage3');
	// change this to alter the time it takes images on home page to fade
	window.tim = setInterval('timer()', 5000);
}

function timer() {
	fadeThis(tt);
	tt=tt+1;
	if(tt == 4){tt=1}
}

function fadeThis(in_id) {
	if(in_id == 1) {
		Effect.Fade('fadeImage2');
		Effect.Fade('fadeImage3');
		setTimeout("Effect.Appear('fadeImage1')",50);
		focusLink(1);
	} else if(in_id == 2) {
		Effect.Fade('fadeImage1');
		Effect.Fade('fadeImage3');
		setTimeout("Effect.Appear('fadeImage2')",50);
		focusLink(2);
	} else {
		Effect.Fade('fadeImage1');
		Effect.Fade('fadeImage2');
		setTimeout("Effect.Appear('fadeImage3')",50);
		focusLink(3);
	}
}

function menuShowItem(in_id) {
	if(in_id == 1) {
		document.getElementById('fadeImage2').style.display='none';
		document.getElementById('fadeImage3').style.display='none';
		document.getElementById('fadeImage1').style.display='block';
		focusLink(1);
	} else if(in_id == 2) {
		document.getElementById('fadeImage1').style.display='none';
		document.getElementById('fadeImage3').style.display='none';
		document.getElementById('fadeImage2').style.display='block';
		setTimeout("Effect.Appear('fadeImage2')",50);
		focusLink(2);
	} else {
		document.getElementById('fadeImage1').style.display='none';
		document.getElementById('fadeImage2').style.display='none';
		document.getElementById('fadeImage3').style.display='block';
		focusLink(3);
	}
}

function focusLink(linkid) {
	var one = document.getElementById('link1').parentNode;
	var two = document.getElementById('link2').parentNode;
	var three = document.getElementById('link3').parentNode;
	if(linkid == 1){
		one.className = 'on';
		two.className = '';
		three.className = '';
	} else if(linkid == 2) {
		one.className = '';
		two.className = 'on';
		three.className = '';
	} else {
		one.className = '';
		two.className = '';
		three.className = 'on';
	}
}

function homeTabsFocus(targetId,liId) {
	var getThis = document.getElementById(targetId);
	var tabs = document.getElementById('homeTabs').getElementsByTagName('A');
	for (var i = 0; i < tabs.length; i++) {
		tabs[i].className = 'tabTitle';
	}
	document.getElementById(liId).className = 'tabTitleon';

	var tabContent = document.getElementById('tabContentPlaceHolder').getElementsByTagName('DIV');

	for (var ii = 0; ii < tabContent.length; ii++) {
		if(tabContent[ii].className == 'tabContent')
		{
			tabContent[ii].style.display = 'none';
		}		
	}
	getThis.style.display = 'block';
}
