// JavaScript Document
$(function(){
    $.extend($.fn.disableTextSelect = function() {
        return this.each(function(){
			//Firefox
            if($.browser.mozilla){
                $(this).css('MozUserSelect','none');
            }
			//IE
			else if($.browser.msie){
                $(this).bind('selectstart',function(){return false;});
            }
			//Opera, etc.
			else{
                $(this).mousedown(function(){return false;});
            }
        });
    });
});


$(document).ready(function() {
	$('.shufflerContainer').each(function() {
		var x_pos = 0;
		var num_visible = 5;
		
		var shuffler_container = $(this);
		shuffler_container.css({
			'overflow':'hidden',
		});
										  
		var shuffler_content = $('.shufflerContent', shuffler_container);
		var shuffler_items = $('.shufflerItem', shuffler_content);
		var spacing = shuffler_items.outerWidth(true);
		var num_items = shuffler_items.length;
		var container_pos = shuffler_container.offset();
		
		if(num_items > num_visible) {
			var previous_btn = $('<div></div>').css({
				'width':'18px',
				'height':'33px',
				'background-image':'url(layout_images/previous_btn.png)',
				'background-repeat':'no-repeat',
				'cursor':'pointer',
				'position':'absolute',
				'top' : container_pos.top + ((shuffler_container.outerHeight() - 33)/2),
				'left': container_pos.left - 18 + parseInt(shuffler_container.css('padding-left')) + parseInt(shuffler_container.css('border-left-width'))
			}).click(function() {
				if(x_pos < 0) {
					x_pos += spacing;
				}
				shuffler_content.animate({'left' : x_pos + 'px'}, 'fast');
			}).appendTo('body').disableTextSelect();
			
			var next_btn = $('<div></div>').css({
				'width':'18px',
				'height':'33px',
				'background-image':'url(layout_images/next_btn.png)',
				'background-repeat':'no-repeat',
				'cursor':'pointer',
				'position':'absolute',
				'top' : previous_btn.css('top'),
				'left': container_pos.left + shuffler_container.outerWidth() - parseInt(shuffler_container.css('padding-right')) - parseInt(shuffler_container.css('border-right-width'))
			}).click(function() {
				if(x_pos > (-(num_items * spacing)) + (spacing * num_visible)) {
					x_pos -= spacing;
				}
				shuffler_content.animate({'left' : x_pos + 'px'}, 'fast');
			}).appendTo('body').disableTextSelect();
		}
	});
});