Beste SD'ers

Ik heb een website die geeft op de homepage 32 foto's weer.
Nu kun je op het logo klikken van het bedrijf en dan komt er een menu en moeten al deze 32 foto's worden verkleurt.

Ik doe dit door midden van 2 stylesheets, 1 is per keer actief en de ander wordt door middel van javascript gedisabled.

Echter nu heb ik problemen om het onder safari werkend te krijgen.
Safari 5.0.5

PHP Code:

<script>
        function setElementVisibility(id){
            elementToSet = document.getElementById(id);
                if(elementToSet.style.visibility == "visible"){
                    elementToSet.style.display = "none";
                    elementToSet.style.visibility = "hidden";
                    document.getElementById('coloredStyle').disabled = true;
                    document.getElementById('normalStyle').disabled = false;
                    document.getElementById("logo").style.backgroundImage = 'url(images/vlasblom/logo.png)';
                }else{
                    elementToSet.style.display = "block";
                    elementToSet.style.visibility = "visible";
                    document.getElementById('coloredStyle').disabled = false;
                    document.getElementById('normalStyle').disabled = true;
                    document.getElementById("logo").style.backgroundImage = 'url(images/vlasblom/logo-hl.png)';
                }
        }
    </script> 


Dit is het javscript dat ik gebruik
coloredStyle en normalStyle zijn 2 stylesheets die worden gebruikt
Standaard staat coloredStyle disabled.

Heeft iemand enig idee waarom safari for mac hier problemen mee heeft?
Ps. wil je liever even live op de site kijken vraag even het adres via PM

Wat voor soort elementen zijn coloredStyle en normalStyle?