/*jQuery function*/
/*Used in album1 to provide css enhancements to the songThumb divs at the bottom of the page.  */
        
    function songThumbs() {
        //turn the divs that has the class of songThumbs to have the cursor be pointer when hovering
        //$("div.songThumbs > img").css("border", "#333");
        //then turn the span inside with class of songName into a color that matches the links
        $("div.songThumbs > span.songToggle").css("cursor", "pointer").css("color", "#000");
        //And make it behave like a linke when the cursor hovers.  The hover syntax is hover(over, out). 
        $("div.songThumbs > span.songToggle").hover(
            function() {
                $(this).css("color", "#fe5");         
            },
            function() {
                $(this).css("color", "#000");    
            }
        );
        $("div.songThumbs > span.songToggle >img").hover(
            function() {
                    $(this).css("border-color", "#fff");
            },
            function() {
                    $(this).css("border-color", "#333");
            }
        );
        //if IE, insert change the cursor to all spanLink spans.  Maybe I won't need this?
        //if ($.browser.msie&&$.browser.version==6.0) {
            //$(".spanLink").css("cursor","pointer");
            //alert($.browser.version);
        //};
    }