//WINDOW ONLOAD FN - dont clash with existing onloads
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(initBannerPics);
addLoadEvent(imgBannereEventHandler);
addLoadEvent(swapPicture);



//SET UP ARRAYS
var bannerPics = new Array(3)
//var i=-1;
for (i=0; i <3; i++)
bannerPics[i]=new Array()
/*
bannerPics[0][0]="/static_newlook/img/graduate/grad_bannerT1P1.jpg"
bannerPics[0][1]="/static_newlook/img/graduate/grad_bannerT1P2.jpg"
bannerPics[0][2]="/static_newlook/img/graduate/grad_bannerT1P3.jpg"
bannerPics[0][3]="/static_newlook/img/graduate/grad_bannerT1P4.jpg"

bannerPics[1][0]="/static_newlook/img/graduate/grad_bannerT2P1.jpg"
bannerPics[1][1]="/static_newlook/img/graduate/grad_bannerT2P2.jpg"
bannerPics[1][2]="/static_newlook/img/graduate/grad_bannerT2P3.jpg"
//bannerPics[1][3]="/static_newlook/img/graduate/grad_bannerT2P4.jpg"

bannerPics[2][0]="/static_newlook/img/graduate/grad_bannerT3P1.jpg"
bannerPics[2][1]="/static_newlook/img/graduate/grad_bannerT3P2.jpg"
bannerPics[2][2]="/static_newlook/img/graduate/grad_bannerT3P3.jpg"
bannerPics[2][3]="/static_newlook/img/graduate/grad_bannerT3P4.jpg"
*/

bannerPics[0][0]="/static_newlook/img/graduate/grad_bannerT1P1.jpg"
bannerPics[0][1]="/static_newlook/img/graduate/grad_bannerT1P2.jpg"
bannerPics[0][2]="/static_newlook/img/graduate/grad_bannerT1P3.jpg"
bannerPics[0][3]="/static_newlook/img/graduate/grad_bannerT1P4.jpg"
 
bannerPics[1][0]="/static_newlook/img/graduate/grad_bannerT2P1.jpg"
 

bannerPics[2][0]="/static_newlook/img/graduate/grad_bannerT3P1.jpg"
bannerPics[2][1]="/static_newlook/img/graduate/grad_bannerT3P2.jpg"

//PRELOAD IMGS
// counter
var i=0;
// create object
imageObj = new Image();
// start preloading
for(i=0; i<=2; i++) {
n = bannerPics[i].length;
var y=0;
for(y=0; y<=n; y++) {
    imageObj.src=bannerPics[i][y];
	}
}

var t=0;

var curImage=-1;//assume always start on first in set
var curTab=Math.floor(Math.random()*3);//random 0 1 or 2
var nextImage=0;

function setStartTab(tabSelected) {
	clearTimeout(t);
	curImage=-1;
	curTab=tabSelected;
	swapPicture();
}

function swapPicture(){
  if (document.images){
	nextImage=curImage+1;
	if (nextImage>=bannerPics[curTab].length){
		nextImage=0;
		curTab=curTab+1;
		if(curTab>=bannerPics.length){
			curTab=0;
		}
		document.getElementById("control_0").className='normal';
		document.getElementById("control_1").className='normal';
		document.getElementById("control_2").className='normal';
		document.getElementById("control_"+curTab).className='current';
	}
	var target=0;
	target=document.getElementById("gradBannerImg");
	target.src=bannerPics[curTab][nextImage];
	curImage=nextImage;
	t=setTimeout("swapPicture()", 3000);
	}	
}

// event handling - add onclick etc events and control styles

function imgBannereEventHandler() {
		
			tab0 = document.getElementById("control_0");			
			tab0.onmouseover = function(){
			if(curTab!=0){
				tab0.className='mouseover';
				} else {
				tab0.className='current';
				}
			}			
			tab0.onmouseout = function(){
			if(curTab!=0){
				tab0.className='normal';
				} else {
				tab0.className='current';
				}
			}
			tab0.onclick = function(){
			if (curTab!=0){
			setStartTab(0);
			}
			tab0.className='current';
			tab1.className='normal';
			tab2.className='normal';
			}
			
			
			tab1 = document.getElementById("control_1");			
			tab1.onmouseover = function(){
			if(curTab!=1){
				tab1.className='mouseover';
				} else {
				tab1.className='current';
				}
			}			
			tab1.onmouseout = function(){
			if(curTab!=1){
				tab1.className='normal';
				} else {
				tab1.className='current';
				}
			}
			tab1.onclick = function(){
			if (curTab!=1){
			setStartTab(1);
			}
			tab1.className='current';
			tab0.className='normal';
			tab2.className='normal';
			}
			
			
			tab2 = document.getElementById("control_2");			
			tab2.onmouseover = function(){
			if(curTab!=2){
				tab2.className='mouseover';
				} else {
				tab2.className='current';
				}
			}			
			tab2.onmouseout = function(){
			if(curTab!=2){
				tab2.className='normal';
				} else {
				tab2.className='current';
				}
			}
			tab2.onclick = function(){
			if (curTab!=2){
			setStartTab(2);
			}
			tab2.className='current';
			tab1.className='normal';
			tab0.className='normal';
			}
	
}

// set up controls
function initBannerPics() {
document.getElementById("control_"+curTab).className='current';
document.getElementById("controllerLabels").style.display="block";
document.getElementById("picController").style.display="block";
}

