// scroll bars


//rolovers



jQuery(function() {

$(".dapper").hover(
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("images/dapper.gif", "images/dapper-hover.gif")); },
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("images/dapper-hover.gif", "images/dapper.gif")); });
});



jQuery(function() {

$(".girl").hover(
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("images/girl.gif", "images/girl-hover.gif")); },
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("images/girl-hover.gif", "images/girl.gif")); });
});


             
                   

               jQuery(function() {

                   $(".checkout").hover(
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("Images/checkout.gif", "Images/checkout-hover.gif")); },
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("Images/checkout-hover.gif", "Images/checkout.gif")); });
               });

                   jQuery(function(){
                    $(".placeorder").hover(
                         function(){this.src = this.src.replace("images/placeorder.gif","images/placeorder-hover.gif");},
                         function() { this.src = this.src.replace("images/placeorder-hover.gif", "images/placeorder.gif"); });
                    });

                    jQuery(function() {

                    $(".gender").hover(
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("Images/her.gif", "Images/her-hover.gif")); },
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("Images/her-hover.gif", "Images/her.gif")); });
                    });


                    jQuery(function() {

                        $(".gender").hover(
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("Images/him.gif", "Images/him-hover.gif")); },
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("Images/him-hover.gif", "Images/him.gif")); });
                    });


             
                jQuery(function(){
                    $(".next").hover(
                         function(){this.src = this.src.replace("images/next.gif","images/next-hover.gif");},
                         function(){this.src = this.src.replace("images/next-hover.gif","images/next.gif");
                    });
               });
                
                jQuery(function(){
                    $(".previous").hover(
                         function(){this.src = this.src.replace("images/previous.gif","images/previous-hover.gif");},
                         function(){this.src = this.src.replace("images/previous-hover.gif","images/previous.gif");
                    });
               });
                
                jQuery(function(){
                    $(".add").hover(
                         function(){this.src = this.src.replace("images/add.gif","images/add-hover.gif");},
                         function(){this.src = this.src.replace("images/add-hover.gif","images/add.gif");
                    });
               });
                
                jQuery(function(){
                    $(".shopmore").hover(
                         function(){this.src = this.src.replace("images/shopmore.gif","images/shopmore-hover.gif");},
                         function(){this.src = this.src.replace("images/shopmore-hover.gif","images/shopmore.gif");
                    });
                });
                jQuery(function() {
                $(".backhome").hover(
                         function() { this.src = this.src.replace("images/home.gif", "images/home-hover.gif"); },
                         function() {
                this.src = this.src.replace("images/home-hover.gif", "images/home.gif");
                         });
                });
                
            // input rollover using images         
                
                jQuery(function(){
                    $(".send").hover(
                         function(){this.src = this.src.replace("images/send.gif","images/send-hover.gif");},
                         function(){this.src = this.src.replace("images/send-hover.gif","images/send.gif");
                    });
               });
                
                jQuery(function(){
                    $(".clear").hover(
                         function(){this.src = this.src.replace("images/clear.gif","images/clear-hover.gif");},
                         function(){this.src = this.src.replace("images/clear-hover.gif","images/clear.gif");
                    });
                });


                jQuery(function() {
                    $(".send").mouseover(
                         function() { this.src = "Images/send-hover.gif"; });
                    $(".send").mouseout(
                         function() {
                             this.src = "Images/send.gif";
                         });
                     });
                     jQuery(function() {
                         $(".clear").mouseover(
                         function() { this.src = "Images/clear-hover.gif"; });
                         $(".clear").mouseout(
                         function() {
                             this.src = "Images/clear.gif";
                         });
                     });
               jQuery(function() {
                   $(".cancel").mouseover(
                         function() { this.src = "Images/cross-hover.gif"; });
                   $(".cancel").mouseout(
                         function() {
                             this.src = "Images/cross.gif";
                         });
               });
                
                
                jQuery(function(){
                    $(".update").hover(
                         function(){this.src = this.src.replace("images/update.gif","images/update-hover.gif");},
                         function(){this.src = this.src.replace("images/update-hover.gif","images/update.gif");
                    });
               });


                jQuery(function(){
                    $(".secure").hover(
                         function(){this.src = this.src.replace("images/secure.gif","images/secure-hover.gif");},
                         function(){this.src = this.src.replace("images/secure-hover.gif","images/secure.gif");
                    });
               });

               jQuery(function() {

                   $(".continue").hover(
                         function() {  $("img", this).attr("src", $("img", this).attr("src").replace("images/continue.gif", "images/continue-hover.gif")); },
                         function() { $("img", this).attr("src", $("img", this).attr("src").replace("images/continue-hover.gif", "images/continue.gif")); });
               });
               
             jQuery(function() {
           $(".buyanotherpair").mouseover(
                         function() { this.src = "Images/buyanotherpair-hover.gif"; });
           $(".buyanotherpair").mouseout(
                         function() {
               this.src = "Images/buyanotherpair.gif";
                         });
           });
                       
        // footer
        
                jQuery(function(){
                    $(".about").hover(
                         function(){this.src = this.src.replace("images/about.gif","images/about-hover.gif");},
                         function(){this.src = this.src.replace("images/about-hover.gif","images/about.gif");
                    });
               });
         
                jQuery(function(){
                    $(".faq").hover(
                         function(){this.src = this.src.replace("images/faq.gif","images/faq-hover.gif");},
                         function(){this.src = this.src.replace("images/faq-hover.gif","images/faq.gif");
                    });
               });
        
                jQuery(function(){
                    $(".legal").hover(
                         function(){this.src = this.src.replace("images/legal.gif","images/legal-hover.gif");},
                         function(){this.src = this.src.replace("images/legal-hover.gif","images/legal.gif");
                    });
               });
                
                
                jQuery(function(){
                    $(".sitemap").hover(
                         function(){this.src = this.src.replace("images/sitemap.gif","images/sitemap-hover.gif");},
                         function(){this.src = this.src.replace("images/sitemap-hover.gif","images/sitemap.gif");
                    });
               });
                
                jQuery(function(){
                    $(".contact").hover(
                         function(){this.src = this.src.replace("images/contact.gif","images/contact-hover.gif");},
                         function(){this.src = this.src.replace("images/contact-hover.gif","images/contact.gif");
                    });
               });    

                jQuery(function(){
                    $(".return").hover(
                         function(){this.src = this.src.replace("images/return.gif","images/return-hover.gif");},
                         function(){this.src = this.src.replace("images/return-hover.gif","images/return.gif");
                    });
               });
                
                jQuery(function(){
                    $(".shopmore").hover(
                         function(){this.src = this.src.replace("images/shop-more.gif","images/shop-more-hover.gif");},
                         function(){this.src = this.src.replace("images/shop-more-hover.gif","images/shop-more.gif");
                    });
               })

                
        // image slide show
                function slideSwitch() {
                    var $active = $('#slideshow IMG.active');
                
                    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
                
                    var $next =  $active.next().length ? $active.next()
                        : $('#slideshow IMG:first');
                
                    $active.addClass('last-active');
                
                    $next.css({opacity: 0.0})
                        .addClass('active')
                        .animate({opacity: 1.0}, 1000, function() {
                            $active.removeClass('active last-active');
                        });
                }
                
                $(function() {
                    setInterval( "slideSwitch()", 7000 );
                });