// JavaScript Document

// Show and Hide Ranking Info Box
function toggleDiv(id,target) {
	var el = document.getElementById(''+id+'');
	if (el.style.display == "none"){
		el.style.display = "block";
	} 
	else {
		el.style.display = "none";
	}
}
// Hover Info State Box
function toggleInfoBoxOn(id,left,top,imageStateGrp,stateName,statePopulation,imageOverall,totalDeaths,deaths100k,imageDUI,labelDUI,imageGDL,labelGDL,imageSeatBelt,labelSeatBelt) {
	var displayImageState = document.getElementById("popStateGrp");
		displayImageState.src = "/images/teen-driving/state-maps/"+imageStateGrp+"-pop.gif";
	document.getElementById("popName").innerHTML = stateName
	document.getElementById("popPopulation").innerHTML = "Teen Population: "+statePopulation
	var displayImageOverall = document.getElementById("popImageOverall");
		displayImageOverall.src = "/images/teen-driving/ranking-pop-"+imageOverall+".gif";
	document.getElementById("popTotalDeaths").innerHTML = totalDeaths
	document.getElementById("popDeaths100k").innerHTML = deaths100k
	document.getElementById("popDUI").appendChild(document.createTextNode(labelDUI));
	var displayImageDUI = document.getElementById("popImageDUI");
		displayImageDUI.src = "/images/teen-driving/rating-"+imageDUI+".gif";
	document.getElementById("popGDL").appendChild(document.createTextNode(labelGDL));
	var displayImageGDL = document.getElementById("popImageGDL");
		displayImageGDL.src = "/images/teen-driving/rating-"+imageGDL+".gif";
	document.getElementById("popSeatBelt").appendChild(document.createTextNode(labelSeatBelt));
	var displayImageSeatBelt = document.getElementById("popImageSeatBelt");
		displayImageSeatBelt.src = "/images/teen-driving/rating-"+imageSeatBelt+".gif";
	document.getElementById(id).style.display = "block"
	document.getElementById(id).style.top = top+"px"
	document.getElementById(id).style.left = left+"px"
}

function toggleInfoBoxOff(id) {
	document.getElementById(id).style.display = "none"
	var popRemoveDUI = document.getElementById("popDUI");
		popRemoveDUI.removeChild(popRemoveDUI.lastChild);
	var popRemoveGDL = document.getElementById("popGDL");
		popRemoveGDL.removeChild(popRemoveGDL.lastChild);
	var popRemoveSeatBelt = document.getElementById("popSeatBelt");
		popRemoveSeatBelt.removeChild(popRemoveSeatBelt.lastChild);
}
// Click Info State Box
function toggleLargeInfoBoxOn(id,imageStateGrp,stateName,statePopulation,imageOverall,totalDeaths,deaths100k,imageDUI,labelDUI,imageGDL,labelGDL,imageSeatBelt,labelSeatBelt) {
	var displayImageState = document.getElementById("clickStateGrp");
		displayImageState.src = "/images/teen-driving/state-maps/"+imageStateGrp+"-pop.gif";
	document.getElementById("clickName").innerHTML = stateName
	document.getElementById("clickPopulation").innerHTML = "Teen Population: "+statePopulation
	var displayImageOverall = document.getElementById("clickImageOverall");
		displayImageOverall.src = "/images/teen-driving/ranking-pop-"+imageOverall+".gif";
	document.getElementById("clickTotalDeaths").innerHTML = totalDeaths
	document.getElementById("clickDeaths100k").innerHTML = deaths100k
	document.getElementById("clickDUI").appendChild(document.createTextNode(labelDUI));
	var displayImageDUI = document.getElementById("clickImageDUI");
		displayImageDUI.src = "/images/teen-driving/rating-"+imageDUI+".gif";
	document.getElementById("clickGDL").appendChild(document.createTextNode(labelGDL));
	var displayImageGDL = document.getElementById("clickImageGDL");
		displayImageGDL.src = "/images/teen-driving/rating-"+imageGDL+".gif";
	document.getElementById("clickSeatBelt").appendChild(document.createTextNode(labelSeatBelt));
	var displayImageSeatBelt = document.getElementById("clickImageSeatBelt");
		displayImageSeatBelt.src = "/images/teen-driving/rating-"+imageSeatBelt+".gif";

    var mSelect = document.formTeenDriving.mapSelect;
    var printStateLink = document.getElementById("teenDrivingPrintClick");
		printStateLink.href = "?print=preview"
                              + "&state="+imageStateGrp
                              + "&mapSelect=" + mSelect.options[mSelect.selectedIndex].value
                              + "&sort=" + document.formTeenDriving.sort.value
                              + "&dir=" + document.formTeenDriving.dir.value                   
                              + "&open=" + escape(document.formTeenDriving.open.value)
                              + "&KeepThis=true&TB_iframe=true&height=600&width=800&modal=true";
	document.getElementById(id).style.display = "block"
}
function toggleLargeInfoBoxOff(id) {
	document.getElementById(id).style.display = "none"
	var clickRemoveDUI = document.getElementById("clickDUI");
		clickRemoveDUI.removeChild(clickRemoveDUI.lastChild);
	var clickRemoveGDL = document.getElementById("clickGDL");
		clickRemoveGDL.removeChild(clickRemoveGDL.lastChild);
	var clickRemoveSeatBelt = document.getElementById("clickSeatBelt");
		clickRemoveSeatBelt.removeChild(clickRemoveSeatBelt.lastChild);
}


