window.onload = add_id;

var isrc = ["http://www.rjmprogramming.com.au/wordpress/wp24.jpg", "http://www.rjmprogramming.com.au/wordpress/wp25.jpg", "http://www.rjmprogramming.com.au/wordpress/wp27.jpg", "http://www.rjmprogramming.com.au/wordpress/wp28.jpg"];
var tds = [], tables = [];
var sinv;
var defcolours = ["White", "Silver", "Gray", "Black", "Red", "Maroon", "Yellow", "Olive", "Lime", "Green", "Aqua", "Teal",  "Blue", "Navy", "Fuchsia", "Purple"];
var favcol = " ";
var selprefix = "&nbsp;&nbsp;<form align='center' id='myform' action='" + document.URL + "' method='GET'><select align='center' id='favcol' name='favcol'><option value=''>Optional Favourite Colour ...</option><option value='N'>None</option>";
var selsuffix = "&nbsp;<input type='submit' name='submit' value='Submit'></input></form></select>";

function swap_imgs() {
  var j, otd, oimg, rnum, oldsrc, isrcrnum = "", r, g, b;
  var arr=['0','1','2','3','4','5','6','7','8','9','a','b','c','d','e','f'];
  for (j=0; j<isrc.length; j++) {
    otd = document.getElementById("td_id_" + (j + 1));
    rnum = Math.floor(Math.random() * isrc.length) + 0;
    oimg = document.getElementById("image_id_" + (j + 1));
    isrcrnum = isrc[rnum];
    oimg.src = isrcrnum;
    oimg.title = isrcrnum;
    oimg.alt = isrcrnum;
    if (otd.innerHTML.trim().substring(0,1) == "<") {
      if (favcol.trim() != "") {
        if (favcol == "N") {
          r = Math.floor((Math.random()*256)+0); 
          g = Math.floor((Math.random()*256)+0); 
          b = Math.floor((Math.random()*256)+0);  
          otd.style.color = '#' + arr[(r-(r % 16)) / 16] + arr[r % 16] + arr[(g-(g % 16))  / 16] + arr[g % 16] + arr[(b-(b % 16))  / 16] + arr[b % 16];
        } else {
          otd.style.color = favcol;
        }
      } else if (favcol.trim() == "") {
        otd.style.color = "#555555";
      } else if (favcol.trim() == "N") {
        r = Math.floor((Math.random()*256)+0); 
        g = Math.floor((Math.random()*256)+0); 
        b = Math.floor((Math.random()*256)+0);  
        otd.style.color = '#' + arr[(r-(r % 16)) / 16] + arr[r % 16] + arr[(g-(g % 16))  / 16] + arr[g % 16] + arr[(b-(b % 16))  / 16] + arr[b % 16];
      } else {
        otd.style.color = favcol;
      }
      otd.innerHTML = "&nbsp;<a target=_blank id='a" + eval((j + 1)) + "' style='text-decoration:none;' title='" + isrcrnum + "' href='" + isrcrnum + "'>" + eval((j + 1)) + "</a>&nbsp;&nbsp;<a target=_blank id='b" + eval((j + 1)) + "' title='" + isrcrnum + "' href='" + isrcrnum + "'>" + otd.innerHTML.trim() + "</a>";
      if (j == 0) {
        document.body.innerHTML = "<div align='center'><span align='center'><h1 align='center'>Static HTML Made More Dynamic by Javascript DOM</h1>" + selprefix + selsuffix + "</span></div><br>" + document.body.innerHTML;
        tables[0].align = 'center';
        document.getElementById('favcol').value = favcol;
      }
    } else {
      oldsrc = document.getElementById("a" + eval((j + 1))).title;
      otd.innerHTML = otd.innerHTML.replace(oldsrc, isrcrnum).replace(oldsrc, isrcrnum).replace(oldsrc, isrcrnum).replace(oldsrc, isrcrnum);
    }
  }
  rnum = Math.floor(Math.random() * defcolours.length) + 0;
  if (favcol.trim() == "") {
    tables[0].style.backgroundColor = defcolours[rnum];
  } else if (favcol.trim() == "N") {
    r = Math.floor((Math.random()*256)+0); 
    g = Math.floor((Math.random()*256)+0); 
    b = Math.floor((Math.random()*256)+0);  
    tables[0].style.backgroundColor = '#' + arr[(r-(r % 16)) / 16] + arr[r % 16] + arr[(g-(g % 16))  / 16] + arr[g % 16] + arr[(b-(b % 16))  / 16] + arr[b % 16];
  } else {
    tables[0].style.backgroundColor = otd.style.color;
  }
  rnum = Math.floor(Math.random() * 20) + 0;
  tables[0].cellPadding = rnum;
  rnum = Math.floor(Math.random() * 20) + 0;
  tables[0].cellSpacing = rnum;
}

function add_id() {
  var i;
  var imgs = document.getElementsByTagName("img");
  
  if (favcol == " ") {
     favcol = location.search.split("favcol=")[1] ? location.search.split("favcol=")[1].split("&")[0] : "";
     for (i=0; i<defcolours.length; i++) {
       selprefix = selprefix + "<option value='" + defcolours[i] + "'>" + defcolours[i] + "</option>";
     }
  }

  
  for (i=0; i<imgs.length; i++) {
     if (imgs[i].src != "") isrc[i] = imgs[i].src;
     if (imgs[i].id == "") {
        imgs[i].id = "image_id_" + (i + 1);
     }
  }
  tds = document.getElementsByTagName("td");
  for (i=0; i<tds.length; i++) {
     if (tds[i].id == "") {
        tds[i].id = "td_id_" + (i + 1);
     }
  }
  tables = document.getElementsByTagName("table");
  for (i=0; i<tables.length; i++) {
     if (tables[i].id == "") {
        tables[i].id = "table_id_" + (i + 1);
     }
  }
  sinv = setInterval(swap_imgs, 2000);
}