window.onload = function () {
   dvs = document.getElementById('templateScroll').getElementsByTagName('div');
   for (i = 0; i < dvs.length; i++) {
      if (dvs[i].className == "tmpl-colors") {
         imgs = dvs[i].getElementsByTagName('img');
         for (j = 0; j < imgs.length; j++) {
            imgs[j].onclick = function () {
               this.parentNode.parentNode.parentNode.getElementsByTagName('img')[0].src = this.src;
               this.parentNode.parentNode.parentNode.getElementsByTagName('img')[0].alt = this.alt;
               this.parentNode.parentNode.parentNode.getElementsByTagName('a')[0].href= this.parentNode.href;
                
            }
         }
      }
   }
}

function replaceImage(that, alt, name, tags) {
   oImg = document.getElementById("bigPreview").firstChild;
   oImg.src = that.firstChild.src;
   oImg.alt = alt;
   t = "<b>Tags:&nbsp;</b> ";
   for (i = 0; i < tags.length; i++) {
      t += "<a href='setTemplate.jsp&action=viewTemplates&search="+tags[i]+"'>"+tags[i]+"</a>";
      if (i != tags.length-1)
         t += ", ";
   }
   document.getElementById("styleTitle").innerHTML = name;
   document.getElementById("showtags").innerHTML = t;
   return false;
}

supported = false;

function clo() {
   $S('.lthumb').each(function(el) {
      el.style.border = "";
      el.style.padding='2px';
   });
}

function clearText (textBox) {
   if (textBox.value == "No results found") {
      textBox.value = "";
   }
}

function getElementsByClassName(className) {
   var testClass = new RegExp("(^|\\\\s)" + className + "(\\\\s|$)");
   var tag = "*";
   var elements = (document.all)? document.all : document.getElementsByTagName(tag);
   var returnElements = [];
   var current;
   for(var i=0; i < elements.length; i++){
      current = elements[i];
      if(testClass.test(current.className)){
         returnElements.push(current);
      }
   }
   return returnElements;
}

var currentID = -1;

function chooseTemplate(id) {
   currentID = id;
   var el = document.getElementById('tmpl_' + id);
   var currentEl = document.getElementById('tmpl_' + currentID);

   returnOn = getElementsByClassName('tmpl_on');

   for(i = 0; i < returnOn.length; i++) {
      returnOn[i].className = "blank";
   }

   el.className = "tmpl_on";
   parent.setStyleID(id);
}

function chooseColorVariation(id) {
    if(document.getElementById(id).parentNode.parentNode.className != "tmpl_on") {
        
        var others_on = getElementsByClassName("tmpl_on");
        for(i = 0; i < others_on.length; i++) {
            others_on[i].className = "blank";
        }

        document.getElementById(id).parentNode.parentNode.className = "tmpl_on";
    }

    var strippedID = id.replace(/variation_/, "");
    parent.setStyleID(strippedID);
}

function changePage(page) {
   document.location = "setTemplate.jsp?token=1&action=viewTemplates&tag=allTemplates&page="+page;
}