/*Cufon.replace('.museo300', {'fontFamily' : 'Museo 300'});
Cufon.replace('.museo500', {'fontFamily' : 'Museo 500'});
Cufon.replace('.museo700', {'fontFamily' : 'Museo 700'});*/
//old version of calling cufon until text shadow and hover problems arose
//keep for refference, or delete as you wish

Cufon.replace('#find-acu a',{
                            'fontFamily' : 'Museo 300',
                            'textShadow' : '0px 1px #A89245'
                           });
Cufon.replace('#find-acu a span',{
                                 'fontFamily' : 'Museo 700',
                                 'textShadow' : '0px 1px #A89245'
                                });

Cufon.replace('.top-link',{'fontFamily' : 'Museo 500',
    'textShadow' : '0px 1px #2F3D43'
    });

Cufon.replace('#footer-menu a:not(.bolder-menu-item)',{
                               'fontFamily' : 'Museo 300',
                               'textShadow' : '0px 1px #EBF1F3',
                               'hover' : true
                               });
Cufon.replace('.bolder-menu-item',{
                                  'fontFamily' : 'Museo 700',
                                  'textShadow' : '0px 1px #EBF1F3',
                                  'hover' : true
                                  });
Cufon.replace('.slide-caption', {
                               'fontFamily' : 'Museo 300',
                               'textShadow' : '1px 1px #4C4B4A'
                               });

Cufon.replace('.slide-caption span', {
                               'fontFamily' : 'Museo 700',
                               'textShadow' : '1px 1px #4C4B4A'
                               });
Cufon.replace('.subpage-museo-header', {'fontFamily' : 'Museo 300'});
Cufon.replace('.subpage-museo-header span', {'fontFamily' : 'Museo 700'});

/**
 * gridElementCustomHover()
 * @returns Nothing
 * this function is used to overcome the destyling of
 * bolder font cufons that are contained in lighter
 * font cufons on cufon standard hover event
 * first it sets cufons for the specified classes
 * next it binds hover functions as follows:
 * on mouseover event it will re-replace cufon with the appropiate color
 * for the link id which it sets before (and subsequent classes)
 * on mouse out it resets the cufon back to the original state, with
 * the notice that every element with class spec-yellow, will stay the
 * appropiate color
 * THIS WILL WORK FOR EXISTING MARK-UP ONLY
**/
function gridElementCustomHover(){
  Cufon.replace('.museo300', {'fontFamily' : 'Museo 300'});
  Cufon.replace('.museo700', {'fontFamily' : 'Museo 700'});

  var linkContent = '';
  $('.home-grid-element h2 a').hover(
  function(){
    $(this).attr('id', 'cufonStyleThis');
    Cufon.replace('#cufonStyleThis', {'fontFamily' : 'Museo 300', 'color' : '#EAB608'});
    Cufon.replace('#cufonStyleThis .museo700', {'fontFamily' : 'Museo 700', 'color' : '#EAB608'});
  }
  ,
  function(){
    Cufon.replace('#cufonStyleThis', {'fontFamily' : 'Museo 300', 'color' : '#4B4B4B'});
    Cufon.replace('#cufonStyleThis .museo700', {'fontFamily' : 'Museo 700', 'color' : '#4B4B4B'});
    Cufon.replace('#cufonStyleThis .spec-yellow', {'fontFamily' : 'Museo 700', 'color' : '#EAB608'});
    $(this).attr('id', '');
  });
}

/**
 * function similar to the one above
 * needed to emulate the hover state on the top-menu link
 * while mouse is hovering over the submenu
 * because cufon hover loses hover color
 * when mouse not on the link
 *
**/
function subMenuTopLinkFocus(){
  $('#main-menu li').hover(
    function(){
      $(this).children('a').attr('id', 'cufonStyleThis');
      Cufon.replace('#cufonStyleThis', {'fontFamily' : 'Museo 500', 'color' : '#EAB608'});
    }
    ,
    function(){
      Cufon.replace('#cufonStyleThis', {'fontFamily' : 'Museo 500', 'color' : '#FFF'});
      $(this).children('a').attr('id', 'sdas');
    });
}

/*Cufon.replace('#logo a',{
                            'fontFamily' : 'Adobe Garamond Pro',
                            'textShadow' : '0px 1px #000000',
							'hover' : 'true'
                           });*/