$(document).ready(function(){
   $("#maincontainer #content #homepage-pics ul li a img").reflect({height:0.2,opacity:0.4});
   
   $('#maincontainer #content #homepage-pics ul li a').bind('mouseenter', function(){ linkEnter($(this), false) }).bind('mouseleave', function(){ linkLeave($(this), false) });
   $('#maincontainer #header #header-nav ul li a').bind('mouseenter', function(){ linkEnter($(this), true) }).bind('mouseleave', function(){ linkLeave($(this), true) }); 
   
   $('#maincontainer #header #header-nav ul li a').bind('mouseenter', function(){ 
       if(!$(this).hasClass('active')) overImageSrc($('img', this));       
   }).bind('mouseleave', function(){ 
       if(!$(this).hasClass('active')) outImageSrc($('img', this)); 
   });
   
   $('#maincontainer #content #contextual ul li a').bind('mouseenter', function(){ 
       overImageSrc($('img', this));       
   }).bind('mouseleave', function(){ 
       outImageSrc($('img', this)); 
   });
   
   // fix for target="_blank"
   $("a[@rel~='external']").click(function(){
    window.open($(this).attr("href"));
    return false;
   });  
   
   
});
 
function linkEnter(link, fromTop){
    link.addClass('hover');
    $('#maincontainer #header #header-nav ul li a').each(function (i) {
        if($(this).attr('href')==link.attr('href')){
            $(this).addClass('hover');
            if(!fromTop) overImageSrc($('img', this));
        }
    });
    $('#maincontainer #content #homepage-pics ul li a').each(function (i) {
        if($(this).attr('href')==link.attr('href')){
            $(this).addClass('hover');            
        }        
    });          
}
function linkLeave(link, fromTop){
    link.removeClass('hover');
    $('#maincontainer #header #header-nav ul li a').removeClass('hover');
    $('#maincontainer #content #homepage-pics ul li a').removeClass('hover');
    
    $('#maincontainer #header #header-nav ul li a').each(function(){ if(!$(this).hasClass('active')) outImageSrc($('img', this)); }); 
}
 
function overImageSrc(img){
    var src = img.attr('src');
    //src.replace('-over', ''));
    img.attr('src', src.replace('.gif', '-over.gif'));    
}
function outImageSrc(img){
    var src = img.attr('src');
    img.attr('src', src.replace('-over.gif', '.gif'));    
}