jQuery(document).ready(function(){
    
    var listToMod = Array('mainImg', 'detailHead', 'details');
    
    function displayMod(name, value) {
        for(var i = 0; i<listToMod.length; i++) {
            var id = listToMod[i] + name;
            var el = document.getElementById(id);
            el.style.display = value;
        }
    }
    
    var whSelector = '#detailsList li a';
    $(whSelector).click(function(){
	    return false;
	});
	$(whSelector).mouseover(function() {
		var id = this.firstChild.title;
		displayMod('Default', 'none'); //hide default items
		displayMod(id, 'block'); //show items referenced by their title attribute
		document.getElementById('tab'+id).className = 'hover'; //change class for IE background
	})
	$(whSelector).mouseout(function() {
		var id = this.firstChild.title;
		displayMod(id, 'none'); //hide referenced items
		displayMod('Default', 'block'); //show default items
		document.getElementById('tab'+id).className = ''; //change class back
	});
});