function rebuldPrintLink() {
    var mSelect = document.formTeenDriving.mapSelect;

    var printLinkElem = document.getElementById('teenDrivingPrint');
    var newHref =  "?print=preview"
            + "&mapSelect=" + mSelect.options[mSelect.selectedIndex].value
            + "&sort=" + document.formTeenDriving.sort.value
            + "&dir=" + document.formTeenDriving.dir.value
            + "&open=" + escape(document.formTeenDriving.open.value)
            + "&KeepThis=true&TB_iframe=true&height=600&width=800&modal=true";

    printLinkElem.href = newHref;
}
// Chart Row Expand
function toggleRowDiv(id) {
    var elem = document.getElementById(''+id+'');
    var elem2 = document.getElementById(''+id+'Header');
    var plus_minus = document.getElementById('plus_minus_'+id+'');
    var scode = id.concat(',');
    var opened = document.formTeenDriving.open.value;
    var ind = opened.indexOf(scode);
    if (ind == -1) {
        document.formTeenDriving.open.value = opened.concat(scode);
        elem.style.display = "block";
        if (elem2 != null) elem2.style.display = "block";
        plus_minus.src = "/images/teen-driving/chart-minus.gif";
    }
    else {
        opened = opened.slice(0,ind).concat(opened.slice(ind+3));
        document.formTeenDriving.open.value = opened;
        elem.style.display = "none";
        if (elem2 != null) elem2.style.display = "none";
        plus_minus.src = "/images/teen-driving/chart-plus.gif";
    }

    rebuldPrintLink();
}
function sortBy(sort, dir) {
    document.formTeenDriving.sort.value = sort;
    document.formTeenDriving.dir.value = dir;
    document.formTeenDriving.submit();
}
// Pull down Map Change Image
function toggleImageMap() {
    var map = document.formTeenDriving.mapSelect;
    var imageNo = map.options[map.selectedIndex].value;
    var elem = document.getElementById('mapMainImage');
    elem.src = "/images/teen-driving/teen-map-"+imageNo+".jpg";
	if (imageNo == 1){
		document.getElementById("colorRank4").innerHTML = "Best"
		document.getElementById("colorRank3").innerHTML = "Good"
		document.getElementById("colorRank2").innerHTML = "Fair"
		document.getElementById("colorRank1").innerHTML = "Worst"
	}
	else if (imageNo == 2){
		document.getElementById("colorRank4").innerHTML = "Lowest"
		document.getElementById("colorRank3").innerHTML = "Low"
		document.getElementById("colorRank2").innerHTML = "High"
		document.getElementById("colorRank1").innerHTML = "Highest"
	}
	else {
		document.getElementById("colorRank4").innerHTML = "A"
		document.getElementById("colorRank3").innerHTML = "B"
		document.getElementById("colorRank2").innerHTML = "C"
		document.getElementById("colorRank1").innerHTML = "D"
	}

    rebuldPrintLink();
}