var loaded = false;

function preload() {
    if (!loaded) {
        for (var i = 0; i < pics.length; i++) {
            if (pics[i] != '') {
                pic[i] = new Image();
                pic[i].src = pics[i];
            }
        }
        loaded = true;
    }
}

function changestory(id) {
    document.getElementById("headline").innerHTML = document.getElementById("headline"+id).innerHTML;
    document.getElementById("blurb").innerHTML = document.getElementById("blurb"+id).innerHTML;
    document.getElementById("ctl00_ContentPlaceHolder1_picture").style.backgroundImage = "url(" + pics[id] + ")";
    for (var i = 1; i<= 10; i++) {
        if (document.getElementById("article"+i)) {
            if (i == 10) {
                document.getElementById("article"+i).className = "headlines_last";
            } else {
                document.getElementById("article"+i).className = "headlines";
            }
            document.getElementById("article"+id).className = "headlines_featured";
        }
    }
}

function column_over(id) {
    if (document.getElementById("column"+id+"_button").className == 'column_button_plain') { document.getElementById("column"+id+"_button").className = 'column_button_over'; }
}

function column_out(id) {
    if (document.getElementById("column"+id+"_button").className == 'column_button_over') { document.getElementById("column"+id+"_button").className = 'column_button_plain'; }
}

function column_change(id) {
    for (var i = 1; i<= 4; i++) {
        document.getElementById("column"+i).style.display = 'none';
        document.getElementById("column"+i+"_button").className = 'column_button_plain';
    }
    document.getElementById("column"+id).style.display = 'block';
    document.getElementById("column"+id+"_button").className = 'column_button_highlight';
}

function match_over(id) {
    if (document.getElementById("match"+id+"_button").className == 'match_button_plain') { document.getElementById("match"+id+"_button").className = 'match_button_over'; }
}

function match_out(id) {
    if (document.getElementById("match"+id+"_button").className == 'match_button_over') { document.getElementById("match"+id+"_button").className = 'match_button_plain'; }
}

function match_change(id) {
    for (var i = 1; i<= 3; i++) {
        document.getElementById("match"+i).style.display = 'none';
        document.getElementById("match"+i+"_button").className = 'match_button_plain';
    }
    document.getElementById("match"+id).style.display = 'block';
    document.getElementById("match"+id+"_button").className = 'match_button_highlight';
}

function UrlEncoding(inputString) {
  var encodedInputString = escape(inputString);
  encodedInputString = encodedInputString.replace("+", "%2B");
  encodedInputString = encodedInputString.replace("/", "%2F"); 
  return encodedInputString;
}