var nImage = [];
nImage[0] = new Image(827,546);
nImage[0].src = "/images/img_bkgd_home_01.jpg";
nImage[1] = new Image(827, 546);
nImage[1].src = "/images/img_bkgd_home_02.jpg";
nImage[2] = new Image(827, 546);
nImage[2].src = "/images/img_bkgd_home_03.jpg";

var numBox = [];
numBox.push("hText_01");numBox.push("hText_02");numBox.push("hText_03");

var curItem = "";   // current text layer

function hidePortSlide(idx) {
    for (var j = 0; j < idx; j++) {
        $("#navfour_01 ul li.tnonstate0" + (j+1)).removeClass("tnonstate0" + (j+1));
    }
}

function homeShow(idx) {
    $("li.homebut_" + curItem).removeClass("tnonstate");
    for (var j = 0; j < numBox.length; j++) { $("#" + numBox[j]).css("display", "none"); }
    //$("#" + idx).slideToggle("slow");
    $("#ruseImage").fadeIn("slow", function () {
        $("#content").removeClass().addClass("base_" + idx);
        $("#ruseImage").fadeOut("slow");
        $("#" + idx).fadeIn("fast");
    });
    curItem = idx;
    var nx = idx.lastIndexOf("_");     
    $("li.homebut_hText" + idx.substring(nx,idx.length)).addClass("tnonstate");
}

function portShow(maxNum, idx) {
    var xtemp, ytemp, ztemp = [];
    hidePortSlide(maxNum);
    xtemp = portItems[(idx - 1)].split("|");
    $("#project_Image").fadeOut("slow", function () {
        $("#project_Image").attr("src", xtemp[0]);
        $("#project_Image").fadeIn("fast");
    });
    $("#project_LeftText").html(xtemp[1]);
    $("#project_RightText").html(xtemp[2]);

    var tpVal = "";

    if (portCaptions[(idx - 1)].lastIndexOf("~") > -1) {
        // > 1 set of captions
        ytemp = portCaptions[(idx - 1)].split("~");
        for (var k = 0; k < ytemp.length; k++) {
            ztemp = ytemp[k].split("|");
            if (k == 0 || (k > 4 && k % 2 !=0)) {
              tpVal += "<div class=\"doublecaption\">";
            } else if (k > 1 && (k % 2) == 0) {
              tpVal += "</div><!-- caption left --><div class=\"doublecaption_right\">";
            }
            tpVal += (k==0)? "<h6>" : "<h6 style='margin:7px 0 0 0;'>";
            if (ztemp[1] == "") { tpVal += "<br />"; }
            if (ztemp[0] != "") { tpVal += "Project:  <span id='project_Caption' class=\"values\">" + ztemp[0] + "</span><br />"; }
            if (ztemp[1] != "") { tpVal += "Working with: <span id='project_Role' class=\"values\">" + ztemp[1] + "</span><br />"; }
            if (ztemp[2] != "") { tpVal += "Role: <span  id='project_Role' class=\"values\">" + ztemp[2] + "</span>"; }
            tpVal += "</h6>";
        }
        tpVal += "</div>";
    } else {
        // just 1
        ztemp = portCaptions[(idx - 1)].split("|");
        tpVal += "<div class=\"doublecaption\"><h6>";
        if (ztemp[1] == "") { tpVal += "<br />"; }
        if (ztemp[0] != "") { tpVal += "Project:  <span class=\"values\">" + ztemp[0] + "</span><br />"; }
        if (ztemp[1] != "") { tpVal += "Working with: <span class=\"values\">" + ztemp[1] + "</span><br />"; }
        if (ztemp[2] != "") { tpVal += "Role: <span class=\"values\">" + ztemp[2] + "</span>"; }
        tpVal += "</h6></div>";
    }

    $("#captionBlock").html(tpVal);
    $("#navfour_01 ul li:eq(" + (idx - 1) + ")").addClass("tnonstate0" + idx);
}

function goSlide(idx) {
    $("#pagenav_01 ul li").removeClass();
    $('#pagenav_01 ul li:eq(' + idx + ')').addClass("tnonstate");
    if (idx == 0) { $('#danceframe').scrollTo({ top: 0, left: 0 }, { duration: 1200 }); }
    if (idx == 1) { $('#danceframe').scrollTo({ top: 0, left: 84 },{duration:1200}); }
    if (idx == 2) { $('#danceframe').scrollTo({ top: 0, left: 168 }, { duration: 1200 }); }
    if (idx == 3) { $('#danceframe').scrollTo({ top: 0, left: 252 }, { duration: 1200 }); }
    if (idx == 4) { $('#danceframe').scrollTo({ top: 0, left: 336 }, { duration: 1200 }); }
    if (idx == 5) { $('#danceframe').scrollTo({ top: 0, left: 420 }, { duration: 1200 }); }
    $('div.lesson_00').removeClass().addClass("lesson_00 initHidden");
    $('div#item' + idx).removeClass().addClass("lesson_00");
}

function goPearlSlide(idx) {
    $("#pagenav_01 ul li").removeClass();
    $('#pagenav_01 ul li:eq(' + idx + ')').addClass("tnonstate");
    if (idx == 0) { $('#pearls_container').scrollTo({ top: 0, left: 0 }); }
    if (idx == 1) { $('#pearls_container').scrollTo({ top: '+300', left: 0 }); }
    for (var j = 0; j < 12; j++) { $("#item" + j).css("display", "none"); }
    $('#item' + idx).fadeIn("slow");
}

function pickRndQuote() {
    var randomnumber = Math.floor(Math.random() * 11)
    goPearlSlide(randomnumber + 1);
}