/*!
 * biglink
 * 
 * For full details see 'JavaScript the missing manual'
 * 
 * This scripts makes an area such as a div tag clickable, also allowing a change of format when hovering over the area.
 * 
 * The following tags contain information about the area
 *   var target - this contains the div id
 *   var hoverClass - this contains the class for the hover
 * 
 */

$(document).ready(function() {
  var target = '.boxout';
  var hoverClass = 'hoverBoxout';

  $(target).each(function() {
		$(this).hover(
      function() {
         $(this).addClass(hoverClass);
         status=$(this).find('a').attr('href');
      },
      function () {
         $(this).removeClass(hoverClass);
      });

    $(this).click(function() {
       location = $(this).find('a').attr('href');
    });

    $(this).css('cursor','pointer');

  });

  $(target + ' a')
    .focus(function() {
      $(this).parents(target).addClass(hoverClass);
    })
    .blur(function() {
			$(this).parents(target).removeClass(hoverClass);
   });

}); // end ready()