// JavaScript Document for Wendy's
var x;

//crew
var popup = new Array();
popup[0] = 'crew-one';
popup[1] = 'crew-two';
popup[2] = 'crew-three';

var btn = new Array();
btn[0] = 'btn-one';
btn[1] = 'btn-two';
btn[2] = 'btn-three';


//professional
var prof = new Array();
prof[0] = 'prof-one';
prof[1] = 'prof-two';
prof[2] = 'prof-three';

var profBtn = new Array();
profBtn[0] = 'prof-btn-one';
profBtn[1] = 'prof-btn-two';
profBtn[2] = 'prof-btn-three';

//restaurant
var restaurant = new Array();
restaurant[0] = 'restaurant-one';
restaurant[1] = 'restaurant-two';
restaurant[2] = 'restaurant-three';

var restaurantBtn = new Array();
restaurantBtn[0] = 'restaurant-btn-one';
restaurantBtn[1] = 'restaurant-btn-two';
restaurantBtn[2] = 'restaurant-btn-three';

var ladder = new Array();
ladder[0] = 'url(../images/ladder01.gif)';
ladder[1] = 'url(../images/ladder02.gif)';
ladder[2] = 'url(../images/ladder03.gif)';
ladder[3] = 'url(../images/ladder04.gif)';
ladder[4] = 'url(../images/ladder05.gif)';
ladder[5] = 'url(../images/ladder06.gif)';
ladder[6] = 'url(../images/ladder07.gif)';
ladder[7] = 'url(../images/ladder08.gif)';
ladder[8] = 'url(../images/ladder09.gif)';
ladder[9] = 'url(../images/ladder10.gif)';

// switches the boxes for Crew
function box(i){
	for (x=0; x<3; x++){
		document.getElementById(popup[x]).style.display = 'none';
	}		
	document.getElementById(popup[i]).style.display = 'block';
	
	// handles tab selections
	for (x=0; x<3; x++){
		document.getElementById(btn[x]).style.backgroundPosition = 'bottom';
	}
	document.getElementById(btn[i]).style.backgroundPosition = 'top';
		
}

// switches the boxes for Professional
function profBox(i){
	for (x=0; x<3; x++){
		document.getElementById(prof[x]).style.display = 'none';
	}		
	document.getElementById(prof[i]).style.display = 'block';
	
	// handles tab selections
	for (x=0; x<3; x++){
		document.getElementById(profBtn[x]).style.backgroundPosition = 'bottom';
	}
	document.getElementById(profBtn[i]).style.backgroundPosition = 'top';
		
}

// switches the boxes for Restaurant
function restaurantBox(i){
	for (x=0; x<3; x++){
		document.getElementById(restaurant[x]).style.display = 'none';
	}		
	document.getElementById(restaurant[i]).style.display = 'block';
	
	// handles tab selections
	for (x=0; x<3; x++){
		document.getElementById(restaurantBtn[x]).style.backgroundPosition = 'bottom';
	}
	document.getElementById(restaurantBtn[i]).style.backgroundPosition = 'top';
		
}

function switchImg(i){
	document.getElementById('ladder').style.backgroundImage = ladder[i];
}

function outImg(){
	document.getElementById('ladder').style.backgroundImage = 'url(../images/ladder.gif)';
}