var sectionsArray = new Array();

function innerLoad(inDefault, inArray) {
	//create top nav links
	var topnavlinks = $('productTopNav').childNodes;
	$c(topnavlinks).each(function(a) {
		if(a.tagName && a.tagName.toLowerCase() == 'a') {
			var section = a.href.split('#')[1];
			sectionsArray[section] = 1;
			var id = a.href.replace(/.*pid=([0-9]+).*/, '$1');
			
			//use ajax to change content
			a.onclick = function() {
			}
		}
	});
	
	//choose which content to initially show
	var href = window.location.href;
	var initialSection = 'overview';
	var id = href.replace(/.*pid=([0-9]+).*/, '$1');
	if(href.indexOf('#') != -1) {
		var section = href.split('#')[1];
		if(sectionsArray[section] && sectionsArray[section] == 1) {
			initialSection = section;
		}
	}
//	new ajax('productajax.asp?pid=' + id + '&section=' + section, {method: 'get', update: $('productContent')});
	
	

// Handle accoridan for product info section
	var myLinks =document.getElementsByClassName('accordian');
	var myDivs = document.getElementsByClassName('productInfoContainer');
	var myAccordion = new fx.Accordion(myLinks, myDivs, {opacity: false, height:true, width:false, duration: 600});

	// Override the default accordian toggler to allow image change onclick, but still invoke the accordian toggler: showThisHideOpen()
	myLinks.each(
		function (el, i){
			el.isActive = false;
			el.onclick = function (){
				myAccordion.showThisHideOpen(myDivs[i]);
				if(this.childNodes[0].src.indexOf('_down.') < 0){
					this.childNodes[0].src = this.childNodes[0].src.replace(/\.gif/i, '_down.gif');
				}
				for(var x=0;x<myLinks.length;x++){
					if(x != i){
						myLinks[x].childNodes[0].src = myLinks[x].childNodes[0].src.replace(/_down\.gif/i, '.gif');
					}
				}
				return false;
			}
		}
	);

// Handle Accordian for features section
	var myFeatureLinks =document.getElementsByClassName('featuresAccordianClick');
	var myFeatureDivs = document.getElementsByClassName('featureInfoContainer');
	var myFeatureAccordion = new fx.Accordion(myFeatureLinks, myFeatureDivs, {opacity: false, height:true, width:false, duration: 600});

	// Override the default accordian toggler to allow class change, but still invoke the accordian toggler: showThisHideOpen()
	myFeatureLinks.each(
		function (el, i){
			el.onclick = function (){
				if(this.className == 'featuresAccordianClickSelected') {
					return;
				}
				this.className = 'featuresAccordianClickSelected';
				myFeatureAccordion.showThisHideOpen(myFeatureDivs[i]);
				for(var x=0;x<myFeatureLinks.length;x++){
					if(x != i){
						myFeatureLinks[x].className = 'featuresAccordianClick';
					}
				}
				return false;
			}
		}
	);

	processHash(myLinks, myFeatureLinks, inArray);

}

function processHash(myLinks, myFeatureLinks, myArray){
	var hash = document.location.hash.substring(1);
	var sectionNumber = 0;
	var featureNumber = 0;
	if(hash != ''){
		if(hash.indexOf('_')>-1){
			var anchors = 	hash.split('_');
			var anchorNumber = parseInt(anchors[1]);
			if(anchors.length>1 && anchors[1] !='' && anchorNumber > 0 && anchorNumber < myFeatureLinks.length ){
				// show features section and show specified feature
				sectionNumber = 1;
				featureNumber = anchorNumber-1;
			}
		}
		else{
			if(myArray[hash]!= undefined){
				sectionNumber = myArray[hash];
			}
		}
	}
	myLinks[sectionNumber].onclick();	
	if(myFeatureLinks&&myFeatureLinks.length){
			myFeatureLinks[featureNumber].onclick();		
	}
}