//function OpenDiv(divID) {

//    //  organic
//    if (divID == "Mini1") {
//        document.getElementById("Mini1").className = "OpendDiv";
//        document.getElementById("Mini2").className = "ClosedDiv";
//        document.getElementById("Mini3").className = "ClosedDiv";
//        document.getElementById("Mini4").className = "ClosedDiv";

//        document.getElementById("Mini1Text").className = "ShowTextDiv";
//        document.getElementById("Mini2Text").className = "HideTextDiv";
//        document.getElementById("Mini3Text").className = "HideTextDiv";
//        document.getElementById("Mini4Text").className = "HideTextDiv";

//    }
//    else if (divID == "Mini2") {
//        document.getElementById("Mini1").className = "ClosedDiv";
//        document.getElementById("Mini2").className = "OpendDiv";
//        document.getElementById("Mini3").className = "ClosedDiv";
//        document.getElementById("Mini4").className = "ClosedDiv";

//        document.getElementById("Mini1Text").className = "HideTextDiv";
//        document.getElementById("Mini2Text").className = "ShowTextDiv";
//        document.getElementById("Mini3Text").className = "HideTextDiv";
//        document.getElementById("Mini4Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini3") {
//        document.getElementById("Mini1").className = "ClosedDiv";
//        document.getElementById("Mini2").className = "ClosedDiv";
//        document.getElementById("Mini3").className = "OpendDiv";
//        document.getElementById("Mini4").className = "ClosedDiv";

//        document.getElementById("Mini1Text").className = "HideTextDiv";
//        document.getElementById("Mini2Text").className = "HideTextDiv";
//        document.getElementById("Mini3Text").className = "ShowTextDiv";
//        document.getElementById("Mini4Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini4") {
//        document.getElementById("Mini1").className = "ClosedDiv";
//        document.getElementById("Mini2").className = "ClosedDiv";
//        document.getElementById("Mini3").className = "ClosedDiv";
//        document.getElementById("Mini4").className = "OpendDiv";

//        document.getElementById("Mini1Text").className = "HideTextDiv";
//        document.getElementById("Mini2Text").className = "HideTextDiv";
//        document.getElementById("Mini3Text").className = "HideTextDiv";
//        document.getElementById("Mini4Text").className = "ShowTextDiv";
//    }



//    //  ecology
//    if (divID == "Mini5") {
//        document.getElementById("Mini5").className = "OpendDiv";
//        document.getElementById("Mini6").className = "ClosedDiv";
//        document.getElementById("Mini7").className = "ClosedDiv";
//        document.getElementById("Mini8").className = "ClosedDiv";

//        document.getElementById("Mini5Text").className = "ShowTextDiv";
//        document.getElementById("Mini6Text").className = "HideTextDiv";
//        document.getElementById("Mini7Text").className = "HideTextDiv";
//        document.getElementById("Mini8Text").className = "HideTextDiv";

//    }
//    else if (divID == "Mini6") {
//        document.getElementById("Mini5").className = "ClosedDiv";
//        document.getElementById("Mini6").className = "OpendDiv";
//        document.getElementById("Mini7").className = "ClosedDiv";
//        document.getElementById("Mini8").className = "ClosedDiv";

//        document.getElementById("Mini5Text").className = "HideTextDiv";
//        document.getElementById("Mini6Text").className = "ShowTextDiv";
//        document.getElementById("Mini7Text").className = "HideTextDiv";
//        document.getElementById("Mini8Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini7") {
//        document.getElementById("Mini5").className = "ClosedDiv";
//        document.getElementById("Mini6").className = "ClosedDiv";
//        document.getElementById("Mini7").className = "OpendDiv";
//        document.getElementById("Mini8").className = "ClosedDiv";

//        document.getElementById("Mini5Text").className = "HideTextDiv";
//        document.getElementById("Mini6Text").className = "HideTextDiv";
//        document.getElementById("Mini7Text").className = "ShowTextDiv";
//        document.getElementById("Mini8Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini8") {
//        document.getElementById("Mini5").className = "ClosedDiv";
//        document.getElementById("Mini6").className = "ClosedDiv";
//        document.getElementById("Mini7").className = "ClosedDiv";
//        document.getElementById("Mini8").className = "OpendDiv";

