$(document).ready(function() {    
            $(".g").mouseenter(function(){
                $(this).addClass("w");
                $(this).removeClass("g");
            });
            
            $(".g").mouseleave(function(){
                $(this).addClass("g");
                $(this).removeClass("w");            
            });
            
            var leftProd = "0px";
            var rightProd = "960px";                       
            
            $("#connect-slider div.prod").eq(0).addClass("active").css("left","0px");
            $("#connect-slider div.prod").eq(1).addClass("active").css("left","240px");
            $("#connect-slider div.prod").eq(2).addClass("active").css("left","480px");
            $("#connect-slider div.prod").eq(3).addClass("active").css("left","720px");
            
            $("#main #connect-slider").show();
            
            $("#slide-left").click(function(){                            
      
                $("#connect-slider div.prod").eq(6).css("left","-240px").prependTo($("#sld-main #sld-panel"));

                $("#connect-slider div.prod").removeClass("active");
                
                 $("#connect-slider div.prod").eq(0).addClass("active").css("left","-240px");
                $("#connect-slider div.prod").eq(1).addClass("active")
                $("#connect-slider div.prod").eq(2).addClass("active")
                $("#connect-slider div.prod").eq(3).addClass("active")
				$("#connect-slider div.prod").eq(4).addClass("active")
                                
                $("#connect-slider div.active").animate(
                                                    {'left': '+=240'},
                                                    200,
                                                    'linear',
                                                    function(){
                                                        if($(this).css("left") == "+240px")
                                                        {
                                                            $("#connect-slider div.prod").eq(0).appendTo($("#sld-main #sld-panel"));
                                                        } 
                                                    
                                                    });
                                                                                   
            });
            
            $("#slide-right ").click(function(){
                $("#connect-slider div.active").stop(true,true);
                $("#connect-slider div.prod").removeClass("active");
                
                $("#connect-slider div.prod").eq(0).addClass("active")
                $("#connect-slider div.prod").eq(1).addClass("active")
                $("#connect-slider div.prod").eq(2).addClass("active")
                $("#connect-slider div.prod").eq(3).addClass("active")
				$("#connect-slider div.prod").eq(4).addClass("active").css("left","960px");                
                
                $("#connect-slider div.active").animate(
                                                    {'left': '-=240'},
                                                    200,
                                                    'linear',
                                                    function(){
                                                        if($(this).css("left") == "-240px")
                                                        {
                                                            $("#connect-slider div.prod").eq(0).appendTo($("#sld-main #sld-panel"));
                                                        } 
                                                    
                                                    });
                
            });          
               
           
                                            
        });