// JavaScript Document

function changeRider(rider){
	var riders = getElementsByClass('riderProfile',document,'*');
	var pics = getElementsByClass('riderPic',document,'*');
	for(var i=0; i<riders.length; i++)
	{
		
		if(riders[i].style.display != "none"){
			riders[i].style.display = "none";
			pics[i].style.display = "none";
			var next = i+1;
						
		}		
	}
	var info = document.getElementById("rider"+rider);
	var riderpic = document.getElementById("riderPic"+rider);
	var riderName = document.getElementById("riderName");
	info.style.display = "block";
	riderpic.style.display = "block";
	switch(rider)
	{
	case 1:
	  riderName.innerHTML = "<h2>Joker</h2>";
	  break;   
	case 2:
		riderName.innerHTML = "<h2>Streetfighter Brian</h2>";
		break; 
	case 3:
		riderName.innerHTML = "<h2>Damo</h2>";
		break; 
	case 4:
		riderName.innerHTML = "<h2>Davey</h2>";
		break; 
	case 5:
		riderName.innerHTML = "<h2>MrMez</h2>";
		break; 
	case 6:
		riderName.innerHTML = "<h2>PBB</h2>";
		break; 
	case 7:
		riderName.innerHTML = "<h2>Mirkz</h2>";
		break; 
	case 8:
		riderName.innerHTML = "<h2>Trist</h2>";
		break; 
	case 9:
		riderName.innerHTML = "<h2>BigTim</h2>";
		break; 
	case 10:
		riderName.innerHTML = "<h2>Jaz</h2>";
		break; 
	case 11:
		riderName.innerHTML = "<h2>Ben</h2>";
		break; 
	case 12:
		riderName.innerHTML = "<h2>Kev</h2>";
		break; 
	  
	}

	
}

function nextRider(){
	var riders = getElementsByClass('riderProfile',document,'*');
	var pics = getElementsByClass('riderPic',document,'*');
	for(var i=0; i<riders.length; i++)
	{
		
		if(riders[i].style.display != "none"){
			riders[i].style.display = "none";
			pics[i].style.display = "none";
			var next = i+1;
			
			if(i==(riders.length-1)){
				riders[0].style.display="block";
				pics[0].style.display="block";
				return;
			}else{
				riders[next].style.display = "block";
				pics[next].style.display = "block";
				return;
			}
		}		
	}
	
}
function prevRider(){
	var riders = getElementsByClass('riderProfile',document,'*');
	var pics = getElementsByClass('riderPic',document,'*');
	for(var i=0; i<riders.length; i++)
	{
		if(riders[i].style.display != "none"){
			riders[i].style.display = "none";
			pics[i].style.display = "none";
			var prev = i-1;
			if(i==0){
				riders[(riders.length-1)].style.display="block";
				pics[(riders.length-1)].style.display="block";
				return;
			}else{
				riders[prev].style.display = "block";
				pics[prev].style.display = "block";
				return;
			}
		}		
	}
	
}
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp('(^|\\\\s)'+searchClass+'(\\\\s|$)');
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}