var currHoveredEl;
var currForm;

$('.topNav li:lt(2)').click(function(e){

  var target = $(e.target);
  if(target.is('a'))
      target = target.parent();
 
  //$('div.formWrapper form').hide();
  var id = target.attr('id');
  $('.topNav li').removeClass('active');
  var form;
  if(id === "mailingList"){
    form = $('.mailingListForm', 'div.formWrapper');
    if(form.get(0).style.display == "none") { form.show(); target.addClass('active'); }
    else { form.hide(); target.removeClass('active'); }
    $('.pesquisaForm', 'div.formWrapper').hide();
  }else{
    form = $('.pesquisaForm', 'div.formWrapper');
    if(form.get(0).style.display == "none") { form.show(); target.addClass('active'); }
    else { form.hide(); target.removeClass('active'); }
    $('.mailingListForm', 'div.formWrapper').hide();
  }
  // $('.'+id+'Form', 'div.formWrapper').show();
  
  
  
  
});  
  
$("input[placeholder]").placeHeld();


(function($){
   $.fn.transparentBorder = function(options) {
   
      var defaults = {
         thickness: 10,
         color: "#545454"
      };
      var options = $.extend(defaults, options);
      
      return this.each(function() {
      
        obj = $(this);        
        
        var h = obj.attr('height'), w = obj.attr('width');
        
        var parentSpan = $('<span>')
                          .css({width: w})
                          .attr('class','border');
        
        var childSpan = $('<span>')
                          .css({
                              width: w - (options.thickness*2), 
                              height: h - (options.thickness*2),
                              border: options.thickness+'px solid '+options.color
                          });
                                                  
        obj.wrap(parentSpan);
        childSpan.insertAfter(obj);		
        
      });
   };
})(jQuery);

(function($){
   $.fn.applyFilter = function(options) {
   
      var defaults = {
        trigger : 'hover'
      };
      var options = $.extend(defaults, options);
      
     
      var mouseout = function(evt){   
        
        var obj = $(this);
        if(obj.is('#image-overlay')){
          obj.removeAttr('style');
          doHover(false, currHoveredEl);
        }else{
          $('#image-overlay').removeAttr('style');
          doHover(false, this);
        }
        
        evt.stopPropagation();
      }
      
      var mouseover = function(evt){
        var target = $(evt.target);
        
        if(target.hasClass('plusLink') || target.hasClass('featuredTitle')) return false;
        currHoveredEl = $(this);
        var obj = $(this)
                    .parents('.featuredBox:first')
                    .find('img.transparentBorder');
        
        var offset = obj.offset();
        var elem = getOverlayElement();
        if(offset){
          elem.css({
                top:offset.top, 
                left: offset.left, 
                height: obj.height(), 
                width: obj.width()
            });
        }
        
            
        doHover(true,currHoveredEl);
        
        evt.stopPropagation();
      }
      
      var doHover = function(show, el){
    
        var parent = $(el).parents('div.featuredBox');
      
        if(show){
          parent.addClass('hover');
        }else{
          parent.removeClass('hover');
        }
      }
      
      var getOverlayElement = function(){
        var id = 'image-overlay';
        var elem = $('#'+id);
        
        if(!elem.length) {
          elem = $('<div>')
                  .attr('id',id)
                  .mouseout(mouseout)
                  .appendTo(document.body);
        }
        
        return elem;
      }
   
      return this.each(function() {
      
        obj = $(this);
        var evt = (options.trigger === 'hover') ? 'mouseover' : 'click';
        
        obj.parent()[evt](mouseover);
        obj.mouseout(mouseout);
        
        
      });
   };
})(jQuery);

//setup image border transparency
$('.sidebar img.transparentBorder, .mainContent img.transparentBorder, .featuredBox img').transparentBorder({thickness: 4, color: '#545454'});
$('img.transparentBorder, .featuredTitle a, .plusLink a').applyFilter();

//style the dropdown menu
$('select').each(function(i,e){ $(e).dropdownReplacement({selectCssWidth:'249px !important'}); });