document.onreadystatechange = function(){
	  if (this.readyState=='complete'){
	        status="";
	  	    hoverElements();
	  }
}
var hoverElements = function(){
    // link images
    var aImages = document.getElementsByTagName("img");
    if (aImages) {
        for (var i = 0; i < aImages.length; i++) {
            var aImage = aImages[i];
            if (aImage.parentNode.tagName == "A" && aImage.className !="productImg") {
                aImage.onmouseover = hover;
                aImage.onmouseout = unhover;
            }
        }
    }
    
    // inputs
    var inputs = document.getElementsByTagName("input");
    if (inputs){
        for (var i = 0; i < inputs.length; i++) {
			var input = inputs[i];
			if (input.type == 'image'){
	            input.onmouseover = hover;
	            input.onmouseout = unhover;
			}
        }
    }
    
    // products
    var productsEl = document.getElementById("products");
    if (productsEl) {
        var productsDivs = productsEl.getElementsByTagName("div");
        if (productsDivs) {
            for (var i = 0; i < productsDivs.length; i++) {
                var productDiv = productsDivs[i];
                if (productDiv.className == "product"){
                    productDiv.onmouseover = hover;
                    productDiv.onmouseout = unhover;                        
                }
            }
        }
        
    }

    // catalogue
    var catalogueEl = document.getElementById("catalogue");
    if (catalogueEl) {
        var catalogueCells = catalogueEl.getElementsByTagName("td");
        if (catalogueCells) {
            for (var i = 0; i < catalogueCells.length; i++) {
                var catalogueCell = catalogueCells[i];
                catalogueCell.onmouseover = hover;
                catalogueCell.onmouseout = unhover;                        
            }
        }
        
    }
    // hover action on element
    function hover(){
        this.className += " hover";
    }
    
    // unhover action on element
    function unhover(){
        this.className = this.className.replace("hover", "");
    }
}