function showInfo(infoId,numOfInfos){
	for (var i=0; i<numOfInfos; i++)
		$('#info-'+i).hide();
	$(infoId).show();
}

function showStory(infoId,btnId,numOfInfos){
	for (var i=0;i<numOfInfos; i++){
		$('#info-'+i).hide();
		$('#btn-'+i).removeClass('current');
	}	
	$(infoId).show();
	$(btnId).addClass('current');
}

function showHideGrid(){
	//getting the anchor value from the url
	var anchorName = self.document.location.hash;

	if (anchorName){
		//getting the number from the anchor
		var anchorNum = anchorName.match(/\d+$/);
	
		var gridNum = 0;
		while($('#info-'+gridNum).length !=0){
			$('#info-'+gridNum).hide();			
			gridNum++;
		}
		$('#info-'+anchorNum).show();
	}
}
//checks if anchor parameter in the url has changed and changes grid accordingly
	
		var hash = location.hash;
		setInterval(function()
		{
		    if (location.hash != hash)
		    {
		        showHideGrid();
		        hash = location.hash;
		    }
		}, 200);
$(document).ready(function(){
	showHideGrid();
});