/**
 *
 * Plugin Gallery scripts
 *
 */



$( document ).ready( function() {
	itemAddHandler();
	carousellHandler()
} );



function itemAddHandler() {
	$( "#add-type-embed" ).change( function() {
		if( $( "#add-type-embed:checked" ).val() == "embed" ) {
			$( ".add-type-embed .switch-content" ).show();
			$( ".add-type-upload .switch-content" ).hide();
		}
	} );
	$( "#add-type-upload" ).change( function() {
		if( $( "#add-type-upload:checked" ).val() == "upload" ) {
			$( ".add-type-embed .switch-content" ).hide();
			$( ".add-type-upload .switch-content" ).show();
		}
	} );
	
	$( "#item-title" ).change( function() {
		if( $( "#item-title" ).val() != "" ) {
			$( "#add-new-gallery-item-form input[name=add-item-submit-btn]" ).removeAttr( "disabled" );
		}
	} );
}


function carousellHandler() {
	var $slider         = jQuery( '#gallery-item-list' );
	var $item           = jQuery( '#gallery-item-list li' );
	var $viewframe      = jQuery( '#gallery-carousell' );
	var $leftScroller   = jQuery( '#gallery-carousell .scroll-left' );
	var $rightScroller  = jQuery( '#gallery-carousell .scroll-right' );
	var itemCount       = $slider.children().length;
	var itemWidth       = $item.outerWidth( true );
	var sliderWidth     = itemCount * itemWidth;
	var viewframeWidth  = $viewframe.outerWidth();
	var canScroll       = true;
	$slider.css( 'width', sliderWidth );
	$rightScroller.click( function() {
		var position = $slider.position();
		var maxShift = sliderWidth - viewframeWidth;
		if( maxShift < 0 ) maxShift = 0;
		if( Math.abs( position.left ) < maxShift && canScroll ) {
			canScroll = false;
			$slider.animate( {
				left: '-=' + itemWidth
			}, 500, 'linear', function() {
				canScroll = true;
			} );
		}
	} );
	$leftScroller.click( function() {
		var position = $slider.position();
		if( position.left < 0 && canScroll ) {
			canScroll = false;
			$slider.animate( {
				left: '+=' + itemWidth
			}, 500, 'linear', function() {
				canScroll = true;
			} );
		}
	} );
}