$(document).ready(function()
{	
	$("#showcase").awShowcase(
	{
		width:					940,
		height:					300,
		auto:					true,
		interval:				7000,
		continuous:				true,
		loading:				true,
		tooltip_width:			200,
		tooltip_icon_width:		32,
		tooltip_icon_height:	32,
		tooltip_offsetx:		18,
		tooltip_offsety:		0,
		arrows:					true,
		buttons:				true,
		btn_numbers:			false,
		keybord_keys:			true,
		mousetrace:				false,
		pauseonover:			true,
		transition:				'fade', /* vslide/hslide/fade */
		transition_speed:		1000,
		show_caption:			'onload', /* onload/onhover/show */
		thumbnails:				false,
		thumbnails_position:	'outside-last', /* outside-last/outside-first/inside-last/inside-first */
		thumbnails_direction:	'vertical', /* vertical/horizontal */
		thumbnails_slidex:		1 /* 0 = auto / 1 = slide one thumbnail / 2 = slide two thumbnails / etc. */
	});
});


(function() {
    try {
		$('.news_container').css('visibility', 'hidden');
	    $('#banner').css('visibility', 'hidden');
      Typekit.load({
        active: function() {
          // As soon as the fonts are active, fade in the example
          // Don't fade in browsers that don't do proper opacity, like IE
          if (jQuery.support.opacity) {
            $('.news_container').css('visibility', 'visible').hide().fadeIn('slow');
            $('#banner').css('visibility', 'visible').hide().fadeIn('slow');
          } else {
            $('.news_container').css('visibility', 'visible');
            $('#banner').css('visibility', 'visible');
          }
        },
        inactive: function() {
          // If the fonts are inactive, just show the example
          // You can apply fallback styles using the wf-inactive class in your CSS
          $('.news_container').css('visibility', 'visible');
          $('#banner').css('visibility', 'visible');
        }
      })
    } catch(e) {
		$('.news_container').css('visibility', 'visible');
	    $('#banner').css('visibility', 'visible');
	}
  })();
