var nsactive = 'ns0';

function navsl(ns){
	
	// if ns is already active: deactivate it
	if(nsactive==ns){
		if(ns=='ns1'){nsactive = 'ns0';}
		if(ns=='ns2'){nsactive = 'ns1';}
		if(ns=='ns3'){nsactive = 'ns2';}
	} else {
		nsactive = ns;
	}
	
	if(nsactive == 'ns0'){
		$('#ns0').animate({ marginLeft: '0px' }, 1500, 'easeInOutExpo');
		$('#ns1').animate({ marginLeft: '-314px' }, 1500, 'easeInOutExpo');
		$('#ns2').animate({ marginLeft: '-837px' }, 1500, 'easeInOutExpo');
		$('#ns3').animate({ marginLeft: '-837px' }, 1500, 'easeInOutExpo');
		document.getElementById('ns1but').style.backgroundPosition='0px 0px';
		document.getElementById('ns2but').style.backgroundPosition='0px 0px';
		document.getElementById('ns3but').style.backgroundPosition='0px 0px';
	}
	
	if(nsactive == 'ns1'){
		$('#ns0').animate({ marginLeft: '0px' }, 1500, 'easeInOutExpo');
		$('#ns1').animate({ marginLeft: '-908px' }, 1500, 'easeInOutExpo');
		$('#ns2').animate({ marginLeft: '-243px' }, 1500, 'easeInOutExpo');
		$('#ns3').animate({ marginLeft: '-837px' }, 1500, 'easeInOutExpo');
		document.getElementById('ns1but').style.backgroundPosition='0px -23px';
		document.getElementById('ns2but').style.backgroundPosition='0px 0px';
		document.getElementById('ns3but').style.backgroundPosition='0px 0px';
	}
	
	if(nsactive == 'ns2'){
		$('#ns0').animate({ marginLeft: '0px' }, 1500, 'easeInOutExpo');
		$('#ns1').animate({ marginLeft: '-908px' }, 1500, 'easeInOutExpo');
		$('#ns2').animate({ marginLeft: '-837px' }, 1500, 'easeInOutExpo');
		$('#ns3').animate({ marginLeft: '-243px' }, 1500, 'easeInOutExpo');
		document.getElementById('ns1but').style.backgroundPosition='0px -23px';
		document.getElementById('ns2but').style.backgroundPosition='0px -23px';
		document.getElementById('ns3but').style.backgroundPosition='0px 0px';
	}
	
	if(nsactive == 'ns3'){
		$('#ns0').animate({ marginLeft: '0px' }, 1500, 'easeInOutExpo');
		$('#ns1').animate({ marginLeft: '-908px' }, 1500, 'easeInOutExpo');
		$('#ns2').animate({ marginLeft: '-837px' }, 1500, 'easeInOutExpo');
		$('#ns3').animate({ marginLeft: '-837px' }, 1500, 'easeInOutExpo');
		document.getElementById('ns1but').style.backgroundPosition='0px -23px';
		document.getElementById('ns2but').style.backgroundPosition='0px -23px';
		document.getElementById('ns3but').style.backgroundPosition='0px -23px';
	}

}