Controllable Affialtes Code

[Bradley]

Live Preview: ccwtest123.proboards29.com/index.cgi?board=ctrlafftbl

First part of the code. headers:

<style type="text/css">
.afffaded{
     filter:alpha(opacity=42);
     opacity: .42;
}
.affsolid{
     filter:alpha(opacity=100);
     opacity: 1;
}
.affbtn{
     height: 10px
     border: 1px 000000 dotted;
     text-align: center;
}
#aff_on{
     background-color: 00ff00;
}
#aff_off{
     background-color: ff0000;
}
#aff_left, #aff_right{
     marign: auto;
     text-align: center;
}
#aff_mar img{
     padding-right: 5px;
}
</style>

Border color of start/stop buttons
Background color of start button
Background color of stop button

The next part of the code, footers:

<table cellpadding="0" border="0" cellspacing="0" class="bordercolor" width="92%" align="center"><tr><td>
<table border="0" cellpadding="4" cellspacing="1" width="100%">
     <tr class="titlebg">
          <td colspan="4">
               <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
                    <tr>
                         <td class="afffaded" width="10">
                              <div id="aff_off" class="affbtn" onclick="goOff(); return false;">&#8226;</div>
                         </td>
                         <td width="6"> </td>
                         <td class="affsolid" width="10">
                              <div id="aff_on" class="affbtn" onclick="goOn(); return false;">&#8226;</div>
                         </td>
                         <td align="center" class="titlebg">
                              <font class="text1" size="2"><b>Affiliates</b></font>
                         </td>
                    </tr>
               </table>
          </td>
     </tr>
     <tr>
          <td width="30" class="windowbg" onmouseover="goLeft(); return false;" onmouseout="stopMove(); return false">
               <div id="aff_left"><</div>
          </td>
          <td class="windowbg2" style="padding-left:0px;padding-right:0px;" width="99%">
               <marquee id="aff_mar" scrollamonut="4" width="100%" height="100%">
                    <a href="http://swg.proboards4.com"><img src="http://tommyhuynh.net/ggdaffiliate.gif" border="0" alt="Gray Grid Designs" /></a>
                    <a href="http://swg.proboards4.com"><img src="http://tommyhuynh.net/ggdaffiliate.gif" border="0" alt="Gray Grid Designs" /></a>
                    <a href="http://swg.proboards4.com"><img src="http://tommyhuynh.net/ggdaffiliate.gif" border="0" alt="Gray Grid Designs" /></a>
                    <a href="http://swg.proboards4.com"><img src="http://tommyhuynh.net/ggdaffiliate.gif" border="0" alt="Gray Grid Designs" /></a>
               </marquee>
          </td>
          <td width="30" class="windowbg" onmouseover="goRight(); return false;" onmouseout="stopMove(); return false">
               <div id="aff_right">></div>
          </td>
          <td class="windowbg" width="92">
               <img id="aff_mini" src="http://tommyhuynh.net/ggdaffiliate.gif" alt="Mini Banner" onclick="doAff(); return false;" />
          </td>
     </tr>
</table>
</td></tr></table>
<form name="aff" id="aff"><textarea style="z-index:-6;position:relative;top:-1;" name="code" id="code"><a href="http://swg.proboards4.com/"><img src="http://tommyhuynh.net/ggdaffiliate.gif" alt="Gray Grid Designs" border="0" /></a></textarea></form>

URL to your board
URL to your affialte image (appears twice)
Your board's name
Your affialtes' affialte codes

Last part of the code, immeditaly after the second part, footers:

<script type="text/javascript">
var affOff = document.getElementById("aff_off");
var affOn = document.getElementById("aff_on");
var affMar = document.getElementById("aff_mar");
var affImages = affMar.getElementsByTagName("img")
var marOnOff = 1;
var marDir = 1;
var marSpeed = 4;
var marBtnMsOvr = 0;
var marFutDir = 1;
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
     document.aff.code.style.display = "none";
}
for (i=0; i<affImages.length; i++){
     affImages.item(i).className = "afffaded";
     affImages.item(i).onmouseover = function (){this.className = "affsolid";};
     affImages.item(i).onmouseout = function (){this.className = "afffaded";};
}
function goOff(){
     if (marOnOff == 1){
          marOnOff = 0;
          affMar.stop();
          affOn.parentNode.className = "afffaded";
          affOff.parentNode.className = "affsolid";
     }
}
function goOn(){
     if (marOnOff == 0){
          marOnOff = 1;
          affMar.start();
          affOn.parentNode.className = "affsolid";
          affOff.parentNode.className = "afffaded";
     }
}
function stepSpeed(){
     if (marSpeed <= 100 && marBtnMsOvr != 0){
          marSpeed = marSpeed + 2;
          affMar.scrollAmount = marSpeed;
          setTimeout("stepSpeed()", 100);
     }
}
function stepSpeedDwn(){
     if (marSpeed > 2 && marBtnMsOvr != 0){
          marSpeed = marSpeed - 2;
          affMar.scrollAmount = marSpeed;
          setTimeout("stepSpeedDwn()", 100);
     }
     else if (marBtnMsOvr != 0){
          if (marFutDir == 1){
               goLeft();
          }
          else if (marFutDir == 2){
               goRight();
          }
     }
}
function goRight(){
     if (marDir == 1){
          marBtnMsOvr = 1;
          if (marSpeed > 2){
               marFutDir = 2;
               setTimeout("stepSpeedDwn()", 250);
          }
          else {
               affMar.direction = "right"
               marDir = 2;
               setTimeout("stepSpeed()", 500);
          }
     }
     else{
          marBtnMsOvr = 1;
          setTimeout("stepSpeed()", 250);
     }
}
function goLeft(){
     if (marDir == 2){
          marBtnMsOvr = 1;
          if (marSpeed > 2){
               marFutDir = 1;
               setTimeout("stepSpeedDwn()", 250);
          }
          else {
               affMar.direction = "left"
               marDir = 1;
               setTimeout("stepSpeed()", 500);
          }
     }
     else{
          marBtnMsOvr = 1;
          setTimeout("stepSpeed()", 250);
     }
}
function stopMove(){
     marBtnMsOvr = 0;
}
function highlightCode(){
     document.aff.code.select();
}
function copyCode(){
     highlightCode();
     textRange = document.aff.code.createTextRange();
     textRange.execCommand("RemoveFormat");
     textRange.execCommand("Copy");
     alert("The affilate code has been copied to your clipboard.");
}
function doAff(){
     if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
          copyCode();
     }
     else {
          highlightCode();
          alert("Press [ctrl] + c to copy the affilate code to your clipboard");
     }
}
</script>