window.onload = init;
var ext;


function init() {

   // Test id=source first so it will fail if not on this page.
   try{
      document.getElementById("source").innerHTML = "Source code displays here.";
   }
   catch(e){
      return;
   }

    try{
       document.getElementById("badge1-200x50").onclick = function() { loadSource("badge1-200x50"); }
       document.getElementById("badge1-150x38").onclick = function() { loadSource("badge1-150x38"); }
       document.getElementById("badge1-120x30").onclick = function() { loadSource("badge1-120x30"); }
       document.getElementById("badge2-200x50").onclick = function() { loadSource("badge2-200x50"); }
       document.getElementById("badge2-150x38").onclick = function() { loadSource("badge2-150x38"); }
       document.getElementById("badge2-120x30").onclick = function() { loadSource("badge2-120x30"); }
       document.getElementById("badge9-200x50").onclick = function() { loadSource("badge9-200x50"); }
       document.getElementById("badge9-150x38").onclick = function() { loadSource("badge9-150x38"); }
       document.getElementById("badge9-120x30").onclick = function() { loadSource("badge9-120x30"); }
       document.getElementById("badge9-Logo180x50").onclick = function() { loadSource("badge9-Logo180x50"); }
       document.getElementById("badge9-Logo137x38").onclick = function() { loadSource("badge9-Logo137x38"); }
       document.getElementById("badge9-Logo108x30").onclick = function() { loadSource("badge9-Logo108x30"); }
    } catch(e){}

    try{
       document.getElementById("badge3-200x50").onclick = function() { loadSource("badge3-200x50"); }
       document.getElementById("badge4-200x50").onclick = function() { loadSource("badge4-200x50"); }
       document.getElementById("badge5-200x50").onclick = function() { loadSource("badge5-200x50"); }
       document.getElementById("badge6-200x50").onclick = function() { loadSource("badge6-200x50"); }
       document.getElementById("badge8-200x65").onclick = function() { loadSource("badge8-200x65"); }
       document.getElementById("badge7-200x45").onclick = function() { loadSource("badge7-200x45"); }
       document.getElementById("slapstart").onclick = function() { loadSource("slapstart"); }
       document.getElementById("slapped").onclick = function() { loadSource("slapped"); }
       document.getElementById("ss-logo").onclick = function() { loadSource("ss-logo"); }
    } catch(e){}


}

function getFileType() {

    if (document.getElementById("png").checked == true) {
        ext = "png";
    } 

    else {
        ext = "jpg";
    }
    
}

function loadSource(badge) {
    getFileType();
    // select(badge);      // Select not working in WP
    document.getElementById("source").innerHTML = "Loading...";
    setTimeout(function() { getSource(badge) },250);
}

function getSource(badge) {
  
    var badgeSource;
    
    if (badge == "slapstart" || badge == "slapped")
      badgeSource = getRollover(badge);
    else
      badgeSource = constructSource(badge);
    
    document.getElementById("source").innerHTML = badgeSource;
    
}


function getRollover(badge) {
   
   if (badge == "slapstart"){
      src = "<a href=\"http://slapstart.com/\"><img onmouseover=\"this.src='http://slapstart.com/wp-content/uploads/badges/slapstart1mouseover." + ext + "';\" onmouseout=\"this.src='http://slapstart.com/wp-content/uploads/badges/slapstart1." + ext + "';\" src=\"http://slapstart.com/wp-content/uploads/badges/slapstart1." + ext + "\" alt=\"SlapStart.com\" /></a>";
   }
   else if ( badge == "slapped"){
      src = "<a href=\"http://slapstart.com/\"><img onmouseover=\"this.src='http://slapstart.com/wp-content/uploads/badges/slappedmouseover." + ext + "';\" onmouseout=\"this.src='http://slapstart.com/wp-content/uploads/badges/slapped." + ext + "';\" src=\"http://slapstart.com/wp-content/uploads/badges/slapped." + ext + "\" alt=\"SlapStart.com\" /></a>";
   }

   return src;

}


function constructSource(badge) {
    
    src = "<a href=\"http://slapstart.com/\"><img alt=\"\" src=\"http://slapstart.com/wp-content/uploads/badges/";

    src = src + badge + '.' + ext + "\"";

    src = src + " border=\"0\" alt=\"SlapStart.com\" /></a>";
    return src;
}