image_viewer.js

gistfile1.js

//this one was hacked by buddy g-dawg.
jQuery(document).ready(function() {
  // put all your jQuery goodness in here.
  // get source when page is loaded
  var original_src = jQuery("#imgvwrFeature img").attr("src");
  var original_icon;
  // now lets setup the hover logic using jquery and
  // CSS selectors!
  jQuery("#icons a img").hover(
    // Mouse over
    function () {
    // these vars will use the image you hover on "this"
    // and attach a suffix modifier to the name to make it featured
    var feature_suffix = "_big";
    var icon_suffix    = "_bw";
    //sharedLogic
    var this_img       = this.src.substring(0,this.src.length-4);
    var this_img_type  = this.src.substring(this.src.lastIndexOf("."),this.src.length);
    var featured_image = this_img + feature_suffix + this_img_type;
    var icon_image     = this_img + icon_suffix + this_img_type;
    // if the hovered image is already black and white then bail out
    if ( jQuery(this).hasClass('dude') ) {
    // alert('dude is true');
    } else { // continue
    // reset the bw image to the original icon
    if ((typeof original_icon != 'undefined')){
      jQuery("#icons a img.dude").attr("src",original_icon);
    }
    // reset the border on active image
    jQuery("#icons a img.dude").toggleClass("dude");
    // set the original icon to this icon
    original_icon = jQuery(this).attr("src");
    // set active hover
    jQuery(this).attr("src", icon_image);
    jQuery(this).toggleClass("dude");
    // now do the src swap for the feature
    jQuery("#imgvwrFeature img").attr("src", featured_image);
    }; //closes else
  }, //closes Mouse over function
  // Mouse out
  function () {
        // HAHA, shit, we don't even need to do anything now
  });
});