/* init */


var scrollBar;
var defaultPositionTop = new Array();
var defaultPositionTopOrderd = new Array();
var changeYearBtn = new Array();
var changeSelected;
var checkSection;
var currentSection =0;



$(window).ready(function () {
	scrollBar = new scrollBarJq('gkScrollContainer','','gkScrollWrapper','scrollBar','scUp','scDown','scHandle','scBack');
	scrollBar.initSc();
	
	$(".each_year").each(function(i){
		defaultPositionTop[$(this).attr('id')] = $(this).position().top;
		defaultPositionTopOrderd.push({top: $(this).position().top, id: $(this).attr('id')});
	});
		
	changeYearBtn = $(".changeYear").each(function(i){
	
		$(this).click(function(e){
			e.preventDefault();
			targetId = $(this).attr("href").substring(1);
			targetPosition = -1* defaultPositionTop[targetId];
			scrollBar.scrollMoveTo(targetPosition);
			
			changeSelected(i);
		});
	});
	
	changeSelected = function(n){
		$(".changeYear .selectedYear").removeClass('selectedYear');
		$(changeYearBtn[n]).find("span").addClass('selectedYear');
		//$(this).find("span").addClass('selectedYear');
		//.selectedYear is {color: rgb(204,0,0);} in scrollbar.css
	}
	
	changeSelected(0);
	
	
	checkSection = function(posY){
		var temp =0;
		for(var i=0; i<defaultPositionTopOrderd.length; i++){
			temp = i;
			if(-1*posY >= defaultPositionTopOrderd[i].top){
				if(i==defaultPositionTopOrderd.length-1){
					break;
				}
				else if(-1*posY < defaultPositionTopOrderd[i+1].top){
					break;
				}
			}
		}
		
		if(currentSection!=temp){
			currentSection = temp;
			changeSelected(currentSection);
		}
	}
	
});