// JavaScript Banner Document

/* ACTUAL BANNER IMAGE */
var banImg = new Array();
  banImg[0]="images/image01.png";
  banImg[1]="images/image02.png";
  banImg[2]="images/image03.png";

/* DESCRIPTIVE TEXT FOR BANNER */
var banText = new Array();
  banText[0]="<a href='about.html'><h4>STUDIOseven</h4><p>About, Education, and Employment</p></a>&nbsp;<br /><br /><br />";
  banText[1]="<a href='gallery.html'><h4>Gallery</h4><p>Design, Photography, and Websites</p></a>&nbsp;<br /><br /><br />";
  banText[2]="<a href='services.html'><h4>Services</h4><p>Services, Program Knowledge, and Related Coursework</p></a>&nbsp;<br /><br />";

/* LINK FOR BANNER */
var banLink = new Array();
  banLink[0]="about.html";
  banLink[1]="gallery.html";
  banLink[2]="services.html";

/* TIME THAT BANNER LASTS */
var banTime = 6;


var count=30;
var newBan = 0;
var totalBan = banImg.length;
var timer;

function changeImg(){
  if(newBan == totalBan){
    newBan = 0;
  	}
	document.getElementById("bannerInfo").innerHTML=banText[newBan]; 
	document.getElementById("imageLink").href=banLink[newBan];
	document.banner.src=banImg[newBan];
	clearTimeout(timer);
	setOpacityFull();
	newBan++;
	}

function setOpacityFull(){
	cancel = 1;
	document.banner.style.opacity=count/3/10;
	document.banner.style.filter='alpha(opacity=' + count/3*100 + ')';
	count++;
	if(count<40){
		timer=setTimeout("setOpacityFull()", 50);
		}
	else{
		clearTimeout(timer);
		cancel = 0;
  		timer=setTimeout("setOpacityZero();", banTime*1000);
		}
	}
		
function setOpacityZero(){
	if(cancel!=1){
		document.banner.style.opacity=count/3/10;
		document.banner.style.filter='alpha(opacity=' + count/3*100 + ')';
		count--;
		if(count>=0){
			timer=setTimeout("setOpacityZero()", 50);
			}
		else{
			cycleBan();
			}
		}
	}

function clickPrev(){
	newBan--;
	newBan--;
	if(newBan < 0){
		newBan = totalBan-1;
		}
	changeImg();
	}