// jquery library
document.write('<script type="text/javascript" src="../../js/jquery-1.3.2.js"></script>');
document.write('<script type="text/javascript" src="../../js/ui.core.js"></script>');
document.write('<script type="text/javascript" src="../../js/ui.accordion.js"></script>');

window.onload = function(){
    $("#accordion").accordion();
    $('.selector').accordion({ active: 2 });
    
    selection ();


  }


function selection ()
{
    //init first selection
    document.getElementById("header1").style.backgroundImage="url(../../images/product/select-cereals-on.jpg)";
    
    document.getElementById("header1").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-cereals-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-cereals.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-cereals-on.jpg)"; 
            resetAll(1); }
       return false;
    }
    
    document.getElementById("header2").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-bars-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-bars.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-bars-on.jpg)"; 
            resetAll(2); }
       return false;
    }
    
    document.getElementById("header3").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-yogurt-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-yogurt.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-yogurt-on.jpg)"; 
            resetAll(3); }
       return false;
    }
    
    document.getElementById("header4").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-baking-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-baking.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-baking-on.jpg)"; 
            resetAll(4); }
       return false;
    }
    
    document.getElementById("header5").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-toaster-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-toaster.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-toaster-on.jpg)"; 
            resetAll(5); }
       return false;
    }
    
    document.getElementById("header6").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-bread-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-bread.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-bread-on.jpg)"; 
            resetAll(6); }
       return false;
    }
    
    document.getElementById("header7").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-ready-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-ready.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-ready-on.jpg)"; 
            resetAll(7); }
       return false;
    }
    
    document.getElementById("header8").onclick =  function() {
       if (this.style.backgroundImage == "url(../../images/product/select-cottage-on.jpg)") {
            this.style.backgroundImage="url(../../images/product/select-cottage.jpg)";  }
       else {
            this.style.backgroundImage = "url(../../images/product/select-cottage-on.jpg)"; 
            resetAll(8); }
       return false;
    }
    

}



function resetAll (current)
{


    var offState = new Array();
    offState[1] = "url(../../images/product/select-cereals.jpg)";
    offState[2] = "url(../../images/product/select-bars.jpg)";
    offState[3] = "url(../../images/product/select-yogurt.jpg)";
    offState[4] = "url(../../images/product/select-baking.jpg)";
    offState[5] = "url(../../images/product/select-toaster.jpg)";
    offState[6] = "url(../../images/product/select-bread.jpg)";
    offState[7] = "url(../../images/product/select-ready.jpg)";
    offState[8] = "url(../../images/product/select-cottage.jpg)";

    
    for (var x=1 ;x < 9; x++){
        if (current != x) {
            document.getElementById("header" + x).style.backgroundImage=offState[x];
        }
    }
}