var sidenavLetter = 'A';



function updateSideNav2(section, queryHash) {
	/* This will eventually replace updateSideNav() during the reskin project */
    //todo: catch missing gender and letter
	
	var xmlhttp = getXMLHttpRequestObject();
  
  var ajax_url = 'http://www.i-skincare.net/sidenav.php?lettername=' +queryHash;
    //ajax_url += queryString(queryHash);

	if( xmlhttp ){
		$('navigation').innerHTML = '<div style="margin: 40% 0 0 10%; text-align: center;" class="sn">Loading...<br/><img src="skin/common_files/images/loading.gif" height="16" width="16"/></div>';
		xmlhttp.open("GET", ajax_url, true);
		xmlhttp.onreadystatechange = function() {
			if (xmlhttp.readyState == 4) {
				$('navigation').innerHTML = xmlhttp.responseText;
                //todo: ensmarten this piece
                //if (letter != undefined) {scrollSidenavTo(letter);}
                $('navigation').scrollTop = '0';
			}
		};
		xmlhttp.send(null);
	}
    return false;
}



function scrollSidenavTo(letter){
	if( typeof letter == 'string' ){
		letter = letter.toUpperCase();
		if( $(letter) ){
			$('navigation').scrollTop = $(letter).offsetTop;
		}
        sidenavLetter = letter;
	}
    return false;
}