// JavaScript Document

var vesselarray = new Array();
vesselarray[0]="towerclip1.jpg";
vesselarray[1]="towerclip2.jpg";
vesselarray[2]="towerclip3.jpg";
vesselarray[3]="towerclip4.jpg";
vesselarray[4]="towerclip5.jpg";
vesselarray[5]="towerclip6.jpg";
vesselarray[6]="towerclip7.jpg";

function changeVessel(vesselpic) {
var vesselimg = "<img src='../images/vessels/"+vesselarray[vesselpic]+"' />";
document.getElementById('vessels').innerHTML = vesselimg;
}

//--------------------------------------------------------------------------//

var droparray = new Array();
droparray[0]="lgtankdrop1.jpg";
droparray[1]="lgtankdrop2.jpg";
droparray[2]="lgtankdrop3.jpg";

function changeDrop(droppic) {
var dropimg = "<img src='../images/vessels/"+droparray[droppic]+"' />";
document.getElementById('drops').innerHTML = dropimg;
}

//--------------------------------------------------------------------------//

var silverarray = new Array();
silverarray[0]="smallsilver1.jpg";
silverarray[1]="smallsilver2.jpg";

function changeSilver(silverpic) {
var silverimg = "<img src='../images/vessels/"+silverarray[silverpic]+"' />";
document.getElementById('silver').innerHTML = silverimg;
}

//--------------------------------------------------------------------------//

var greyarray = new Array();
greyarray[0]="greyvessel1.jpg";
greyarray[1]="greyvessel2.jpg";

function changeGrey(greypic) {
var greyimg = "<img src='../images/vessels/"+greyarray[greypic]+"' />";
document.getElementById('grey').innerHTML = greyimg;
}

//--------------------------------------------------------------------------//

var towerarray = new Array();
towerarray[0]="tower1.jpg";
towerarray[1]="tower2.jpg";
towerarray[2]="tower3.jpg";
towerarray[3]="tower4.jpg";
towerarray[4]="tower5.jpg";
towerarray[5]="tower6.jpg";
towerarray[6]="tower7.jpg";
towerarray[7]="tower8.jpg";
towerarray[8]="tower9.jpg";
towerarray[9]="tower10.jpg";
towerarray[10]="tower11.jpg";
towerarray[11]="tower12.jpg";
towerarray[12]="tower13.jpg";
towerarray[13]="tower14.jpg";
towerarray[14]="tower15.jpg";
towerarray[15]="tower16.jpg";
towerarray[16]="tower17.jpg";
towerarray[17]="tower18.jpg";

function changeTower(towerpic) {
var towerimg = "<img src='../images/tower/"+towerarray[towerpic]+"' />";
document.getElementById('tower').innerHTML = towerimg;
}

//--------------------------------------------------------------------------//

var skidarray = new Array();
skidarray[0]="skid1.jpg";
skidarray[1]="skid2.jpg";
skidarray[2]="skid3.jpg";
skidarray[3]="skid4.jpg";
skidarray[4]="skid5.jpg";
skidarray[5]="skid6.jpg";
skidarray[6]="skid7.jpg";
skidarray[7]="skid8.jpg";
skidarray[8]="skid9.jpg";
skidarray[9]="skid10.jpg";
skidarray[10]="skid11.jpg";

function changeSkid(skidpic) {
var skidimg = "<img src='../images/skid/"+skidarray[skidpic]+"' />";
document.getElementById('skid').innerHTML = skidimg;
}

//--------------------------------------------------------------------------//

var rubyarray = new Array();
rubyarray[0]="rubyred1.jpg";
rubyarray[1]="rubyred2.jpg";
rubyarray[2]="rubyred3.jpg";
rubyarray[3]="rubyred4.jpg";
rubyarray[4]="rubyred5.jpg";

function changeRuby(rubypic) {
var rubyimg = "<img src='../images/design/"+rubyarray[rubypic]+"' />";
document.getElementById('ruby').innerHTML = rubyimg;
}