var boxes = new Array();

function getBoxes(){
	var tables = document.getElementById('rightbanner').getElementsByTagName('div');
	for(i=0;i<tables.length;i++){
		if(tables[i].className == 'pop_out'){							//if the mod is a pop_out
			var tds = tables[i].getElementsByTagName('div'); 			//get all tds
			for(j=0;j<tds.length;j++){ 									//loop through tds
				if(tds[j].className == 'bannermodtitle'){           	//if it's a title
					boxes[i] = tables[i].id;							//and grab the table id
					tds[j].n = i;
					tds[j].id = ('title'+i);
					tds[j].onclick = function (){ showBox(this.n) }		//set the click function
				}
			}
		}
	}	
}

function showBox(n){

	var tn = 'title'+n;

	//check if it's on already
	if( document.getElementById(tn).on != true ){
		//close everything first
		for(i=0;i<boxes.length;i++){
			if(boxes[i]){
			var ti = 'title'+i;
			document.getElementById(ti).style.backgroundImage = 'url(/uploaded/images/right_arrow.gif)';
			document.getElementById(ti).on = false;
				divs_off = document.getElementById(boxes[i]).getElementsByTagName('div');
				for(j=0;j<divs_off.length;j++){
					if(divs_off[j].className == 'bannermodcontent'){
						divs_off[j].style.visibility = 'hidden';
					}
				}
			}
		}
		
		//now turn on the one clicked
		divs = document.getElementById(boxes[n]).getElementsByTagName('div');
		for(j=0;j<divs.length;j++){
			if(divs[j].className == 'bannermodcontent'){
				divs[j].style.visibility = 'visible';
				document.getElementById(tn).style.backgroundImage = 'url(/uploaded/images/right_arrow_on.gif)';
				document.getElementById(tn).on = true;
			}
		}
	}else{ //turn off the one clicked if it was on already
		divs = document.getElementById(boxes[n]).getElementsByTagName('div');
		for(j=0;j<divs.length;j++){
			if(divs[j].className == 'bannermodcontent'){
				divs[j].style.visibility = 'hidden';
				document.getElementById(tn).style.backgroundImage = 'url(/uploaded/images/right_arrow.gif)';
				document.getElementById(tn).on = false;
			}
		}
	}
}