window.onload = setIds;
var infos = null;
var inits = null;
var drops = null;
var mores = null;
var currentDropId = null;
var e = document.domain.split(/\./);
var domain = "";
if(e.length > 1) {
  domain = e[e.length-2] + "." +  e[e.length-1];
}	
function setIds() {
	getHeaderImage();
	infos = document.getElementsByClassName('moreInfo');
	for(var i=0;i<infos.length;i++) {
		if(navigator.appName=="Microsoft Internet Explorer") {
			infos[i].attachEvent('onclick',toggleDrop);
		} else {
			infos[i].addEventListener('click',toggleDrop,false);
		}
	}
	
	drops = document.getElementsByClassName('dropdownData');
	for(var i=0;i<drops.length;i++) {
		drops[i].style.display="none";
	}
	
	inits = document.getElementsByClassName('initialData');
	mores = document.getElementsByClassName('moreInfo');
}

function toggleDrop(e) {
	var targ;
	if (!e) var e = window.event;
	if (e.target) targ = e.target;
	else if (e.srcElement) targ = e.srcElement;
	if (targ.nodeType == 3) // defeat Safari bug
		targ = targ.parentNode;

	var split = targ.id.split("_");
	currentDropId = "drop_"+split[1];
	
	//hide all drops
	for(var i=0;i<drops.length;i++) {
		if((drops[i].style.display=="table-row"||drops[i].style.display=="block")&&
			drops[i].id!=currentDropId) {
			drops[i].style.display="none";
			inits[i].style.background='none';
			mores[i].style.background='none';
			mores[i].style.background="url(http://"+domain+"/ketchikan/img/downArrow.gif) 100px 10px no-repeat";
		} 
		
		if(drops[i].id==currentDropId) {
			if(navigator.appName=="Microsoft Internet Explorer") {
				drops[i].style.display="block";
			} else {
				drops[i].style.display="table-row";
			}
			drops[i].style.backgroundColor='#eae5db';
			mores[i].style.backgroundColor='#eae5db';
			inits[i].style.backgroundColor='#eae5db';
		}
	}
}

document.getElementsByClassName = function(clsName){
    var retVal = new Array();
    var elements = document.getElementsByTagName("*");
    for(var i = 0;i < elements.length;i++){
        if(elements[i].className.indexOf(" ") >= 0){
            var classes = elements[i].className.split(" ");
            for(var j = 0;j < classes.length;j++){
                if(classes[j] == clsName)
                    retVal.push(elements[i]);
            }
        }
        else if(elements[i].className == clsName)
            retVal.push(elements[i]);
    }
    return retVal;
}