I have a website that switches between English and French via a cookie. I have all the content working correctly, but can't seem to figure out this image rotator section. When the cookie is set to "English" it works just fine. But when I set the cookie to French, the images just appear one after the other....not in the rotator box.

any thoughts?

Code:
<style type="text/css">
/*** set the width and height to match your images **/

#slideShowHome{
    position:relative;
    height:350px;
}

#slideShowHome img{
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideShowHome img.active {
    z-index:10;
    opacity:1.0;
}

#slideShowHome img.last-active {
    z-index:9;
}
#showpicpager{height: 25px; margin-top: -28px; z-index: 19; position: 
relative;margin-right:10px; text-align:right}
#showpicpager span{cursor:pointer;font-weight:bold;margin-left:4px; padding:3px 4px;border:solid 1px 
white;color:white;zoom:100%}
#showpicpager span.active{background-color:#E1CB91}</style>
<p>&nbsp;</p>
<div id="midContainer">

        <div class="englishContent">
		<div style="background-color: rgb(255, 255, 255); height: 350px; text-align: left; width: 545px;">
			<div id="slideShowHome" style="background-color: rgb(255, 255, 255); height: 350px; text-align: left; width: 545px;">
				<a href="category.aspx?catid=22&amp;ht=1" target="_blank"> <img alt=" " class="active" id="slideImage1" src="../images/slideshowhome/slidepic1.jpg" style="height: 350px; text-align: left; width: 545px;" /> </a> 
                <a href="http://gerber-conservation.com" target="_blank"> <img alt=" " id="slideImage2" src="../images/slideshowhome/slidepic2.jpg" style="background-color: rgb(255, 255, 255); height: 350px; width: 545px;" /> </a> 
                <a href="category.aspx?catid=171" target="_blank"> <img alt=" " id="slideImage3" src="../images/slideshowhome/slidepic3.jpg" style="background-color: rgb(255, 255, 255); height: 350px; width: 545px;" /> </a>
             </div>
			<div id="showpicpager">
				<span class="active" id="slidePage1" onclick="slideSwitch('1')">1</span> <span id="slidePage2" onclick="slideSwitch('2')">2</span> <span id="slidePage3" onclick="slideSwitch('3')">3</span></div>
		</div>
        <div style="width: 100%; float: left; height: 100px;">
				<div class="floatLeft ">
					<a href="http://gerberplumbing.myshowerhead.com/" target="_blank"> <img src="../images/ad_video.jpg" /> </a></div>
				<div class="floatRight">
					<a href="http://www.youtube.com/user/GerberPlumbing#p/a/u/1/zL5hZ5tivLw" target="_blank"> <img src="../images/Video_Library.jpg" /> </a></div>
		</div>
        </div>
        <div class="frenchContent">
		<div style="background-color: rgb(255, 255, 255); height: 350px; text-align: left; width: 545px;">
			<div id="Div1" style="background-color: rgb(255, 255, 255); height: 350px; text-align: left; width: 545px;">
				<a href="category.aspx?catid=22&amp;ht=1" target="_blank"> <img alt=" " class="active" id="Img1" src="../images/slideshowhome/french/french1.jpg" style="height: 350px; text-align: left; width: 545px;" /> </a> 
                <a href="http://gerber-conservation.com" target="_blank"> <img alt=" " id="Img2" src="../images/slideshowhome//french/french2.jpg" style="background-color: rgb(255, 255, 255); height: 350px; width: 545px;" /> </a> 
                <a href="category.aspx?catid=171" target="_blank"> <img alt=" " id="Img3" src="../images/slideshowhome/french/french3.jpg" style="background-color: rgb(255, 255, 255); height: 350px; width: 545px;" /> </a>
             </div>
			<div id="Div2">
				<span class="active" id="Span1" onclick="slideSwitch('1')">1</span> <span id="Span2" onclick="slideSwitch('2')">2</span> <span id="Span3" onclick="slideSwitch('3')">3</span></div>
		</div>
			<div style="width: 100%; float: left; height: 100px;">
				<div class="floatLeft ">
					<a href="http://www.plumbersadvantageoverstock.ca/Enter.htm" target="_blank"> <img src="../images/Discount_button.jpg" /> </a></div>
				<div class="floatRight">
					<a href="http://www.youtube.com/user/GerberPlumbing#p/a/u/1/zL5hZ5tivLw" target="_blank"> <img src="../images/ad_video.jpg" /> </a></div>
			</div>

	</div>
</div>
<script type="text/javascript">
    var intervalcon;
    function slideSwitch(nextpicinumber) {
        var nextpic = $("#slideImage" + nextpicinumber);
        var spanpager = $("#slidePage" + nextpicinumber);
        var $activeImg = $('#slideShowHome img.active');
        var $activeSpan = $('#showpicpager span.active');
        var $nextImg = '';
        var $nextSpan = '';
        if ($activeImg.length == 0) {
            $activeImg = $('#slideShowHome img:last');
            $activeSpan = $('#showpicpager span:last');
        }
        if (nextpicinumber == undefined) {
            $nextImg = $activeImg.parent().next().children().length > 0 ? $activeImg.parent().next().children() : $('#slideShowHome img:first');
            $nextSpan = $activeSpan.next().length ? $activeSpan.next() : $('#showpicpager span:first');
        } else {
            clearInterval(intervalcon);
            $nextImg = nextpic;
            $nextSpan = spanpager;
        }

        $activeImg.addClass('last-active');
        $activeSpan.addClass('last-active');
        $activeSpan.removeClass('active last-active');
        $nextSpan.addClass('active');
        $nextImg.css({ opacity: 0.0 })
			.addClass('active')
			.animate({ opacity: 1.0 }, 2000, function () {
			    $activeImg.removeClass('active last-active');
			    /*$activeImg.parent().hide();
			    $nextImg.parent().show();*/
			});
        if (nextpicinumber != undefined) {
            intervalcon = setInterval("slideSwitch()", 7000);
        }
    }

    $(function () {
        intervalcon = setInterval("slideSwitch()", 5000);
    });
</script>