var Choice=0;
var oldChoice=0;

var Info=new Array(5);
Info[0]="description";
Info[1]="features";
Info[2]="specs";
Info[3]="options";
Info[4]="photos";

var Photos=new Array(16);

var oldpChoice=0;

function setPhotos(photo1, photo2, photo3, photo4, photo5, photo6, photo7, photo8, photo9, photo10, photo11, photo12, photo13, photo14, photo15, photo16)
{

Photos[0]=photo1;
Photos[1]=photo2;
Photos[2]=photo3;
Photos[3]=photo4;
Photos[4]=photo5;
Photos[5]=photo6;
Photos[6]=photo7;
Photos[7]=photo8;
Photos[8]=photo9;
Photos[9]=photo10;
Photos[10]=photo11;
Photos[11]=photo12;
Photos[12]=photo13;
Photos[13]=photo14;
Photos[14]=photo15;
Photos[15]=photo16;

}


function photoChoice(pChoice)
{

switch (oldpChoice)
           {
             case 0:
                         document.getElementById("thumb1On").style.display="none";
                         document.getElementById("thumb1Off").style.display="inline";
                         break;
             case 1:
                         document.getElementById("thumb2On").style.display="none";
                         document.getElementById("thumb2Off").style.display="inline";
                         break;
             case 2:
                         document.getElementById("thumb3On").style.display="none";
                         document.getElementById("thumb3Off").style.display="inline";
                         break;
             case 3:
                         document.getElementById("thumb4On").style.display="none";
                         document.getElementById("thumb4Off").style.display="inline";
                         break;
             case 4:
                         document.getElementById("thumb5On").style.display="none";
                         document.getElementById("thumb5Off").style.display="inline";
                         break;
             case 5:
                         document.getElementById("thumb6On").style.display="none";
                         document.getElementById("thumb6Off").style.display="inline";
                         break;
             case 6:
                         document.getElementById("thumb7On").style.display="none";
                         document.getElementById("thumb7Off").style.display="inline";
                         break;
             case 7:
                         document.getElementById("thumb8On").style.display="none";
                         document.getElementById("thumb8Off").style.display="inline";
                         break;
             case 8:
                         document.getElementById("thumb9On").style.display="none";
                         document.getElementById("thumb9Off").style.display="inline";
                         break;
             case 9:
                         document.getElementById("thumb10On").style.display="none";
                         document.getElementById("thumb10Off").style.display="inline";
                         break;
             case 10:
                         document.getElementById("thumb11On").style.display="none";
                         document.getElementById("thumb11Off").style.display="inline";
                         break;
             case 11:
                         document.getElementById("thumb12On").style.display="none";
                         document.getElementById("thumb12Off").style.display="inline";
                         break;

             case 12:
                         document.getElementById("thumb13On").style.display="none";
                         document.getElementById("thumb13Off").style.display="inline";
                         break;
             case 13:
                         document.getElementById("thumb14On").style.display="none";
                         document.getElementById("thumb14Off").style.display="inline";
                         break;
             case 14:
                         document.getElementById("thumb15On").style.display="none";
                         document.getElementById("thumb15Off").style.display="inline";
                         break;
             case 15:
                         document.getElementById("thumb16On").style.display="none";
                         document.getElementById("thumb16Off").style.display="inline";
                         break;


           }




switch (pChoice)

           {
             case 0:
                         document.getElementById("thumb1On").style.display="inline";
                         document.getElementById("thumb1Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[0];
                         break;
             case 1:
                         document.getElementById("thumb2On").style.display="inline";
                         document.getElementById("thumb2Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[1];
                         break;
             case 2:
                         document.getElementById("thumb3On").style.display="inline";
                         document.getElementById("thumb3Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[2];
                         break;
             case 3:
                         document.getElementById("thumb4On").style.display="inline";
                         document.getElementById("thumb4Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[3];
                         break;
             case 4:
                         document.getElementById("thumb5On").style.display="inline";
                         document.getElementById("thumb5Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[4];
                         break;
             case 5:
                         document.getElementById("thumb6On").style.display="inline";
                         document.getElementById("thumb6Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[5];
                         break;
             case 6:
                         document.getElementById("thumb7On").style.display="inline";
                         document.getElementById("thumb7Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[6];
                         break;
             case 7:
                         document.getElementById("thumb8On").style.display="inline";
                         document.getElementById("thumb8Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[7];
                         break;
             case 8:
                         document.getElementById("thumb9On").style.display="inline";
                         document.getElementById("thumb9Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[8];
                         break;
             case 9:
                         document.getElementById("thumb10On").style.display="inline";
                         document.getElementById("thumb10Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[9];
                         break;
             case 10:
                         document.getElementById("thumb11On").style.display="inline";
                         document.getElementById("thumb11Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[10];
                         break;
             case 11:
                         document.getElementById("thumb12On").style.display="inline";
                         document.getElementById("thumb12Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[11];
                         break;
             case 12:
                         document.getElementById("thumb13On").style.display="inline";
                         document.getElementById("thumb13Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[12];
                         break;
             case 13:
                         document.getElementById("thumb14On").style.display="inline";
                         document.getElementById("thumb14Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[13];
                         break;
             case 14:
                         document.getElementById("thumb15On").style.display="inline";
                         document.getElementById("thumb15Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[14];
                         break;
             case 15:
                         document.getElementById("thumb16On").style.display="inline";
                         document.getElementById("thumb16Off").style.display="none";
                         document.getElementById("kayakImg").src=Photos[15];
                         break;

            }

oldpChoice=pChoice;

}











function tabChoice(tab)
{

Choice=tab;

hideChoice();

switch (oldChoice)
           {
             case 0:
                         document.getElementById("descriptionOn").style.display="none";
                         document.getElementById("descriptionOff").style.display="block";
                         break;
             case 1:
                         document.getElementById("featuresOn").style.display="none";
                         document.getElementById("featuresOff").style.display="block";
                         break;
             case 2:
                         document.getElementById("specsOn").style.display="none";
                         document.getElementById("specsOff").style.display="block";
                         break;
             case 3:
                         document.getElementById("optionsOn").style.display="none";
                         document.getElementById("optionsOff").style.display="block";
                         break;
             case 4:
                         document.getElementById("photosOn").style.display="none";
                         document.getElementById("photosOff").style.display="block";
                         break;

}


switch (Choice)
           {
             case 0:
                         document.getElementById("descriptionOn").style.display="block";
                         document.getElementById("descriptionOff").style.display="none";
                         break;
             case 1:
                         document.getElementById("featuresOn").style.display="block";
                         document.getElementById("featuresOff").style.display="none";
                         break;
             case 2:
                         document.getElementById("specsOn").style.display="block";
                         document.getElementById("specsOff").style.display="none";
                         break;
             case 3:
                         document.getElementById("optionsOn").style.display="block";
                         document.getElementById("optionsOff").style.display="none";
                         break;
             case 4:
                         document.getElementById("photosOn").style.display="block";
                         document.getElementById("photosOff").style.display="none";
                         break;

}

showChoice();

oldChoice=Choice;

return;
}

function hideChoice()
{
document.getElementById(Info[oldChoice]).style.display="none";
return;
}


function showChoice(tab)
{
document.getElementById(Info[Choice]).style.display="block";
return;
}