Hey all. I am new here. I have been working on a site to promote a very rare disease that my father recently passed away from called Castleman's Disease. I developed my own image slider in jQuery that works like a charm ... but only in IE. It's going on a word press site, so it is broken up in PHP files. I know WHAT the problem is ... I just dunno WHY it's a problem or HOW to fix it. This slider is my first jQuery/javascript code ... so, I'm sure it's a simple reason/fix that I'm not away of.

First, WHAT the problem is. My entire index.php file is wrapped in a div with the id "everything". I'm using it for formatting reasons. Why this is a problem, I have no clue. But it's confusing the jQuery somewhere along the lines. I can comment out this div and my formatting looks tragic, but the slider magically works. Infact, the user can't interact with anything inside the "everything" container. The jQuery itself can, but not the user. For example, the slider should react on .mouseover and .mouseleave on the slider images, but it won't. However, but I put .mouseover code to something in the navbar (outside the "everything" div) and ask it to .fadeTo something inside the "everything" div, it will fade it. So, the code can interact with things inside the "everything" div ... it just doesn't realize when the user is interacting with elements inside the "everything" div.

Here is my codes ...
Header.php:
HTML Code:
<html>
<head>

	<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>

	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />	
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->

	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

	<?php wp_get_archives('type=monthly&format=link'); ?>
	<?php //comments_popup_script(); // off by default ?>
	<?php wp_head(); ?>

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>


<script>
	$(document).ready(function() {
		$('#slideone').mouseover(function() {
			$("#slideone").switchClass("", "fullslide");
			$("#slidetwo").switchClass("", "collapsedslide");
			$("#slidethree").switchClass("", "collapsedslide");
			$("#slidefour").switchClass("", "collapsedslide");
		});
		$("#slideone").mouseleave(function() {
			$("#slideone").switchClass("fullslide");
			$("#slidetwo").switchClass("collapsedslide");
			$("#slidethree").switchClass("collapsedslide");
			$("#slidefour").switchClass("collapsedslide");		
		});

		$("#slidetwo").mouseover(function() {
			$("#slidetwo").switchClass("", "fullslide");
			$("#slideone").switchClass("", "collapsedslide");
			$("#slidethree").switchClass("", "collapsedslide");
			$("#slidefour").switchClass("", "collapsedslide");
		});
		$("#slidetwo").mouseleave(function() {
			$("#slidetwo").switchClass("fullslide");
			$("#slideone").switchClass("collapsedslide");
			$("#slidethree").switchClass("collapsedslide");
			$("#slidefour").switchClass("collapsedslide");		
		});

		$("#slidethree").mouseover(function() {
			$("#slidethree").switchClass("", "fullslide");
			$("#slidetwo").switchClass("", "collapsedslide");
			$("#slideone").switchClass("", "collapsedslide");
			$("#slidefour").switchClass("", "collapsedslide");
		});
		$("#slidethree").mouseleave(function() {
			$("#slidethree").switchClass("fullslide");
			$("#slidetwo").switchClass("collapsedslide");
			$("#slideone").switchClass("collapsedslide");
			$("#slidefour").switchClass("collapsedslide");		
		});

		$("#slidefour").mouseover(function() {
			$("#slidefour").switchClass("", "fullslide");
			$("#slidetwo").switchClass("", "collapsedslide");
			$("#slidethree").switchClass("", "collapsedslide");
			$("#slideone").switchClass("", "collapsedslide");
		});
		$("#slidefour").mouseleave(function() {
			$("#slidefour").switchClass("fullslide");
			$("#slidetwo").switchClass("collapsedslide");
			$("#slidethree").switchClass("collapsedslide");
			$("#slideone").switchClass("collapsedslide");		
		});
	});
</script>


</head>
<body>
<div>
<div id="header">
	<div id="donate" class="redButton">
		<center>
			<em class="buttonText"><b>DONATE</b></em>
		</center>
	</div>

	<div id="forum" class="button">
		<center>
			<em class="buttonText"><b>FORUMS</b></em>
		</center>
	</div>

	<div id="news" class="button">
		<center>
			<em class="buttonText"><b>NEWS</b></em>
		</center>
	</div>

	<div id="learn" class="button">
		<center>
			<em class="buttonText"><b>LEARN</b></em>
		</center>
	</div>

	<div id="home" class="button">
		<center>
			<em class="buttonText"><b>HOME</b></em>
		</center>
	</div>

	<div id="logo">
		<img src="http://localhost/wordpress-3.5.1/wordpress/wp-content/uploads/2013/03/logo-1.jpg" width="100%" height="100%">
	</div>
</div>
index.php:
HTML Code:
<?php get_header(); ?>



<div id="everything">

<div id="slider">





	<div id="slideone" class="slide"><img src="http://newsomemediasolutions.com/wp-content/uploads/2013/03/mspaint-donatetocure.jpg" width="585" height="270" alt="Image Title"/></div>
	<div id="slidetwo" class="slide"><img src="http://newsomemediasolutions.com/wp-content/uploads/2013/03/tellyourstory2.jpg" width="585" height="270" alt="Image Title" /></div>
	<div id="slidethree" class="slide"><img src="http://newsomemediasolutions.com/wp-content/uploads/2013/03/READOTHERSSTORY.jpg" width="585" height="270" alt="Image Title" /></div>
	<div id="slidefour" class="slide"><img src="http://newsomemediasolutions.com/wp-content/uploads/2013/03/Castleman_disease_-_low_mag.jpg" width="585" height="270" alt="Image Title" /></div>


</div>

<div id="sidebar">
	<center>
	<div id="research-donate" class="sideDivs sideDonateResearch">
		<img src="http://newsomemediasolutions.com/wp-content/uploads/2013/03/mspaint-donatetocure.jpg" width="100%" height="100%">
	</div>

	<div id="packet-donate" class="sideDivs">
	</div>

	<div id="shareYourStory" class="sideDivs">
		<img src="http://newsomemediasolutions.com/wp-content/uploads/2013/03/tellyourstory2.jpg" width="100%" height="100%">
	</div>

	<div id="readStories" class="sideDivs">
		<img src="http://newsomemediasolutions.com/wp-content/uploads/2013/03/READOTHERSSTORY.jpg" width="100%" height="100%">
	</div>
	</center>
</div>

<div id="content">
	<div id="education">
		<div class="header">
			<center>
			<em><b>LEARN ABOUT CD</b></em>
			<center>
		</div>
		<div class="preview">
			<img src="http://www.biologydisease.com/img/castlemans-disease.JPG" class="previewImage" />
			We attempt to provide up-to-date tools to learn and educate about the disease history, types, symptoms, and treatments.<br>
			<div class="readMore"><center>Read More</center></div>
		</div>
	</div>

	<div id="research">
		<div class="header">
			<center>
			<em><b>CD RESEARCH</b></em>
			</center>
		</div>
		<div class="preview">
			<img src="http://peedoc.com/wp-content/uploads/2012/08/Medical-Research.jpg" class="previewImage" />
			Learn about the different types of treatments and research studies concerning castleman's Disease.
			<div class="readMore"><center>Read More</center></div>
		</div>
	</div>

	
	<center>
	<div id="joinForum">
	</div>
	</center>
</div>


</div>
</div>
</body>
</html>