//////////////////////////////////////////////////////////////////
//																//
//	Chart Navigation Control									//
//	Copyright 2011 - James Clarke, Adnet Communications Inc.	//
//																//
//////////////////////////////////////////////////////////////////


var _symbol;
var css = 'http://charts.adnetinc.com/chart/example/css/chart_styles.css';
  
addLoadEvent( function(){ 	//Runs on page load.
					 
	chartNav();
		
});


//Adds interface HTML to 'StockChart' element for swtiching between chart views
function chartNav(){ 
	
	//append styles	
	var styles = document.createElement('link');
		styles.rel = 'stylesheet';
		styles.type = 'text/css';
		styles.href = css;
		document.getElementsByTagName('head')[0].appendChild(styles);
	
	//get parent element
	var sc = document.getElementById('StockChart');
	_symbol = sc.title;

	// html for tabs
	var HTML = '<div id="jc_last"><b id="jc_price"></b></div>';
		HTML += '<ul id="jc_chartNav">';
		//HTML += '<li>5 day</li>';
		HTML += '<li>1 mo</li><li>3 mo</li>';
		HTML += '<li>6 mo</li><li>1 yr</li>';
		HTML += '<li>2 yr</li><li>5 yr</li>';
		HTML += '<div class="c">';
		HTML += '</ul>';
		HTML += '<div id="jc_chart"></div>';
		
		sc.innerHTML = HTML;
	
	//functionality for chart nav
	var nav = document.getElementById('jc_chartNav');
	var elements = nav.getElementsByTagName('li');
	//var ranges = ['5d','1m','3m','6m','1y','2y','5y']; // tab labels
	var ranges = ['1m','3m','6m','1y','2y','5y']; // tab labels
	
		function tabs(p){
			for(i in elements){	
				elements[i].className = '';
			}
			p.className = 'jc_activeTab'; // make tab active
		}
		
		for(i in elements){
			with({i:i}){
				elements[i].onclick = function(){
					chart(ranges[i]);
					tabs(this);
				}
			}
		}
							
		
		elements[3].className = 'jc_activeTab'; // ! sets 1y tab class to active.
		chart('1y'); // sets intiial view to 1y chart
		
}

function chart(range){
	
	var chartImg = 'http://charts.adnetinc.com/chart/data/'+_symbol+'/'+range+'.jpg';
	
	var _chart = document.getElementById('jc_chart');
		_chart.innerHTML = '<img src="'+chartImg+'">';
}

function addLoadEvent(func) { 
	  var oldonload = window.onload; 
	  if (typeof window.onload != 'function') { 
	    window.onload = func; 
	  } else { 
	    window.onload = function() { 
	      if (oldonload) { 
	        oldonload(); 
	      } 
	      func(); 
	    } 
	  } 
	}