// JavaScript Document
jQuery.fn.gsImageScroller = function(params){
	var p = params; 
	var _btnNext = $("#"+ p.next);
	var _btnPrev = $("#"+ p.prev);
	var _imgFrame = $("#"+ p.frame);
	var _child = p.child;
	
	//create new container for images
	$("<div>").attr("id", "gsContainer").css({ position:"relative"}).width($(".gsWrapper").length * 190).height(190).appendTo("div#gsViewer");
	$("div#gsContainer").css("left","0px");
	//add images to container
	$(".gsWrapper").each(function() { $(this).appendTo("div#gsContainer"); });

	//initialize pre and next button's state
	_btnPrev.css("background-image","url(gs/images/snap_b_left_gray.gif)");
	_btnPrev.css("cursor","auto");
	
	var turnLeft = function()
    {
		_btnPrev.unbind("click",turnLeft);
		var leftdis = parseInt($("div#gsContainer").css("left")) + 190;
		$("div#gsContainer").animate({ left:leftdis+"px"}, 1200, "swing", function()
        {		
            if (leftdis >= 0)
            {
                _btnPrev.css("background-image","url(gs/images/snap_b_left_gray.gif)");
                _btnPrev.css("cursor","auto");
                _btnNext.css("background-image","url(gs/images/snap_b_right.gif)");
                _btnNext.css("cursor","pointer");
                _btnNext.bind("click",turnRight);
            }
            else
            {
                _btnPrev.bind("click",turnLeft);
            }
		});
	};
	
	var turnRight = function()
    {
		_btnNext.unbind("click",turnRight);	 
		var leftdis = parseInt($("div#gsContainer").css("left")) - 190;
		$("div#gsContainer").animate({ left:leftdis+"px"}, 1200, "swing", function()
        {																		
            if (Math.abs(leftdis) + 4 * 190 >=  parseInt($("div#gsContainer").width()))
            {
                _btnNext.css("background-image","url(gs/images/snap_b_right_gray.gif)");
                _btnNext.css("cursor","auto");
                _btnPrev.css("background-image","url(gs/images/snap_b_left.gif)");
                _btnPrev.css("cursor","pointer");
                _btnPrev.bind("click",turnLeft);
            }
            else
            {
                _btnNext.bind("click",turnRight);
            }
		});
	};
	
	//_btnPrev.css("cursor","hand").click( turnLeft );
	_btnNext.css("cursor","hand").click( turnRight );
};