var ofspecOffset = 0;
var ofspecPortion = 4;

var ufspecOffset = 0;
var ufspecPortion = 4;

$(document).ready( function(){
	cScrollInit();
	$("#ofspecBNext").click( function() {
		if ((ofspecOffset + ofspecPortion) < ofspecRows) {
			ofspecOffset += ofspecPortion;
			$("#ofspecNext").load("/?tpl=ajax_ofspec&offset="+ofspecOffset,null,nextScroll);
			$("#ofspecBPrev").css('opacity',1);
			$("#ofspecBNext").css('opacity',((ofspecOffset + ofspecPortion) < ofspecRows)?1:0.5);
			if ((ofspecOffset + ofspecPortion) >= ofspecRows) this.firstChild.src = '/img/button_next_static.gif';
		}

	});

	$("#ofspecBPrev").click( function() {
		if ((ofspecOffset - ofspecPortion) >= 0) {	
			ofspecOffset -= ofspecPortion;	
			$("#ofspecPrev").load("/?tpl=ajax_ofspec&offset="+ofspecOffset,null,prevScroll);
		
			$("#ofspecBNext").css('opacity',1);
			$("#ofspecBPrev").css('opacity',((ofspecOffset - ofspecPortion) >= 0)?1:0.5);
		}
	});

	$("#ofspecBPrev").css('opacity',0.5);
	$("#ofspecBNext").css('opacity',((ofspecOffset + ofspecPortion) < ofspecRows)?1:0.5);


	$("#ufspecBNext").click( function() {
		if ((ufspecOffset + ufspecPortion) < ufspecRows) {
			ufspecOffset += ufspecPortion;
			$("#ufspecNext").load("/?tpl=ajax_ufspec&offset="+ufspecOffset,null,unextScroll);
			$("#ufspecBPrev").css('opacity',1);
			$("#ufspecBNext").css('opacity',((ufspecOffset + ufspecPortion) < ufspecRows)?1:0.5);
			if ((ufspecOffset + ufspecPortion) >= ufspecRows) this.firstChild.src = '/img/button_next_static.gif';
		}

	});

	$("#ufspecBPrev").click( function() {
		if ((ufspecOffset - ufspecPortion) >= 0) {	
			ufspecOffset -= ufspecPortion;	
			$("#ufspecPrev").load("/?tpl=ajax_ufspec&offset="+ufspecOffset,null,uprevScroll);
		
			$("#ufspecBNext").css('opacity',1);
			$("#ufspecBPrev").css('opacity',((ufspecOffset - ufspecPortion) >= 0)?1:0.5);
		}
	});

	$("#ufspecBPrev").css('opacity',0.5);
	$("#ufspecBNext").css('opacity',((ufspecOffset + ufspecPortion) < ufspecRows)?1:0.5);
});

function nextScroll() {

	$("#ofspecNext").animate( { left: 0 }, 1500);
	$("#ofspec").animate( { left: "-730px" }, 1500,null, function(){  
		$("#ofspec").html($("#ofspecNext").html());
		$("#ofspec").css( 'left', 0); 
		$("#ofspecNext").css( 'left', "730px"); 
	});
}

function prevScroll() {

	$("#ofspecPrev").animate( { left: 0 }, 1500);
	$("#ofspec").animate( { left: "730px" }, 1500,null, function(){  
		$("#ofspec").html($("#ofspecPrev").html());
		$("#ofspec").css( 'left', 0); 
		$("#ofspecPrev").css( 'left', "-730px"); 
	});
}

function unextScroll() {

	$("#ufspecNext").animate( { left: 0 }, 1500);
	$("#ufspec").animate( { left: "-730px" }, 1500,null, function(){  
		$("#ufspec").html($("#ufspecNext").html());
		$("#ufspec").css( 'left', 0); 
		$("#ufspecNext").css( 'left', "730px"); 
	});
}

function uprevScroll() {

	$("#ufspecPrev").animate( { left: 0 }, 1500);
	$("#ufspec").animate( { left: "730px" }, 1500,null, function(){  
		$("#ufspec").html($("#ufspecPrev").html());
		$("#ufspec").css( 'left', 0); 
		$("#ufspecPrev").css( 'left', "-730px"); 
	});
}