$(function(){
	var txtCounters = $('.text-counter');
	txtCounters.each( function(idx){
		var elem = $(this);
		var limit = ( elem.attr( 'limit' ) ) ? elem.attr( 'limit' ) : 100;
		elem.charCounter( limit,  {
			container : '<em></em>'			
		 } );
	} );
	
	$("table.niehs-sortable-table").tablesorter({
	    widgets : ['zebra'] 
	});
	

	//Section to handle NVO rendered video
	var nvoVideos = $('.nvoVideo');
 	nvoVideos.each (function (video){
		var elem = $(this);
		var elementID = elem.attr('id');
		var movie_location = "";
		var video_width = "";
		var video_height = "";
		var imgfilename = "";
		var alttag = "";
		var webtrendscode = "";
		elem.children().each(function (childElement){
			var childElement = $(this);			
			var childID = childElement.attr('id');
			if (childID.indexOf("movie_location")>=0){
				movie_location = childElement.html();
		
			}else if (childID.indexOf("video_width")>=0){
				video_width = childElement.html();
			}else if (childID.indexOf("video_height")>=0){
				video_height = childElement.html();
			}else if (childID.indexOf("imgfilename")>=0){
				imgfilename = childElement.html();
			}else if (childID.indexOf("alttag")>=0){
				alttag = childElement.html();
			}else if (childID.indexOf("webtrendscode")>=0){
				webtrendscode = childElement.html();
			}			
		});
		
		nvo({
			"url" : movie_location,
			"width" : video_width,
			"height" : video_height,
			"poster" : imgfilename,
			"element" : $("#"+elementID),
			"alttag" : alttag,
			"webtrendscode" : webtrendscode
			});
	});
	
	
	if ($('#gallerific').length > 0){
		$('div.navigation').css({'width' : '300px', 'float' : 'left'});
				$('div.contentgallery').css('display', 'block');

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 0.7;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 15,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; Prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					defaultTransitionDuration: 900,
					onSlideChange:             function(prevIndex, nextIndex) {
						// 'this' refers to the gallery, which is an extension of $('#thumbs')
						this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
				}
				
	
	
	/* twitter box */
	$("#niehs-twitter-box").each( function() {
		var numOfTweets = $(this).attr( 'num-of-tweets' );
		numOfTweets = ( numOfTweets == undefined ? 3 : numOfTweets );
		$(this).find( '#twitter-content' ).tweet( 
			{
				username: 'niehs'
		        , avatar_size: 0
		        , count: numOfTweets
		        , loading_text: "loading tweets..."
		         , refresh_interval: 60
			}
		);
	});

	
	$('a.popup-image-link').facebox( {
		faceboxHtml : faceboxSettings[ 'faceboxHTML' ]
		, loadingImage : faceboxSettings[ 'loadingImage' ]
		, closeImage : faceboxSettings[ 'closeImage' ]
	}); 
	
	
	/*
	 * enable placeholder
	 */
	$( 'input.placeholder' ).placeholder();
});

faceboxSettings = {
	faceboxHTML : ' \
		<div id="facebox" style="display:none;"> \
			<div class="popup"> \
				<div class="content"> \
				</div> \
				<div class="footer"> \
					<a href="#" class="close"><img src="/resources/facebox/closelabel.gif" title="close" class="close_image" /></a>\
				</div> \
			</div> \
		</div>'
	, loadingImage : '/resources/facebox/loading.gif'
    , closeImage   : '/resources/facebox/closelabel.gif'
};

/*
 *  <div id="facebox" style="display:none;"> \
      <div class="popup"> \
        <div class="content"> \
        </div> \
        <a href="#" class="close"><img src="/facebox/closelabel.png" title="close" class="close_image" /></a> \
      </div> \
    </div>'
 * /
 */