function showDiv(div, sid){
		var myLetters =new Array("A","B","C","D","E","F","G","H", "I", "J","K","L","M", "N", "O","P","Q","R", "S", "T","U","V","W", "X", "Y","Z");
		
		Element.hide($('games_top_' + sid));
		Element.hide($('games_numbers_' + sid));
		
		for(var i=0; i < myLetters.length; i++){
			Element.hide($('games_' + myLetters[i] + '_' + sid));
		}
		
		$('nowShowing').update(div);
		$('typeShowing').update('default');
		
		Element.show($(div));
	}
	
	function getGames(gsort, sid){
		var requestPage = '/ajax/getgames.aspx';
		var method = 'post';
		var params;
		var lastShowType = $('typeShowing').innerHTML;
		var lastSort = $('lastSort').innerHTML;
		
		var genreindex = $('genreSortList_' + sid).selectedIndex; 
		var genreValue = $('genreSortList_' + sid)[genreindex].value;
		var genreText = $('genreSortList_' + sid)[genreindex].text;
		var index = $('gameSortList_' + sid).selectedIndex; 
		var sortValue = $('gameSortList_' + sid)[index].value;
		var div_top = document.getElementById('games_top_' + sid);
		var div_numbers = document.getElementById('games_numbers_' + sid);
		var div_other = document.getElementById('games_other_' + sid);
		var div_letter = document.getElementById('games_' + gsort + '_' + sid);
		
		//update letter div
		$('letter').update(gsort);

		if(gsort == 'Top'){
			if(div_top.innerHTML == "" || (lastSort != sortValue) || (lastShowType != genreText)){
				params = 'sort=' + gsort + '&sid=' + sid + "&sortOrder=" + sortValue +  "&genre=" + genreValue;
				showDiv(div_top, sid);
				
				new Ajax.Request(
					requestPage,
					{
						method: method,
						postBody: params,
						onLoading: div_top.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
						onSuccess: function(response){
							div_top.update(response.responseText);
						}
					}
				);	
			}
		}else if(gsort == '0-9'){
			if(div_numbers.innerHTML == "" || (lastSort != sortValue) || (lastShowType != genreText)){
				params = 'sort=' + gsort + '&sid=' + sid + "&sortOrder=" + sortValue +  "&genre=" + genreValue;
				showDiv(div_numbers, sid);
				
				new Ajax.Request(
					requestPage,
					{
						method: method,
						postBody: params,
						onLoading: div_numbers.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
						onSuccess: function(response){
							div_numbers.update(response.responseText);
						}
					}
				);	
			}else{
				showDiv(div_numbers, sid);
			}
		}else if(gsort == 'Other'){
			params = 'sort=' + gsort + '&sid=' + sid + "&sortOrder=" + sortValue +  "&genre=" + genreValue;
			showDiv(div_other, sid);
			
			new Ajax.Request(
				requestPage,
				{
					method: method,
					postBody: params,
					onLoading: div_other.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
					onSuccess: function(response){
						div_other.update(response.responseText);
					}
				}
			);	
		}else{

			if(div_letter.innerHTML == "" || (lastSort != sortValue) || (lastShowType != genreText)){
				params = 'sort=' + gsort + '&sid=' + sid + "&sortOrder=" + sortValue +  "&genre=" + genreValue;
				showDiv(div_letter, sid);
				
				new Ajax.Request(
					requestPage,
					{
						method: method,
						postBody: params,
						onLoading: div_letter.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
						onSuccess: function(response){
							div_letter.update(response.responseText);
						}
					}
				);	
			}else{
				showDiv(div_letter, sid);
			}
		}
	}
	
	function sortGames(sid){
		var nowShowing = document.getElementById('nowShowing');
		var currentLetter = $('letter').innerHTML;
		var score = $('div_score').innerHTML;
		
		var index = $('gameSortList_' + sid).selectedIndex; 
		var sortValue = $('gameSortList_' + sid)[index].value;
		var sortText = $('gameSortList_' + sid)[index].text;
		var genreindex = $('genreSortList_' + sid).selectedIndex; 
		var genreValue = $('genreSortList_' + sid)[genreindex].value;
		var div_top = document.getElementById('games_top_' + sid);
		var div_numbers = document.getElementById('games_numbers_' + sid);
		var div_other = document.getElementById('games_other_' + sid);
		var letterDiv = document.getElementById('letterDiv_' + sid);
		var numberDiv = document.getElementById('numberDiv_' + sid);
		
		if(genreValue != "0"){
			var requestPage = '/ajax/getgames_score.aspx';
			var method = 'post';
			var params = 'genre=' + genreValue + '&sid=' + sid + "&sortOrder=" + sortValue +  "&score=" + score;
			showDiv(div_numbers, sid);
			
			new Ajax.Request(
				requestPage,
				{
					method: method,
					postBody: params,
					onLoading: div_numbers.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
					onSuccess: function(response){
						div_numbers.update(response.responseText);
					}
				}
			);	
		}else{
			if(nowShowing.innerHTML != ''){
				var requestPage = '/ajax/getgames.aspx';
				var method = 'post';
				var params;
				$('lastSort').update(sortValue);
				
				$('typeShowing').update(sortText);
				params = 'sort=' + currentLetter + '&sid=' + sid + "&sortOrder=" + sortValue + "&genre=" + genreValue;
		
				new Ajax.Request(
					requestPage,
					{
						method: method,
						postBody: params,
						onLoading: nowShowing.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
						onSuccess: function(response){
							$(nowShowing).update(response.responseText);
							
							if(genreValue == "0" && sortValue == "2"){
								new Effect.Fade(letterDiv, {queue: 'front', duration: .5,
									afterFinish: function (obj) {
										new Effect.Appear(numberDiv, {queue: 'front', duration: .5});
									}
								});
							}else{
								new Effect.Fade(numberDiv, {queue: 'front', duration: .5,
									afterFinish: function (obj) {
										new Effect.Appear(letterDiv, {queue: 'front', duration: .5});
									}
								});
							}
						}
					}
				);	
			}
		}		
	}
	
	function gamesByScore(score, sid){
		var genreindex = $('genreSortList_' + sid).selectedIndex; 
		var genreValue = $('genreSortList_' + sid)[genreindex].value;
		var genreText = $('genreSortList_' + sid)[genreindex].text;
		var index = $('gameSortList_' + sid).selectedIndex; 
		var sortValue = $('gameSortList_' + sid)[index].value;
		var div_top = document.getElementById('games_top_' + sid);
		var div_numbers = document.getElementById('games_numbers_' + sid);
		var div_other = document.getElementById('games_other_' + sid);
		var letterDiv = document.getElementById('letterDiv_' + sid);
		var numberDiv = document.getElementById('numberDiv_' + sid);
		
		var requestPage = '/ajax/getgames_score.aspx';
		var method = 'post';
		var params = 'genre=' + genreValue + '&sid=' + sid + "&sortOrder=" + sortValue +  "&score=" + score;
		
		new Ajax.Request(
			requestPage,
			{
				method: method,
				postBody: params,
				onLoading: div_top.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
				onSuccess: function(response){
					showDiv(div_top, sid);
					div_top.update(response.responseText);
					$('div_score').update(score);
				}
			}
		);	
	}
	
	function changeGenre(sid){
		var index = $('gameSortList_' + sid).selectedIndex; 
		var sortValue = $('gameSortList_' + sid)[index].value;
		var sortText = $('gameSortList_' + sid)[index].text;
		var nowShowing = $('nowShowing').innerHTML;
		var genreindex = $('genreSortList_' + sid).selectedIndex; 
		var genreValue = $('genreSortList_' + sid)[genreindex].value;
		var div_top = document.getElementById('games_top_' + sid);
		var div_numbers = document.getElementById('games_numbers_' + sid);
		var div_other = document.getElementById('games_other_' + sid);
		var letterDiv = document.getElementById('letterDiv_' + sid);
		var numberDiv = document.getElementById('numberDiv_' + sid);
		
		var requestPage = '/ajax/getgames.aspx';
		var method = 'post';
		var params;
		var letter = $('letter').innerHTML;
		
		$('typeShowing').update(sortText);
		params = 'sort=all&sid=' + sid + "&sortOrder=" + sortValue + "&genre=" + genreValue;
	
		new Ajax.Request(
			requestPage,
			{
				method: method,
				postBody: params,
				onLoading: div_numbers.update("<center><br/><img src='/images/memberloading.gif'/></center>"),
				onSuccess: function(response){
					showDiv(div_numbers, sid);
					div_numbers.update(response.responseText);
					
					if(genreValue != '0'){
						//fadeout
						new Effect.Fade(letterDiv, {queue: 'front', duration: .5,
							afterFinish: function (obj) {
								new Effect.Appear(numberDiv, {queue: 'front', duration: .5});
							}
						});
						
						numberDiv
					}else{
						//fade in
						new Effect.Fade(numberDiv,{queue: 'front', duration: .5,
							afterFinish: function (obj) {
								new Effect.Appear(letterDiv, {queue: 'front', duration: .5});
							}
						});
					}
				}
			}
		);	
	}