function getGraphAlignmentElements(){
	var body=document.getElementsByTagName('body');
		for(i=0;i<body.length;i++){
			docID=body[i].id;
		}
		switch(docID){
			case 'screen_10':
//				targE='li'
//				targEclass='list';
				targE='div'
				targEclass='box';
			break;
			case 'screen_11':
				targE='div'
				targEclass='box';
			break;
		}
		return targE;
}

function getOffsetAdd(){
	ie?add=320:add=0;
	return add;
}

function activateGraphs(){
	var boxUL=document.getElementById('box_uls');
	//var li=boxUL.getElementsByTagName('li');
	var div=boxUL.getElementsByTagName('div');// some boxes are div
	var ul=boxUL.getElementsByTagName('ul');// some boxes are ul
	graphs=Array();
	boxes=Array();
	
	// align graphs to different tag types for different pages
	//getGraphAlignmentElements();
	//var elementX=boxUL.getElementsByTagName(targE);

	for(i=0;i<div.length;i++){// graph containing divs
		if(div[i].className=='graph')
			graphs.push(div[i]);
			
		if(div[i].className=='box')
			boxes.push(div[i]);		
	}
	for(i=0;i<ul.length;i++){// some boxes are ul
		if(ul[i].className=='box')
			boxes.push(ul[i]);		
	}
//	graphs=17
//	boxes=18
	/*--- position graphs ---*/
	
/*	
	index=0;
	for(i=0;i<elementX.length;i++){
		if(elementX[i].className==targEclass && elementX[i].id!='your_plan'){
																												//function getOffset lives in nav.js
			docID=='screen_11'?graphs[index].style.left=elementX[i].offsetLeft+getOffsetAdd()+'px':graphs[index].style.left=getOffset(elementX[i])+getOffsetAdd()+'px';
			index++;

		}
	}
*/
	/*---------------------------*/
	
	/*--- set graph values ---*/
	for(i=1;i<=graphs.length;i++){
		counter=document.getElementById('counter_'+i);
		
		if(counter){// if counter exists, graphs are savings sliders (screen_10, 11)
			val=eval('val_'+i)+'%';
			slider=document.getElementById('slider_'+i);
			counter.innerHTML=val;
			slider.style.width=val;
		}
		else{// if counter exists not, graphs are pos/neg impact display (screen_13)
			pos=document.getElementById('pos_'+i);
			neg=document.getElementById('neg_'+i);
			val=eval('val_'+i);
			
			if(val==0){
				pos.style.backgroundColor='#999';
				pos.style.color='#666';
				neg.style.backgroundColor='#1c449c';
			}
			else{
				neg.style.backgroundColor='#999';
				neg.style.color='#666';
				pos.style.backgroundColor='#1c449c';
			}
			
	}
	
	}
	setVisible(0,true);// function setVisible lives in screen_11.js
	
}


function addEvent(elm, evType, fn, useCapture){  //cross-browser event handling
	if(elm.addEventListener){//firefox, safari, chrome, opera
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}else if(elm.attachEvent){//ie
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}else{
		elm['on' + evType] = fn;
	}
}
addEvent(window, 'load', activateGraphs, false);