var ACTIVE_LEFT_ARROW="images/BigArrowLeftBlack.gif";
var INACTIVE_LEFT_ARROW="images/BigArrowLeftGray.gif";
var ACTIVE_RIGHT_ARROW="images/BigArrowRightBlack.gif";
var INACTIVE_RIGHT_ARROW="images/BigArrowRightGray.gif";
var STEP="100px";
var VIEW_WINDOW = 940;
var scrolling = false;
var max_left = 0;
var img_idl="";
var img_idr="";

//this has to be duplicated per strip
$(document).ready(function($){
	//inventory
    $("#inv_right_arrow").mousedown(function(){
	img_idr = $("#inv_right_arrow_image");
	img_idl = $("#inv_left_arrow_image");
	max_left = 0;
        scrolling = true;
        startScrolling($("#inv_strip"), "+=5px", $("#inv_right_arrow"));
    }).mouseup(function(){
        stopScrolling($("#inv_strip"), $("#inv_right_arrow"))
    });
    $("#inv_left_arrow").mousedown(function(){
	img_idr = $("#inv_right_arrow_image");
	img_idl = $("#inv_left_arrow_image");
	max_left = VIEW_WINDOW - $("#inv_strip").width();
        scrolling = true;
        startScrolling($("#inv_strip"), "-=5px" , $("#inv_left_arrow"));
    }).mouseup(function(){
        stopScrolling($("#inv_strip"), $("#inv_left_arrow"))
    });
    
    //archive
    $("#arc_right_arrow").mousedown(function(){
	img_idr = $("#arc_right_arrow_image");
	img_idl = $("#arc_left_arrow_image");
	max_left = 0;
        scrolling = true;
        startScrolling($("#arc_strip"), "+=5px", $("#arc_right_arrow"));
    }).mouseup(function(){
        stopScrolling($("#arc_strip"), $("#arc_right_arrow"))
    });
    $("#arc_left_arrow").mousedown(function(){
	img_idr = $("#arc_right_arrow_image");
	img_idl = $("#arc_left_arrow_image");
	max_left = VIEW_WINDOW - $("#arc_strip").width();
        scrolling = true;
        startScrolling($("#arc_strip"), "-=5px", $("#arc_left_arrow"));
    }).mouseup(function(){
        stopScrolling($("#arc_strip"), $("#arc_left_arrow"))
    });
});

//the ones below are universal

function stopScrolling(obj,arrow){
	scrolling = false;
//alert(img_idr.attr("src") + " : current pos " + obj.position().left + " and limit is " +  max_left );
	
	if (arrow.attr("name") == "right"){
		if (obj.position().left < max_left){
			img_idl.attr("src",ACTIVE_LEFT_ARROW);
		}
		if (obj.position().left >= max_left){
			img_idr.attr("src",INACTIVE_RIGHT_ARROW);
		} else {
			img_idr.attr("src",ACTIVE_RIGHT_ARROW);	
		}
		if (obj.position().left > max_left){
			obj.css("left",max_left + "px");
		}	
	} else {
		//okay we are going left, we will be able to go right later, lets see
		if (obj.position().left <= max_left){
			img_idr.attr("src",ACTIVE_RIGHT_ARROW);
			img_idl.attr("src",INACTIVE_LEFT_ARROW);
		}
		if (obj.position().left > max_left){
			img_idl.attr("src",ACTIVE_LEFT_ARROW);
			img_idr.attr("src",ACTIVE_RIGHT_ARROW);
		}
		if (obj.position().left < max_left){
			obj.css("left",max_left + "px");
		}	
	}
}
var DURATION = 10;
function startScrolling(obj, param, arrow)
{
	if ( (arrow.attr("name") == "left" && obj.position().left <= max_left)
		|| (arrow.attr("name") == "right" && obj.position().left >= max_left) ){
		stopScrolling(obj,arrow);
		return;
	}
	obj.animate({"left": [param, 'linear']}, DURATION , function(){
	if ( (arrow.attr("name") == "left" && obj.position().left <= max_left) || (arrow.attr("name") == "right" && obj.position().left >= max_left) ){
		stopScrolling(obj,arrow);
		return;
	}
        if (scrolling)
        {
                startScrolling(obj, param, arrow);
        }
    });
}