/*$(window).ready(function(){
	
	
	$('#featurettes .tabs').tabs({
		show: function( event, ui){
			whichID = $('li.ui-tabs-selected a', this).attr('href');
		}
	});
});*/

function slider1(){
	

	var scrollPane = $('#tab-live-music-venues.scroll-pane');
	var scrollContent = $('#tab-live-music-venues .scroll-content');



	//build slider
	var scrollbar = $("#tab-live-music-venues .scroll-bar").slider({
		orientation: 'horizontal',
		slide:function(e, ui){
			if( scrollContent.width() > scrollPane.width() ){ scrollContent.css('margin-left', Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )) + 'px'); }
			else { scrollContent.css('margin-left', 0); }
		}
	});

	//append icon to handle
	var handleHelper = scrollbar.find('.ui-slider-handle')
	.mousedown(function(){
		scrollbar.width( handleHelper.width() );
	})
	.mouseup(function(){
		scrollbar.width( '100%' );
	})
	.append('<span class="ui-icon ui-icon-grip-dotted-vertical"/>')
	.wrap('<div class="ui-handle-helper-parent" /></div>').parent();

	//change overflow to hidden now that slider handles the scrolling
	scrollPane.css('overflow','hidden');
	var remainder = scrollContent.width() - scrollPane.width();
	var proportion = remainder / scrollContent.width();
	var handleSize = scrollPane.width() - (proportion * scrollPane.width());
	scrollbar.find('.ui-slider-handle').css({
		width: handleSize,
		'margin-left': -handleSize/2
	});
	handleHelper.width('').width( scrollbar.width() - handleSize);


}

function slider2(){
	

	var scrollPane = $('#tab-tennessee-talent.scroll-pane');
	var scrollContent = $('#tab-tennessee-talent .scroll-content');



	//build slider
	var scrollbar = $("#tab-tennessee-talent .scroll-bar").slider({
		orientation: 'horizontal',
		slide:function(e, ui){
			if( scrollContent.width() > scrollPane.width() ){ scrollContent.css('margin-left', Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )) + 'px'); }
			else { scrollContent.css('margin-left', 0); }
		}
	});

	//append icon to handle
	var handleHelper = scrollbar.find('.ui-slider-handle')
	.mousedown(function(){
		scrollbar.width( handleHelper.width() );
	})
	.mouseup(function(){
		scrollbar.width( '100%' );
	})
	.append('<span class="ui-icon ui-icon-grip-dotted-vertical"/>')
	.wrap('<div class="ui-handle-helper-parent" /></div>').parent();

	//change overflow to hidden now that slider handles the scrolling
	scrollPane.css('overflow','hidden');

		var remainder = scrollContent.width() - scrollPane.width();
		var proportion = remainder / scrollContent.width();
		var handleSize = scrollPane.width() - (proportion * scrollPane.width());
		scrollbar.find('.ui-slider-handle').css({
			width: handleSize,
			'margin-left': -handleSize/2
		});
		handleHelper.width('').width( scrollbar.width() - handleSize);

}

$(document).ready(function(){
	
	if( $('#main-rotational .section-nav h3 a').length > 0 )
	{
		$('.section-nav').hover( function()
		{
			$('.section-nav ul').slideDown();
		},
		function()
		{
			$('.section-nav ul').slideUp();
		});
	}
	
	$('#music-arts-wrap #main-rotational .spinner').cycle({
		speed: 1250,
		timeout: 7000,
		pager:  '#music-arts-wrap #main-rotational .nav ul', 
		pagerAnchorBuilder: function(idx, slide) {
			return '#music-arts-wrap #main-rotational .nav ul li:eq(' + idx + ') a';
		}
	});
	$('a.gallery').lightBox({
		fixedNavigation:true,
		imageLoading: '/new_08/images/lightbox-ico-loading.gif',
		imageBtnClose: '/new_08/images/lightbox-btn-close.gif',
		imageBtnPrev: '/new_08/images/lightbox-btn-prev.gif',
		imageBtnNext: '/new_08/images/lightbox-btn-next.gif'
	});
	
	$('#tripPlan .nav').tabs({
		select: function(ui){
			$('#tripPlan .btm').toggleClass('btm2');
		}
	});
	
	if( $('.tripplanner .spinner').length > 0 ){
		$('.tripplanner .spinner').cycle({
			pager: '.tripplanner .nav', 
			speed: 1200, 
			timeout: 3600
		});
	}
	
	if( $('#visual-arts-wrap .art-spinner').length > 0 ){
		$('#visual-arts-wrap .art-spinner').cycle({
			pager: '#visual-arts-wrap .art-spinner', 
			speed: 1200, 
			timeout: 3600
		});
	}
	
	lockItem();
	unlockItem();
//	createSlider("#tab-live-music-venues");
//	createSlider("#tab-tennessee-talent");
	slider1();
	slider2();
	$('#featurettes .tabs').tabs({ selected: 1 });
});


function createSlide2r(whichID)
{
        var container = $(whichID);
        var ul = $('ul', container);
        
        var productWidth = ul.innerWidth() - container.outerWidth();

        $('.slider', container).slider({ 
            handle: '.handle',
            min: 0, 
            max: productWidth, 
            slide: function (e, ui) {
              ul.css('left', ui.value * -1 );
            }, 
            stop: function (e, ui) {
              ul.animate({ 'left' : ui.value * -1 }, 500);
            }
          });
	
}