//        document.getElementById("Mini5Text").className = "HideTextDiv";
//        document.getElementById("Mini6Text").className = "HideTextDiv";
//        document.getElementById("Mini7Text").className = "HideTextDiv";
//        document.getElementById("Mini8Text").className = "ShowTextDiv";
//    }


//    //  nutrition
//    if (divID == "Mini9") {
//        document.getElementById("Mini9").className = "OpendDiv";
//        document.getElementById("Mini10").className = "ClosedDiv";
//        document.getElementById("Mini11").className = "ClosedDiv";
//        document.getElementById("Mini12").className = "ClosedDiv";

//        document.getElementById("Mini9Text").className = "ShowTextDiv";
//        document.getElementById("Mini10Text").className = "HideTextDiv";
//        document.getElementById("Mini11Text").className = "HideTextDiv";
//        document.getElementById("Mini12Text").className = "HideTextDiv";

//    }
//    else if (divID == "Mini10") {
//        document.getElementById("Mini9").className = "ClosedDiv";
//        document.getElementById("Mini10").className = "OpendDiv";
//        document.getElementById("Mini11").className = "ClosedDiv";
//        document.getElementById("Mini12").className = "ClosedDiv";

//        document.getElementById("Mini9Text").className = "HideTextDiv";
//        document.getElementById("Mini10Text").className = "ShowTextDiv";
//        document.getElementById("Mini11Text").className = "HideTextDiv";
//        document.getElementById("Mini12Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini11") {
//        document.getElementById("Mini9").className = "ClosedDiv";
//        document.getElementById("Mini10").className = "ClosedDiv";
//        document.getElementById("Mini11").className = "OpendDiv";
//        document.getElementById("Mini12").className = "ClosedDiv";

//        document.getElementById("Mini9Text").className = "HideTextDiv";
//        document.getElementById("Mini10Text").className = "HideTextDiv";
//        document.getElementById("Mini11Text").className = "ShowTextDiv";
//        document.getElementById("Mini12Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini12") {
//        document.getElementById("Mini9").className = "ClosedDiv";
//        document.getElementById("Mini10").className = "ClosedDiv";
//        document.getElementById("Mini11").className = "ClosedDiv";
//        document.getElementById("Mini12").className = "OpendDiv";

//        document.getElementById("Mini9Text").className = "HideTextDiv";
//        document.getElementById("Mini10Text").className = "HideTextDiv";
//        document.getElementById("Mini11Text").className = "HideTextDiv";
//        document.getElementById("Mini12Text").className = "ShowTextDiv";
//    }

//    //  ADD nutrition
//    if (divID == "Mini13") {
//        document.getElementById("Mini13").className = "OpendDiv";
//        document.getElementById("Mini14").className = "ClosedDiv";
//        document.getElementById("Mini15").className = "ClosedDiv";
//        document.getElementById("Mini16").className = "ClosedDiv";

//        document.getElementById("Mini13Text").className = "ShowTextDiv";
//        document.getElementById("Mini14Text").className = "HideTextDiv";
//        document.getElementById("Mini15Text").className = "HideTextDiv";
//        document.getElementById("Mini16Text").className = "HideTextDiv";

//    }
//    else if (divID == "Mini14") {
//        document.getElementById("Mini13").className = "ClosedDiv";
//        document.getElementById("Mini14").className = "OpendDiv";
//        document.getElementById("Mini15").className = "ClosedDiv";
//        document.getElementById("Mini16").className = "ClosedDiv";

//        document.getElementById("Mini13Text").className = "HideTextDiv";
//        document.getElementById("Mini14Text").className = "ShowTextDiv";
//        document.getElementById("Mini15Text").className = "HideTextDiv";
//        document.getElementById("Mini16Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini15") {
//        document.getElementById("Mini13").className = "ClosedDiv";
//        document.getElementById("Mini14").className = "ClosedDiv";
//        document.getElementById("Mini15").className = "OpendDiv";
//        document.getElementById("Mini16").className = "ClosedDiv";

