$j(function(){
  $j(".effect-button").each( function(){ $j(this).etpButtonHover("effect-button-hover"); });
  $j(".slide-frame").each(function(){ $j(this).etpSlideShow(); });	   
});

   

// Functions
(function($){

  var closeOverlay = false;
  var showOverlay = true;  


  $.fn.etpButtonHover = function(className)
  {            
      if(className){ classToToggle = className;}    
      
      $(this)
      .mouseover( function(){ $(this).etpToogleClass(classToToggle);  })
      .mouseout(  function(){ $(this).etpToogleClass(classToToggle);  });                    
  }
  
  $.fn.etpToogleClass = function(className)
  {            
      var classToToggle = "";
      if(className){ classToToggle = className;}   
      $(this).toggleClass(classToToggle);      
  }  




  $.fn.etpSlideShow = function()
  {     
    function play(){ scroll("n"); }

    var timer = null;
    var delay = 5500;

    var $ss = $(this);
    
    setTimeout(function(){play();}, delay);

    $('.slide-image', $ss).first().addClass("active");
    
    $(".btn-prev", $ss).click(function(){ clearTimeout(timer); scroll("p"); });
    $(".btn-next", $ss).click(function(){ clearTimeout(timer); scroll("n"); });
               
    function scroll(dir)
    {          
      var $active = $('.slide-image.active', $ss);
      if ( $active.length == 0 ) $active = $('img.slide-image:last', $ss);
  
      // use this to pull the images in the order they appear in the markup
      var $next =  $active.next().length ? $active.next() : $('.slide-image:first', $ss);
      var $prev =  $active.prev().length ? $active.prev() : $('.slide-image:last', $ss);
      
      $active.addClass('last-active');
      
      if(dir == "p")
      { 
        $prev.css({opacity: 0.0})
            .stop()
			.addClass('active')
            .animate({opacity: 1.0}, 1000, function() 
            { 
              $active.removeClass('active last-active');
            });
      }
      else
      { 
        $next.css({opacity: 0.0})
            .stop()
			.addClass('active')
            .animate({opacity: 1.0}, 1000, function() 
            { 
              $active.removeClass('active last-active');
            });
      }
      
      timer =  setTimeout(function(){play();}, delay);
    }

        
  }
})(jQuery);




function goToUrl(url){ 

  if(url){

    if(url.indexOf("http://") > 0) { window.open(url); }

    else{ document.location = url; } 

  } 

}