jQuery hover function not working on 'BxSlider' loop
Hi guys I have a slightly strange problem, and basically on this page:

http://www.carbondelight.co.uk./home.php

I have 6 images/products on an infinite loop powered by the BxSlider (http://bxslider.com/), that bit is simple.

I have then coded in jQuery a function that displays the products name when you hover over the respective product image.

The problem I'm having is that the hovering only works on each loop and does not cross over to the next loop. For example if you take a look at the page mentioned earlier you'll notice that the last image in the loop is two back seats of a red car, and if you try and hover between that image and the boat image next to it you will get no change in the product name. But if you move completley into the next loop all of the jQuery works again. And for the life of me I cannot solve this issue. Does anyone have any ideas? 

Thank you everyone in advance.

Daniel.

The code is here.

    	$('.newp-hover').mouseenter(function() {
		var imgValue = $(this).attr("name");
		//alert(imgValue);
		$('.newp-pre').hide();
		$('.newp-name').hide();
		$('.' + imgValue).fadeIn('slow');
	});

and the HTML is here

    <div id="new-p-con">
		<div class='newp-title textshadow'>NEW PRODUCTS</div><div class='newp-bt-con'><div class="newp-left-btn" id="go-prev2"></div><div class="newp-right-btn" id="go-next2"></div></div>
        <div class="newp-img-con">
                    <ul id="slider5">
							<?php
                            
                            for ( $j = 0 ; $j < $rows ; ++$j )
                            {
                                $row = mysql_fetch_row($result3);
                                $sql4 = "SELECT smlImg FROM imageTable WHERE partID='$row[0]'";
                                $product = performQuery($sql4);
                                 //displays the product images
                                echo "<li class='newp-li'><a href='prodview.php?id=$row[0]' class='newp-hover' name='$j'><img src='$image$product[0]' /></a></li>";
                            }
                            ?>
                    </ul>
            <div class="newp-name-con">
            <?php
			    //finds the first product name
				$showyou = performQuery($sql5);
				
			for ( $j = 0 ; $j < $rows5 ; ++$j )
			{
				$row2 = mysql_fetch_row($result5);
                //displays the first product name so a name shows when page is loaded
				echo "<p class='none newp-name $j'>$row2[1]</p>";
			}

			?>
            
            </div>
        </div>
</div>


jQuery hover function not working on 'BxSlider' loop
===

Hi guys I have a slightly strange problem, and basically on this page:

http://www.carbondelight.co.uk./home.php

I have 6 images/products on an infinite loop powered by the BxSlider (http://bxslider.com/), that bit is simple.

I have then coded in jQuery a function that displays the products name when you hover over the respective product image.

The problem I'm having is that the hovering only works on each loop and does not cross over to the next loop. For example if you take a look at the page mentioned earlier you'll notice that the last image in the loop is two back seats of a red car, and if you try and hover between that image and the boat image next to it you will get no change in the product name. But if you move completley into the next loop all of the jQuery works again. And for the life of me I cannot solve this issue. Does anyone have any ideas? 

Thank you everyone in advance.

Daniel.

The code is here.

    	$('.newp-hover').mouseenter(function() {
		var imgValue = $(this).attr("name");
		//alert(imgValue);
		$('.newp-pre').hide();
		$('.newp-name').hide();
		$('.' + imgValue).fadeIn('slow');
	});

and the HTML is here

    <div id="new-p-con">
		<div class='newp-title textshadow'>NEW PRODUCTS</div><div class='newp-bt-con'><div class="newp-left-btn" id="go-prev2"></div><div class="newp-right-btn" id="go-next2"></div></div>
        <div class="newp-img-con">
                    <ul id="slider5">
							<?php
                            
                            for ( $j = 0 ; $j < $rows ; ++$j )
                            {
                                $row = mysql_fetch_row($result3);
                                $sql4 = "SELECT smlImg FROM imageTable WHERE partID='$row[0]'";
                                $product = performQuery($sql4);
                                 //displays the product images
                                echo "<li class='newp-li'><a href='prodview.php?id=$row[0]' class='newp-hover' name='$j'><img src='$image$product[0]' /></a></li>";
                            }
                            ?>
                    </ul>
            <div class="newp-name-con">
            <?php
			    //finds the first product name
				$showyou = performQuery($sql5);
				
			for ( $j = 0 ; $j < $rows5 ; ++$j )
			{
				$row2 = mysql_fetch_row($result5);
                //displays the first product name so a name shows when page is loaded
				echo "<p class='none newp-name $j'>$row2[1]</p>";
			}

			?>
            
            </div>
        </div>
</div>

