Hjälp med javascript, repetera funktion

Godmorgon och skitmåndag på er pojkar och flickor

OBS! Jag är och förblir sämst på sånt här, bara för att förvarna! Första gången ever jag sitter i javascript

För att förklara hela problemet så är det som så att jag håller på med ett relativt simpelt "program" för att hjälpa en kille här där jag jobbar(praktiserar) att snabbt och enkelt flytta bilder in ett anpassat fönster

Det är i själva verket en typ av verktygslåda(se; anpassat fönster) med utbytbara lådor i olika färger och storlekar, så tanken är att webbprogrammet skall ha alla dessa bitar i form av bilder i olika färger och att vid varje dubbelklick så skall biten byta text för att passa verktygsdelen som skall i respektive låda

Detta görs då med drag and drop via färdiga bilder

MEN nu är det Måndag..och då min hjärna inte riktigt vaknat till liv så får jag inte till något i huvudet alls!

Behöver ett sätt att få repeat på följande funktion (hemskt gärna ett tillägg av kod för fler bilder, kommer vara kring 8-10 olika bilder per färg som ska kunna klickas i en loop, dvs 1-10 sen tillbaka till bild 1 igen)

Funktion för bildbytet:

function imageswitch()
{
var theImg = document.getElementsByTagName('img')[0].src;

var x = theImg.split("/");
var t = x.length-1;
var y = x[t];

if(y=='BILD1.gif')
{
document.images.example.src='BILD2.gif'
}
}

Och så har vi länken till bilden så som det ser ut i mitt provrum.html: <a href="#" ondblclick="imageswitch()"><img src='BILD1.gif' name='example' border='0'class='drag' id='img2' </a>

I övrigt så fungerar allt som det ska, jag kan dra och släppa, bitarna är storleksanpassade etc, men jag är för trött för att inte röra till allt alldeles för mycket idag! Vet att just repeat är lite efterblivet i java (visste jag inte alls egentligen, google told me)

Kanske mycket begärt, men om någon direkt får ett aha!-moment så vore hjälp ytterst uppskattad. Men det är som sagt Måndag, så jag förväntar mig ingenting!

Behöver ni kod till drag and drop funktionen eller något annat så säg bara till, vill inte kladda ur all min röriga skit direkt för då skäms jag!

Tackar på förhand

Förstår att det är rörigt, för mig är det glasklart för jag har jävlats med det här hela förra veckan och att förklara något när man knappt kan öppna ögonen gör att texten blev som den blev

kort sammanfattning:

5 bilder i olika färger, dessa är i 5 olika storlekar (röd minst -> gul -> blå -> grön -> grön jättestor)

Funkar som ett pussel

Dessa bilder går att dra med musen och släppa ifrån sig, när dom sedan är släppta ska användaren kunna dubbelklicka på bilden och då skall en text komma fram ovanpå bilden! Exempel: Röd tom ruta *dubbeklick* röd ruta med texten 1/2" *dubbelklick* röd ruta med texten 1/4"

Detta funkar med ovanstående funktion genom att bilden vid dubbelklick byts ut mot en annan, säkert jättekrånglig lösning men jag kan som sagt ingenting

Det är som så att till varje verktygslåda som köps så får kunden en inplastad innehållsförteckning över hur han valt att ha sina färgade fack från början

Han som ville ha detta program är totalt urkass på datorer så han gör varje sådan bild i word vilket tar tid och är sjukt onödigt, så med det här programmet så kan han eller kunden i fråga välja om dom vill ha 10 små fack eller 2 stora fack och 8 små etc mycket snabbare

Och när det är klart så är det bara att spara bilden -> skriva ut -> plasta in

Fan va korkad jag är, var ju hur simpelt som helst

function imageswitch()
{
var theImg = document.getElementsByTagName('img')[0].src;

var x = theImg.split("/");
var t = x.length-1;
var y = x[t];

if(y=='bild1.gif')
{
document.images.example.src='bild2.gif'
}
if(y=='bild2.gif')
{
document.images.example.src='bild3.gif'
}
if(y=='bild3.gif')
{
document.images.example.src='bild4.gif'
}
if(y=='bild4.gif')
{
document.images.example.src='bild1.gif'
}
}

Nu gör den som jag ville, dvs går tillbaka till bild1 om man dubbelklickar tillräckligt många gånger..dummare än tåget är jag fanimej