//DISJOINTED ROLLOVERS USING BUTTON NAVIGATION AND IMAGES FADING IN AND OUT

$(document).ready(function() {

    //$(".myclass").hover(jbhovershow, jbhoverhide); jbhovershow = function() { $(this).addClass("jimtest"); }; jbhoverhide = function() { $(this).removeClass("jimtest"); }



    $("div.image-links li").hover(hoverOn, hoverOff);

    function hoverOn() {
        //make a variable and assign the hovered id to it
        var elid = $(this).attr('class');
        //hide the image currently there
        $("div.image-content div").hide();
        //fade in the image with the same id as the selected button
        $("div.image-content div." + elid + "").fadeIn("slow");
    }

    function hoverOff() {
        //make a variable and assign the hovered id to it
        var elid = $(this).attr('class');
        //hide the image currently there
        $("div.image-content div").hide();
        //fade in the image with the same id as the selected button
        $("div.image-content div.title").fadeIn("slow");
    }

});