$(function(){
	
	//Vertical init
	if($.browser.msie && $.browser.version == '6.0'){
		$('#tabSheetUnivRPanel').height(200);
	}else{
		$('#tabSheetUnivRPanel').height(181);
	}
	$('#tabSheetUnivRPanel').scrollTop(0);
	$('a',$('#tabSheetUnivRNav')).click(function (){return false;});
	
	var steps = new Array(0,181,362);
	
	if($.browser.msie){
		steps = new Array(0,184,372);
	}
	
	if($.browser.msie && $.browser.version == '6.0'){
		steps = new Array(0,202,404);
	}

	function get_seed(){return $('.pageNumOn').html();}
	function change_fen_class(fenNOw,fenNext){
		$(fenNOw).removeClass('pageNumOn');
		$(fenNOw).addClass('pageNum');
		$(fenNext).removeClass('pageNum');
		$(fenNext).addClass('pageNumOn');
	}
	
	$('#before').click(function(){
		var seed = parseInt(get_seed());
		if(seed <= 1){return false;}
		$('#tabSheetUnivRPanel').animate({scrollTop:steps[seed-2]});
		change_fen_class("#fen"+ seed,"#fen"+ (seed-1));
		if(seed == 2){$('#before').attr("src","images/before.gif");}
		if(seed <= 3){$('#next').attr("src","images/nextOn.gif");}
	});
	$('#next').click(function(){
		var seed = parseInt(get_seed());
		if(seed >= 3){return false;}
		$('#tabSheetUnivRPanel').animate({scrollTop:steps[seed]});
		change_fen_class("#fen"+ seed,"#fen"+ (seed+1));
		if(seed >= 1){$('#before').attr("src","images/beforeOn.gif");}
		if(seed == 2){$('#next').attr("src","images/next.gif");}
	});
	$('.pageNum').click(function(){
		var seed = parseInt(get_seed());
		var current = parseInt($(this).html());
		if(seed == current){ return false;}
		$('#tabSheetUnivRPanel').animate({scrollTop: steps[current-1]});
		change_fen_class("#fen"+ seed,"#fen"+ current);
		$('#next').attr("src","images/nextOn.gif");
		$('#before').attr("src","images/beforeOn.gif");
		if(current == 3){$('#next').attr("src","images/next.gif");}
		if(current == 1){$('#before').attr("src","images/before.gif");}
	});
	$('.pageNumOn').click(function(){
		var seed = parseInt(get_seed());
		var current = parseInt($(this).html());
		if(seed == current){ return false;}
		$('#tabSheetUnivRPanel').animate({scrollTop: steps[current-1]});
		change_fen_class("#fen"+ seed,"#fen"+ current);
		$('#next').attr("src","images/nextOn.gif");
		$('#before').attr("src","images/beforeOn.gif");
		if(current == 3){$('#next').attr("src","images/next.gif");}
		if(current == 1){$('#before').attr("src","images/before.gif");}
	});
});

$(function () {

	//Horizontal init
	var rate =$('li',$('.oneTopicMid')).length < 4 ? 1 : $('li',$('.oneTopicMid')).length / 4;
	var end = 571 * rate;
	
	$('div',$('.oneTopicMid')).width(end);
	
	$('.oneTopicLeft').css('opacity',0);
	$('.oneTopicRight').css('opacity',0);
	$('.oneTopicMid').scrollLeft(0);
	$('img',$('.oneTopicLeft')).attr("src","images/oneTopicLeft.jpg");
	if(end == 571){
		$('img',$('.oneTopicRight')).attr("src","images/oneTopicRight.jpg");
	}else{
		$('img',$('.oneTopicRight')).attr("src","images/oneTopicOnRight.jpg");
	}
	
	$('.oneTopic').hover(function(){
		$('.oneTopicLeft').animate({opacity: 1},500);
		$('.oneTopicRight').animate({opacity: 1},500);
	},function(){
		$('.oneTopicLeft').animate({opacity: 0},500);
		$('.oneTopicRight').animate({opacity: 0},500);
	});
	
	
	$('.oneTopicLeft').click(function (){
		var pos = $('.oneTopicMid').scrollLeft();

		if(pos == 0){return false;}
		if(pos == 571){$('img',$('.oneTopicLeft')).attr("src","images/oneTopicLeft.jpg");}
		if(end != 571){$('img',$('.oneTopicRight')).attr("src","images/oneTopicOnRight.jpg");}
		if($.browser.msie && pos == (end-571-rate*2)){
			$('.oneTopicMid').animate({scrollLeft: end-1142});
		}else{
			$('.oneTopicMid').animate({scrollLeft: pos-571});
		}
	});
	
	$('.oneTopicRight').click(function (){
		var pos = $('.oneTopicMid').scrollLeft();
		if(pos == (end-571)){return false;}
		if(pos == (end-1142)){$('img',$('.oneTopicRight')).attr("src","images/oneTopicRight.jpg");}
		if(end != 571){$('img',$('.oneTopicLeft')).attr("src","images/oneTopicOnLeft.jpg");}
		$('.oneTopicMid').animate({scrollLeft: pos+571});
	});
	
});