/* Colour - dynamically attaches events to each colour item within the results */

function displayColourName(obj) {
    var span = document.getElementById('colour_result');
    if (span!=null){
        span.innerHTML = obj.title;
    }
}

function resetColourName() {
    var span = document.getElementById('colour_result');
    if (span!=null){
        span.innerHTML = '';
    }
}

function applyEventsToColours() {
  var elementUL = document.getElementById('colour');
  var elementsHyperLink= getElementByClass('colour_link');
  var colourCount = elementsHyperLink.length;
              
  if (elementUL!=null && elementsHyperLink!=null){
 
    for (counter = 0; counter < colourCount; counter++)
        {
            elementsHyperLink[counter].onmouseover = function () { displayColourName(this);}
            elementsHyperLink[counter].onmouseout = function () { resetColourName(); }
        }
  }
}

addLoadEvent(applyEventsToColours);