﻿function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}

function showBottle() {
	
	if (document.getElementById("smallBottles")) {
	
		var aloe = document.getElementById("bottleAloe");		
		var aloeSpan = aloe.firstChild;
		
		var silk = document.getElementById("bottleSilk");
		var silkSpan = silk.firstChild;
		
		var almond = document.getElementById("bottleAlmond");
        var almondSpan = almond.firstChild;    

		var aloebox = document.getElementById("aloeBox");		
		var silkbox = document.getElementById("silkBox");
		var almondbox = document.getElementById("almondBox");
		        
        aloe.onmouseover = function() {
            aloeSpan.className = "onoff";    
            silkSpan.className = "onoff";
            almondSpan.className = "offoff";

            aloebox.className = "displayit";
            silkbox.className = "displaynone";
            almondbox.className = "displaynone";
        }

        silk.onmouseover = function() {
            aloeSpan.className = "offon";    
            silkSpan.className = "on";
            almondSpan.className = "offon";

            aloebox.className = "displaynone";
            silkbox.className = "displayit";
            almondbox.className = "displaynone";
        }

        almond.onmouseover = function() {
            aloeSpan.className = "offoff";    
            silkSpan.className = "offon";
            almondSpan.className = "onoff";
        
            aloebox.className = "displaynone";
            silkbox.className = "displaynone";
            almondbox.className = "displayit";
        }
	
	}
}

addLoadEvent(showBottle);
