var firstVisibleBox = 0;

jQuery(document).ready(function() {
	
	jQuery("#late_availability_arrow_right").bind("click", onRightArrowClick);
	jQuery("#late_availability_arrow_left").bind("click", onLeftArrowClick);
});

function onRightArrowClick(event) {
	
	var late_availability_boxes = jQuery("#late_availability_boxes").children();
	var countOfBoxes = late_availability_boxes.length;
	var idBoxToShow = (firstVisibleBox*1) + 7;
	
	if (idBoxToShow < countOfBoxes) {
		
		// hide first visible LA box
		var boxToHide = jQuery(late_availability_boxes[firstVisibleBox]).children("div");
		if (jQuery(boxToHide).hasClass("late_availability_box_active"))
			jQuery(boxToHide).attr("class", "late_availability_box_active_inv");
		else
			jQuery(boxToHide).attr("class", "late_availability_box_inv");
		
		// show first invisible LA box
		var boxToShow = jQuery(late_availability_boxes[idBoxToShow]).children("div");
		if (jQuery(boxToShow).hasClass("late_availability_box_active_inv"))
			jQuery(boxToShow).attr("class", "late_availability_box_active");
		else
			jQuery(boxToShow).attr("class", "late_availability_box");
		
		firstVisibleBox++;
	}
}

function onLeftArrowClick(event) {
	
	var late_availability_boxes = jQuery("#late_availability_boxes").children();
	var countOfBoxes = late_availability_boxes.length;
	var idBoxToHide = (firstVisibleBox*1) + 6;
	var idBoxToShow = (firstVisibleBox*1) - 1;
	
	if (firstVisibleBox > 0) {
		
		// hide last visible LA box
		var boxToHide = jQuery(late_availability_boxes[idBoxToHide]).children("div");
		if (jQuery(boxToShow).hasClass("late_availability_box_active"))
			jQuery(boxToHide).attr("class", "late_availability_box_active_inv");
		else
			jQuery(boxToHide).attr("class", "late_availability_box_inv");
		
		// show LA box before first visible LA box
		var boxToShow = jQuery(late_availability_boxes[idBoxToShow]).children("div");
		if (jQuery(boxToShow).hasClass("late_availability_box_active_inv"))
			jQuery(boxToShow).attr("class", "late_availability_box_active");
		else
			jQuery(boxToShow).attr("class", "late_availability_box");
		
		firstVisibleBox--;
	}
}