//        document.getElementById("Mini13Text").className = "HideTextDiv";
//        document.getElementById("Mini14Text").className = "HideTextDiv";
//        document.getElementById("Mini15Text").className = "ShowTextDiv";
//        document.getElementById("Mini16Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini16") {
//        document.getElementById("Mini13").className = "ClosedDiv";
//        document.getElementById("Mini14").className = "ClosedDiv";
//        document.getElementById("Mini15").className = "ClosedDiv";
//        document.getElementById("Mini16").className = "OpendDiv";

//        document.getElementById("Mini13Text").className = "HideTextDiv";
//        document.getElementById("Mini14Text").className = "HideTextDiv";
//        document.getElementById("Mini15Text").className = "HideTextDiv";
//        document.getElementById("Mini16Text").className = "ShowTextDiv";
//    }

//    //  Sale
//    if (divID == "Mini17") {
//        document.getElementById("Mini17").className = "OpendDiv";
//        document.getElementById("Mini18").className = "ClosedDiv";
//        document.getElementById("Mini19").className = "ClosedDiv";
//        document.getElementById("Mini20").className = "ClosedDiv";

//        document.getElementById("Mini17Text").className = "ShowTextDiv";
//        document.getElementById("Mini18Text").className = "HideTextDiv";
//        document.getElementById("Mini19Text").className = "HideTextDiv";
//        document.getElementById("Mini20Text").className = "HideTextDiv";

//    }
//    else if (divID == "Mini18") {
//        document.getElementById("Mini17").className = "ClosedDiv";
//        document.getElementById("Mini18").className = "OpendDiv";
//        document.getElementById("Mini19").className = "ClosedDiv";
//        document.getElementById("Mini20").className = "ClosedDiv";

//        document.getElementById("Mini17Text").className = "HideTextDiv";
//        document.getElementById("Mini18Text").className = "ShowTextDiv";
//        document.getElementById("Mini19Text").className = "HideTextDiv";
//        document.getElementById("Mini20Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini19") {
//        document.getElementById("Mini17").className = "ClosedDiv";
//        document.getElementById("Mini18").className = "ClosedDiv";
//        document.getElementById("Mini19").className = "OpendDiv";
//        document.getElementById("Mini20").className = "ClosedDiv";

//        document.getElementById("Mini17Text").className = "HideTextDiv";
//        document.getElementById("Mini18Text").className = "HideTextDiv";
//        document.getElementById("Mini19Text").className = "ShowTextDiv";
//        document.getElementById("Mini20Text").className = "HideTextDiv";
//    }
//    else if (divID == "Mini20") {
//        document.getElementById("Mini17").className = "ClosedDiv";
//        document.getElementById("Mini18").className = "ClosedDiv";
//        document.getElementById("Mini19").className = "ClosedDiv";
//        document.getElementById("Mini20").className = "OpendDiv";

//        document.getElementById("Mini17Text").className = "HideTextDiv";
//        document.getElementById("Mini18Text").className = "HideTextDiv";
//        document.getElementById("Mini19Text").className = "HideTextDiv";
//        document.getElementById("Mini20Text").className = "ShowTextDiv";
//    }}

function init() {
    doTimer();
}

var c = 1;
var t;
var timer_is_on = 0;

