/**********************************************
 lib_jQuery.js
 file path: /dashboard/themes/$industryName/js/

 Place all jQuery functions here.

 Created: 07/14/2011
 Changed: 08/19/2011

 Theme Specific: Elrond > Black Ice

 Copyright (c) 2011
 DnS Inc.
 All Rights Reserved
************************************************/

$(document).ready(function(){		/* open jquery function library (place all functions here) */

/* jQuery overlay trigger */
$("img[rel]").overlay({mask: '#000'});
$(".view_all_imgs[rel]").overlay({mask: '#000'});
$(".featured_itm").tooltip({
	effect: 'slide',
	offset: [61, -150],
	relative: 'true'
});

});					/* close jquery function library */

/* Notes:

  OK, so here's how selectors work in jQuery (for dummies):
  - Contrary to my first impression, the selectors are not trying to find the element to act upon.
    - Instead, they are trying to find the information that needs to be performed.
      - example: .view_all_imgs[rel] refers to the value of the rel attribute in the element with the class .view_all_imgs.
        - this is finding a value and then adding an action to it.
          - example: .view_all_imgs[rel]").overlay({mask: '#000'})
            - performs the event overlay() on the element with the class .view_all_imgs.
            - while also using it as the selector.
            - it selects it and acts upon it.
            - using the info contained in the rel value.
  - See, I was stumped thinking of the img[rel] only as a way of identifying the element to be acted upon and thought overlay was a common event.
    - It is not. It is a unique event function written by a 3rd party company and included into the DOM with an external script call.
    - It needed data input to know what to do.
    - Once I realized I was only looking for the data I also realized I wasn't tied to only the img[rel] construct.
    - I realized I could use any construct to identify my object so I immediately switched to using divs instead of pesky a tags.
      - I no longer needed an href.
      - All I needed was a unique class and the rel='#image_viewer' tag containing the value of the div to be opened by overlay (#image_viewer in this case)
    - It is easy to id an element with all the selectors there are. use anything and it will work. hide the values in rel or href or whatever else.

  HAPPY JQUERYING!

*/