// JavaScript Document


function rotateFanArt(move){
 // alert(move);
  if(move == 1){ // move forward
	for(i = 1; i<=5;i++){
		c = document.getElementById('fan_art_image'+i).className;
		l = c.length -1;
		id = c.charAt(l) * 1;
	    if(id <5){
		    newid = id+1;
			document.getElementById('fan_art_image' + i).className = 'image-overlap-' + newid;
		}else{
			document.getElementById('fan_art_image' + i).className = 'image-overlap-1';
		}
		//alert(document.getElementById('fan_art_image' + i).className);
	}
 }else{ // move backward
 	for(i = 1; i<=5;i++){
		c = document.getElementById('fan_art_image'+i).className;
		l = c.length -1;
		id = c.charAt(l) * 1;
	    if(id >1){
		    newid = id-1;
			document.getElementById('fan_art_image' + i).className = 'image-overlap-' + newid;
		}else{
			document.getElementById('fan_art_image' + i).className = 'image-overlap-5';
		}
		//alert(document.getElementById('fan_art_image' + i).className);
	}
 
 }
  
  
  document.getElementById('fan-arts').innerHTML = getFanArtInnerHTML();
}

function getFanArtInnerHTML(){
  var innhtml = '';
  var src ;
  for(i = 1; i<=5;i++){
  
   		c = document.getElementById('fan_art_image'+i).className;
		l = c.length -1;
		id = c.charAt(l) * 1;
		src =  document.getElementById('fan_art_image'+i).src;
		//alert(src);
	 	if(id == 1){
		 src1 = '<img src="' + src + '" class="image-overlap-' + id + '" id="fan_art_image' + i + '" /> '; 
		
		}else if(id == 2){
		src2 = '<img src="' + src + '" class="image-overlap-' + id + '" id="fan_art_image' + i + '" /> '; 
		 
		}else if(id == 3){
		src_ = src ;	 center_i = i;
		}else if(id == 4){
		src4 = '<img src="' + src + '" class="image-overlap-' + id + '" id="fan_art_image' + i + '" /> '; 
		 
		}else if(id == 5){
		src5 = '<img src="' + src + '" class="image-overlap-' + id + '" id="fan_art_image' + i + '" /> '; 
		
		}
 }
  
  
  for(i = 1; i<=5;i++){
    if(center_i == i){
	  document.getElementById('fan_art_name'+i).style.visibility = 'visible';
	  document.getElementById('fan_art_name'+i).style.display = 'inline';
	  
	  b = document.getElementById('fan_art_name'+i).innerHTML;
	  temp = b.split('"');
	  url = temp[1];
	 // alert(url);
	  
	}else{
	 document.getElementById('fan_art_name'+i).style.visibility = 'hidden';
	 document.getElementById('fan_art_name'+i).style.display = 'none';
		  
	}
  }
  
  
   src3 = '<img src="' + src_ + '" class="image-overlap-3" id="fan_art_image' + center_i + '" onclick="window.location.href=\' ' + url + '\'" style="cursor:pointer" /> '; 
  innhtml = src1 + src2 + src3 + src4 + src5 ;
 //alert(innhtml);
  return innhtml;

}



///////////////////////////////////////////////////////



function rotateFeaturedMember(move){
 // alert(move);
  if(move == 1){ // move forward
	for(i = 1; i<=5;i++){
		c = document.getElementById('featured_members_image'+i).className;
		l = c.length -1;
		id = c.charAt(l) * 1;
	    if(id <5){
		    newid = id+1;
			document.getElementById('featured_members_image' + i).className = 'image-overlap-' + newid;
		}else{
			document.getElementById('featured_members_image' + i).className = 'image-overlap-1';
		}
		//alert(document.getElementById('featured_members_image' + i).className);
	}
 }else{ // move backward
 	for(i = 1; i<=5;i++){
		c = document.getElementById('featured_members_image'+i).className;
		l = c.length -1;
		id = c.charAt(l) * 1;
	    if(id >1){
		    newid = id-1;
			document.getElementById('featured_members_image' + i).className = 'image-overlap-' + newid;
		}else{
			document.getElementById('featured_members_image' + i).className = 'image-overlap-5';
		}
		//alert(document.getElementById('featured_members_image' + i).className);
	}
 
 }
  
  
  document.getElementById('featured-members').innerHTML = getFeaturedMemberInnerHTML();
}

function getFeaturedMemberInnerHTML(){
  var innhtml = '';
  var src ;
  for(i = 1; i<=5;i++){
  
   		c = document.getElementById('featured_members_image'+i).className;
		l = c.length -1;
		id = c.charAt(l) * 1;
		src =  document.getElementById('featured_members_image'+i).src;
		//alert(src);
	 	if(id == 1){
		 src1 = '<img src="' + src + '" class="image-overlap-' + id + '" id="featured_members_image' + i + '" /> '; 
		
		}else if(id == 2){
		src2 = '<img src="' + src + '" class="image-overlap-' + id + '" id="featured_members_image' + i + '" /> '; 
		 
		}else if(id == 3){
		  src_ = src ; 	 center_i = i;
		}else if(id == 4){
		src4 = '<img src="' + src + '" class="image-overlap-' + id + '" id="featured_members_image' + i + '" /> '; 
		 
		}else if(id == 5){
		src5 = '<img src="' + src + '" class="image-overlap-' + id + '" id="featured_members_image' + i + '" /> '; 
		
		}
 }
  
  
  for(i = 1; i<=5;i++){
    if(center_i == i){
	  document.getElementById('featured_members_name'+i).style.visibility = 'visible';
	  document.getElementById('featured_members_name'+i).style.display = 'inline';
	  
	  b = document.getElementById('featured_members_name'+i).innerHTML;
	  temp = b.split('"');
	  url = temp[1];
	  

	 
	}else{
	 document.getElementById('featured_members_name'+i).style.visibility = 'hidden';
	 document.getElementById('featured_members_name'+i).style.display = 'none';
		  
	}
  }
  
  src3 = '<img src="' + src_ + '" class="image-overlap-3" id="featured_members_image' + center_i + '" onclick="window.location.href=\' ' + url + '\'" style="cursor:pointer" /> '; 
  
  //alert(src3);
  innhtml = src1 + src2 + src3 + src4 + src5 ;
 //alert(innhtml);
  return innhtml;

}