function timedCount() {

    if (document.getElementById("ImgCounterHolder").value != "")
    {
        c =  parseInt(document.getElementById("ImgCounterHolder").value);
        document.getElementById("ImgCounterHolder").value = "";
    }
    
    c = c + 1;
    if (c == 6) {
        c = 1;
    }
    t = setTimeout("FadeInImage('emilyforegroundimg','Images/HP" + c + ".jpg','emilybackgrounddiv')", 5000);


    if (c == 1) {

//        document.getElementById("SquersHolder1").style.display = 'block';
//        document.getElementById("SquersHolder2").style.display = 'none';
//        document.getElementById("SquersHolder3").style.display = 'none';
//        document.getElementById("SquersHolder4").style.display = 'none';
//        document.getElementById("SquersHolder5").style.display = 'none';
    }
    if (c == 2) {

//        document.getElementById("SquersHolder1").style.display = 'none';
//        document.getElementById("SquersHolder2").style.display = 'block';
//        document.getElementById("SquersHolder3").style.display = 'none';
//        document.getElementById("SquersHolder4").style.display = 'none';
//        document.getElementById("SquersHolder5").style.display = 'none';
    }
    if (c == 3) {

//        document.getElementById("SquersHolder1").style.display = 'none';
//        document.getElementById("SquersHolder2").style.display = 'none';
//        document.getElementById("SquersHolder3").style.display = 'block';
//        document.getElementById("SquersHolder4").style.display = 'none';
//        document.getElementById("SquersHolder5").style.display = 'none';
    }
    if (c == 4) {

//        document.getElementById("SquersHolder1").style.display = 'none';
//        document.getElementById("SquersHolder2").style.display = 'none';
//        document.getElementById("SquersHolder3").style.display = 'none';
//        document.getElementById("SquersHolder4").style.display = 'block';
//        document.getElementById("SquersHolder5").style.display = 'none';
    }
     if (c == 5) {

//        document.getElementById("SquersHolder1").style.display = 'none';
//        document.getElementById("SquersHolder2").style.display = 'none';
//        document.getElementById("SquersHolder3").style.display = 'none';
//        document.getElementById("SquersHolder4").style.display = 'none';
//        document.getElementById("SquersHolder5").style.display = 'block';
    }


}

function doTimer() {
    if (!timer_is_on) {
        timer_is_on = 1;
        timedCount();
        doTimer();
    }
}

function stopCount() {
    clearTimeout(t);
    timer_is_on = 0;
    document.getElementById("ImgCounterHolder").value = c; 
}

function setToRed() {
    document.getElementById("colourButton").style.color = "#FF0000";
    setTimeout("setToBlack()", 2000);
}

function setToBlack() {
    document.getElementById("colourButton").style.color = "#000000";
}


function SetOpacity(object, opacityPct) {
    // IE.
    object.style.filter = 'alpha(opacity=' + opacityPct + ')';
    // Old mozilla and firefox
    object.style.MozOpacity = opacityPct / 100;
    // Everything else.
    object.style.opacity = opacityPct / 100;
}

function ChangeOpacity(id, msDuration, msStart, fromO, toO) {
    var element = document.getElementById(id);
    var opacity = element.style.opacity * 100;
    var msNow = (new Date()).getTime();
    opacity = fromO + (toO - fromO) * (msNow - msStart) / msDuration;
    if (opacity < 0)
        SetOpacity(element, 0)
    else if (opacity > 100)
        SetOpacity(element, 100)
    else {
        SetOpacity(element, opacity);
        element.timer = window.setTimeout("ChangeOpacity('" + id + "'," + msDuration + "," + msStart + "," + fromO + "," + toO + ")", 1);
    }
}
function FadeIn(id) {
    var element = document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer);
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",0,100)", 1);
}
function FadeOut(id) {
    var element = document.getElementById(id);
    if (element.timer) window.clearTimeout(element.timer);
    var startMS = (new Date()).getTime();
    element.timer = window.setTimeout("ChangeOpacity('" + id + "',1000," + startMS + ",100,0)", 1);
}
function FadeInImage(foregroundID, newImage, backgroundID) {

    var foreground = document.getElementById(foregroundID);
    if (backgroundID) {
        var background = document.getElementById(backgroundID);
        if (background) {
            background.style.backgroundImage = 'url(' + foreground.src + ')';
            background.style.backgroundRepeat = 'no-repeat';
        }
    }
    SetOpacity(foreground, 0);
    foreground.src = newImage;
    if (foreground.timer) window.clearTimeout(foreground.timer);
    var startMS = (new Date()).getTime();
    foreground.timer = window.setTimeout("ChangeOpacity('" + foregroundID + "',1000," + startMS + ",0,100)", 10);
    timedCount();
}