window.addEvent('domready', function() {
	var boxlist = $$('.sp_ctrledbox');
	var navilist = $$('.sp_navictrl');
	var anchor = window.location.href.split('?')[1];

	
	
	boxlist.each(function(element,i) {
		if(element.id != undefined){
			if(element.id == anchor){
				element.setStyle('display', 'block');
			}
			else{
				element.setStyle('display', 'none');
			}
		}
	});
	navilist.each(function(element,i) {
		
		if(anchor == undefined){
			if(i==0){	
				element.addClass("selectedNavi");
			}
		}
		else{
			if(element.getParent().id == 'navi_'+anchor){
				element.addClass("selectedNavi");
			}
		}
		
		
	
		element.addEvent('click', function(event){
			//stop Propagation
				if(window.event){
					window.event.cancelBubble = true;
				}
				else{
					event.stopPropagation();
					event.preventDefault();
				}
				var tgtId  = element.href.split("#")[1];
					window.location.href = '?'+tgtId;

			
		});
		
	});
	
	if(anchor == undefined){
		boxlist[0].setStyle('display', 'block');
	}
	
});