$(document).ready(function(){

   /*
    * Top Bar Rollover Effects
    */
   $("img#topbar-home-off").mouseover(function() {
       $("img#topbar-home-off").attr("src","/images/btn_topbar_home_on.jpg");
   });
   $("img#topbar-home-off").mouseout(function() {
       $("img#topbar-home-off").attr("src","/images/btn_topbar_home_off.jpg");
   });

   $("img#topbar-about-off").mouseover(function() {
       $("img#topbar-about-off").attr("src","/images/btn_topbar_about_on.jpg");
   });
   $("img#topbar-about-off").mouseout(function() {
       $("img#topbar-about-off").attr("src","/images/btn_topbar_about_off.jpg");
   });
  
   $("img#topbar-products-off").mouseover(function() {
       $("img#topbar-products-off").attr("src","/images/btn_topbar_products_on.jpg");
   });
   $("img#topbar-products-off").mouseout(function() {
       $("img#topbar-products-off").attr("src","/images/btn_topbar_products_off.jpg");
   });
   
   $("img#topbar-contact-off").mouseover(function() {
       $("img#topbar-contact-off").attr("src","/images/btn_topbar_contact_on.jpg");
   });
   $("img#topbar-contact-off").mouseout(function() {
       $("img#topbar-contact-off").attr("src","/images/btn_topbar_contact_off.jpg");
   });
   
   $("img#topbar-blog-off").mouseover(function() {
       $("img#topbar-blog-off").attr("src","/images/btn_topbar_blog_on.jpg");
   });
   $("img#topbar-blog-off").mouseout(function() {
       $("img#topbar-blog-off").attr("src","/images/btn_topbar_blog_off.jpg");
   });
   

   /*
    * Product Category Rollover Effects
    */
    $("div#category-products img").mouseover(function() {
        var length = $(this).attr("src").length;
        var src = $(this).attr("src").substring(0,length-7);
        var off = $(this).attr("src").substring(length-7,length-4);
        if (off == "off") {
            $(this).attr("src",src+"over.jpg");
        }
    });
    $("div#category-products img").mouseout(function() {
        var length = $(this).attr("src").length;
        var src = $(this).attr("src").substring(0,length-8);
        var over = $(this).attr("src").substring(length-8,length-4);
        if (over == "over") {
            $(this).attr("src",src+"off.jpg");
        }
    });
   
    /*
     * Product Feature Option Rollovers
     */
    $("div#product-name div.option").mouseover(function() {
        $(this).css("border-color","#bfd1d1");
    });
    $("div#product-name div.option").mouseout(function() {
        $(this).css("border-color","#f1f1f1");
    });

});