-p#info.html exist in your Websites/project0/pages folder -each rollover button link has an ID of "p#link" and a class of "link" */ $(document).ready(function(e) { var btnHovered=""; var newContent="p0info.html"; $("#content").load(newContent); $(".link").hover( function(){/*action when you hover ON button */ btnHovered=$(this).attr("ID");//gets value from ID of the target link setVariables();//used to determine which content to load $("#content").load(newContent);//loads content depending upon which button is hovered }, function(){/*action when you hover OFF button */ $("#content").load("p0info.html");//loads the default content } ); function setVariables(){ switch(btnHovered){//btnHovered gets its value from ID of link case "p1Link"://if btnHovered = p1Link newContent = "p1info.html";//set newContent variable break;//if previous link exectued, ignore rest of swotch function case "p2Link": newContent = "p2info.html"; break; case "p3Link": newContent = "p3info.html"; break; case "p4Link": newContent = "p4info.html"; break; } } }); //-->