Need help with jQuery and IE

programming web dev
1

So Im pretty new to jQuery and having major issues with getting some script to work in IE only.

Any help would be most appreciated.

You can check out the code at:

http://www.uaf.com/default2.htm (jquery is in the head section)
http://www.uaf.com/default2/includes/main.css

or you can just check it out here…

 Code:
 <script type="text/javascript">

$(function(){
    var thisInterval = setInterval("rotateSlides()", 5000);
    $("#slide1").addClass('current');
    
    $("#Btn1").mouseover( function(){
        
        /*$("#slideshow > div").css({opacity:0.0});*/
        clearInterval(thisInterval);
        var $curPhoto1 = $("#slideshow div.current");
        var $nxtPhoto1 = $("#slideshow #slide2");
        
        $curPhoto1.removeClass('current').addClass('previous');
        
        $nxtPhoto1.css({opacity:0.0}).addClass('current').animate({opacity: 1.0}, 250,
        function(){
            $curPhoto1.removeClass('previous');
        });
    });
    
    $("#Btn2").mouseover( function(){
        /*$("#slideshow > div").css({opacity:0.0});*/
        clearInterval(thisInterval);
        var $curPhoto2 = $("#slideshow div.current");
        var $nxtPhoto2 = $("#slideshow #slide3");
        
        $curPhoto2.removeClass('current').addClass('previous');
        $nxtPhoto2.css({opacity:0.0}).addClass('current').animate({opacity: 1.0}, 250,
        function(){
            $curPhoto2.removeClass('previous');
        });
    });
    
    $("#Btn3").mouseover( function(){
        /*$("#slideshow > div").css({opacity:0.0});*/
        clearInterval(thisInterval);
        var $curPhoto3 = $("#slideshow div.current");
        var $nxtPhoto3 = $("#slideshow #slide4");
        
        $curPhoto3.removeClass('current').addClass('previous');
        $nxtPhoto3.css({opacity:0.0}).addClass('current').animate({opacity: 1.0}, 250,
        function(){
            $curPhoto3.removeClass('previous');
        });
    });
    
    $("#Btn4").mouseover( function(){
        /*$("#slideshow > div").css({opacity:0.0});*/
        clearInterval(thisInterval);
        var $curPhoto4 = $("#slideshow div.current");
        var $nxtPhoto4 = $("#slideshow #slide5");
        
        $curPhoto4.removeClass('current').addClass('previous');
        $nxtPhoto4.css({opacity:0.0}).addClass('current').animate({opacity: 1.0}, 250,
        function(){
            $curPhoto4.removeClass('previous');
        });
    });

});

function rotateSlides(){
    var $curPhoto = $("#slideshow div.current");
    var $nxtPhoto = $curPhoto.next();
    if($nxtPhoto.length==0)
        $nxtPhoto = $("#slideshow div:first");
        
    $curPhoto.removeClass('current').addClass('previous');
    $nxtPhoto.css({opacity:0.0}).addClass('current').animate({opacity: 1.0}, 500,
        function(){
            $curPhoto.removeClass('previous');
        });
}

