function carousel(mediaType, page, user, chartType, clickMediaType, term){
	
	$j('#carousel_'+mediaType).fadeOut('normal');
	$j('#carousel_'+mediaType).load('/ajax/chart', {mediaType: clickMediaType, page: page, userId: user, chartType: chartType, dataType: 'html', term: term}, function(){
		$j.post('/ajax/chartcount', {mediaType:clickMediaType, chartType:chartType, userId:user, dataType: 'json', term: term}, function(data){renderCarouselNav(data, page, clickMediaType, mediaType)}, "json");		
		$j('#carousel_'+mediaType).fadeIn('slow');
		
	});	
	
}

function renderCarouselNav(data, page, clickMediaType, mediaType){
	
	//going to get back, mediaType, chartType, user...maybe, and the current page we're on...
	
	var carouselDisplay = 4;
	var count = data.info.totalItems;	
	//var mediaType = data.info.mediaType;
	var dataType = data.info.dataType;
	var chartType = data.info.chartType;
	var totalPages = Math.floor(count / carouselDisplay);
    var mouseOver = '';
    var mouseOut = '';
    var leftNavImg = '';
    var rightNavImg = '';
    var leftNavMouseOver = '';
    var leftNavMouseOut = '';
    var rightNavMouseOver = '';
	var rightNavMouseOut = '';
	var leftOnClick = '';
	var rightOnClick = '';
	var nextPage = '';
	var previousPage = '';
	var user = '';
	var more = '';
	var term = '';
	
	if(data.info.userId){
		user = data.info.userId;	
	}
	
	if(data.info.term){
		term = data.info.term;
	}
	
	if(page == 1){
		
		leftNavImg = '/images/scroll_left_off.gif';
		
		nextPage = page + 1;
		if(totalPages > page){
	  	  	  rightOnClick = 'onclick="carousel(\''+ mediaType +'\',' + nextPage + ',\'' + user + '\',\'' + chartType + '\', \'' + clickMediaType + '\', \'' + term + '\');"';	
	  	  	  rightNavMouseOver = 'onmouseover=$j("#rightCarousel' + mediaType +'Img").attr("src","/images/navarrow_right.gif");';
	  	  	  rightNavMouseOut = 'onmouseout=$j("#rightCarousel' + mediaType + 'Img").attr("src","/images/scroll_right_on.gif");'; 
	  	  	  rightNavImg = '/images/scroll_right_on.gif';
	  	  	  
	  	}else{			
			rightNavImg = '/images/scroll_right_off.gif;';			
		}
		
	}else{
		previousPage = page - 1;
  	  	nextPage = page + 1;
  	  	
  	    leftNavImg = '/images/scroll_left_on.gif';
  	  	leftOnClick = 'onclick="carousel(\''+ mediaType +'\',' + previousPage + ',\'' + user + '\',\'' + chartType + '\', \'' + clickMediaType + '\', \'' + term + '\');"';
		leftNavMouseOver = 'onmouseover=$j("#leftCarousel' + mediaType +'Img").attr("src","/images/navarrow_left.gif");';
  		leftNavMouseOut = 'onmouseout=$j("#leftCarousel' + mediaType + 'Img").attr("src","/images/scroll_left_on.gif");';
  		
  	  	if(totalPages != page){
  	  	  rightOnClick = 'onclick="carousel(\''+ mediaType +'\',' + nextPage + ',\'' + user + '\',\'' + chartType + '\', \'' + clickMediaType + '\', \'' + term + '\');"';	
  	  	  rightNavMouseOver = 'onmouseover=$j("#rightCarousel' + mediaType +'Img").attr("src","/images/navarrow_right.gif");';
  	  	  rightNavMouseOut = 'onmouseout=$j("#rightCarousel' + mediaType + 'Img").attr("src","/images/scroll_right_on.gif");'; 
  	  	  rightNavImg = '/images/scroll_right_on.gif';
  	  	}
  	  	else{
  	  	  rightNavImg = '/images/scroll_right_off.gif';
  	  	}
  	} 
  	 		
	/*if(count > carouselDisplay){
		mouseOver = "$j('#'" + mediaType + "_more_link').attr('src','/images/more_black.gif');";
  	  	mouseOut = "$j('#'" + mediaType + "_more_link\').attr('src','/images/more_grey.gif');";
  	  	moreUrl = getMoreUrl(mediaType, chartType, user);
  	  	morelink="<a id='" + mediaType + "_more' href='"+moreUrl+"' class='header_font2' style='position:absolute; right: 4px; top: 14px; text-decoration:none;' onmouseover='" + mouseOver +"' onmouseout='" + mouseOut "' ><img id='" + mediaType + "_more_link' src='/images/more_grey.gif' width='72' height='22' /></a>";		  	
	}*/
	
  	$j('#nav_'+mediaType).html("<span><a href='#_" + mediaType + "' id='leftCarousel" + mediaType +"' " + leftOnClick + " " + leftNavMouseOver + " " + leftNavMouseOut + " style=\"position: absolute; top: 19px; text-decoration: none; right: 237px;\" ><img id='leftCarousel" + mediaType + "Img' src='" + leftNavImg + "' /></a></span>" +
  			"<span><a href='#_" + mediaType + "' id=\"rightCarousel"+ mediaType + "\" " + rightNavMouseOver + " " + rightNavMouseOut + " style='position: absolute; top: 19px; text-decoration: none; right: 225px; height:210px;' " + rightOnClick + " ><img id='rightCarousel" + mediaType + "Img' src='" + rightNavImg + "' /></a></span>"); 	
}

/*
function getMoreUrl(mediaType, chartType, user){

	var url;
	
	switch(chartType){
	
		case 'newreleases': if(user != ''){
								url = '/charts/mynew+'mediaType;
							}else{
								url = '/charts/new'+mediaType;
							}		
							break;
						
		case 'recentlypopular': if(user != ''){
									url = '/charts/my'+chartType+mediaType;
								}else{			
									url = '/charts/'+chartType+mediaType;
								}
								break;
								
		case 'popular': if(user != ''){
							url = '/charts/my'+chartType+mediaType;
						}else{			
							url = '/charts/'+chartType+mediaType;
						}
						break;
						
		case 'search': var subMediaType = mediaType.substring(0, mediaType.length - 1);
					   pathArray = window.location.pathname.split( '/' );
					   url = '/search/' + subMediaType + 'results/value/'+pathArray[pathArray.length];
					   break;
			
		case 'mycreations': pathArray = window.location.pathname.split( '/' );
							url = '/profile/viewcreations/user/'+pathArray[pathArray.length];
							break;
			
		case 'stuffilike': 	pathArray = window.location.pathname.split( '/' );
							url = '/profile/viewfavorites/user/'+pathArray[pathArray.length];
							break;
				
	}
}
*/