</script>
html

 Code:
 &lt;div id="slideshow"&gt;
          &lt;div id="slide1" class="slide"&gt;
        
        &lt;div class="imgBG"&gt;&lt;img src="default2/graphics/index/right_Col_Header1.jpg" width="754" height="420" /&gt;&lt;/div&gt;
            &lt;div class="imgTxt" style="top:185px; font:Verdana, Arial, Helvetica, sans-serif;"&gt;
              &lt;h1&gt;CUSTOMIZED FOR&lt;br /&gt; YOUR SUCCESS&lt;/h1&gt;
              &lt;p&gt;&lt;span style="font-style:italic"&gt;For over 50 years&lt;/span&gt; Universal Air Filter has designed and manufactured high-quality custom air filters for an array of electronics enclosure applications such as NEBS communications, industrial, and medical equipment.  Our superior, built-to-spec air filtration and EMI shielding products, meshed with prompt engineering design support have been making customers’ lives easier for the last half-century.&lt;/p&gt;&lt;/div&gt;
           
          
        &lt;/div&gt;
        &lt;div id="slide2" class="slide"&gt;
        &lt;div class="imgBG"&gt;&lt;img src="default2/graphics/index/right_Col_Header2.jpg" width="754" height="420" /&gt;&lt;/div&gt;
            &lt;div class="imgTxt" style="top:220px; font:Verdana, Arial, Helvetica, sans-serif;"&gt;
              &lt;h1&gt;FREE PROTOTYPES&lt;/h1&gt;
              &lt;p&gt;&lt;span style="font-style:italic"&gt;UAF’s Quick Response Prototype Department&lt;/span&gt; gives engineers the risk-free luxury of a built-to-spec air filter to satisfy the most ambitious new product development requirements.  Just send in your specs and within five days a custom air filter prototype will be shipped directly to your attention, providing a perfect demonstration of compatibility with your new equipment designs.&lt;/p&gt;&lt;/div&gt;
           
          
        &lt;/div&gt;
        &lt;div id="slide3" class="slide"&gt;
        &lt;div class="imgBG"&gt;&lt;img src="default2/graphics/index/right_Col_Header3.jpg" width="754" height="420" /&gt;&lt;/div&gt;
            &lt;div class="imgTxt" style="top:225px; font:Verdana, Arial, Helvetica, sans-serif;"&gt;
              &lt;h1&gt;3D CAD MODELING&lt;/h1&gt;
              &lt;p&gt;&lt;span style="font-style:italic"&gt;Take things into your own hands&lt;/span&gt; with your 3D CAD air filter design tools.  Design and personalize with your exact specifications to create a custom air filter that meets your needs precisely.&lt;/p&gt;&lt;/div&gt;
           
          
        &lt;/div&gt;
        &lt;div id="slide4" class="slide"&gt;
        &lt;div class="imgBG"&gt;&lt;img src="default2/graphics/index/right_Col_Header4.jpg" width="754" height="420" /&gt;&lt;/div&gt;
            &lt;div class="imgTxt" style="top:230px; font:Verdana, Arial, Helvetica, sans-serif;"&gt;
              &lt;h1&gt;APPLICATIONS&lt;/h1&gt;
              &lt;p&gt;&lt;span style="font-style:italic"&gt;UAF caters to a litany of applications&lt;/span&gt; including, but not limited to, industrial air filters, NEBS communications air filters, Medical air filters, Military air filters, and Computer Networking air filters.  Whatever environment your equipment resides in, our line of UL listed and CE certified air filters will keep it safe and sound.&lt;/p&gt;&lt;/div&gt;
           
          
        &lt;/div&gt;
        
        &lt;div id="slide5" class="slide"&gt;
        &lt;div class="imgBG"&gt;&lt;img src="default2/graphics/index/right_Col_Header5.jpg" width="754" height="420" /&gt;&lt;/div&gt;
            &lt;div class="imgTxt" style="top:225px; font:Verdana, Arial, Helvetica, sans-serif;"&gt;
              &lt;h1&gt;REPLACEMENT&lt;br /&gt; AIR FILTERS&lt;/h1&gt;
              &lt;p&gt;&lt;span style="font-style:italic"&gt;Time for a change?&lt;/span&gt; If your air filter needs to be changed, or you find out that your existing one has been discontinued, our Online Aftermarket Parts store is here to help.  Request a quote today to get your OEM approved, NEBS certified replacement air filter.&lt;/p&gt;&lt;/div&gt;
           
          
        &lt;/div&gt;
      &lt;/div&gt;

css

 Code:
 #slideshow{
font-family:Verdana, Arial, Helvetica, sans-serif;
position:relative;
width:755px;
height:420px;

}

#slideshow div{
position:absolute;
z-index:20;
}

#slideshow div.previous{
z-index:80;
}

#slideshow div.current{
z-index:90;
}

#slideshow .imgBG{
position:absolute;
top:0px;
left:0px;

}

#slideshow .imgTxt{
font-family:Verdana, Arial, Helvetica, sans-serif;
position:absolute;
left:25px;
width:688px;

}
Again I appreciate any and all help.

Thanks

                                          [IMG]http://www.codingforums.com/images/misc/progress.gif[/IMG]             [[IMG]http://www.codingforums.com/images/buttons/edit.gif[/IMG]](http://www.codingforums.com/editpost.php?do=editpost&p=934249)