var CharArray = ['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','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','0','1','2','3','4','5','6','7','8','9',' ','\'','.',',','!','?','#','$','£'];
	
	var FlipOffset;		
	var MenuTextArray = new Array();
	var NavChars = new Array(6);
	var CharImage_CharX=23;
	var CharImage_CharY=26;
	var FlipSpeed=100;	
	var FlipTimeout;	
	var IndividualFlipTimeout;
	var CurrentFlipArea;
	
	$(document).ready(
		function() {	
			
			
			$('#menu-main-menu li').addClass('Stopped');			
			$('#menu-main-menu li').hover(
				function(){
					$('.CharsBack', this).css('background-image','url(http://charlyinc.com/wp-content/themes/magazine-basic/images/CharOn.png)');
				},
				function(){
					$('.CharsBack', this).css('background-image','url(http://charlyinc.com/wp-content/themes/magazine-basic/images/CharOff.png)');
				}
			)
			
			$('#menu-main-menu li a').each(
				function(index){					
					var ThisText=$(this).text();
					NavChars[index]=new Array(ThisText.length);								
					var FlipperHTML='';
					
					for (var i=0; i<ThisText.length; i++){
						var ThisChar=ThisText.substr(i,1);
						for (var x=0;x<=CharArray.length;x++){
							if (ThisChar==CharArray[x]){
								var OrigX=x;
								RandomiseFlipCount();
								x=x-FlipOffset;
								
								if(x<0){
									x=(CharArray.length-Math.abs(x));
								}						
								NavChars[index][i]=x;
								var xf=x+1;
								if(xf>CharArray.length){
									xf=0;
								}
								FlipperHTML+='<div id="back_'+x+'" rel="'+x+'" rel2="'+OrigX+'" class="CharsBack" style="background-position: -'+(x*CharImage_CharX)+'px 0px;"><div id="front_'+x+'" rel="'+xf+'" rel2="'+OrigX+'" class="CharsFront Stopped" style="background-position: -'+(xf*CharImage_CharX)+'px 100%;"><div class="FlipShadow"></div></div></div>';
								break;
							}
						}
					}						
					$(this).html('<div id="Flipper_'+index+'" class="FlipperContainer">'+FlipperHTML+'</div>');					
				}
			);
			StartFlips();
		}
	);
	
	function RandomiseFlipCount(){
		FlipOffset=Math.floor(Math.random()*9)+1;
	}
	
	function RandomiseFlipCall(){
		return Math.floor(Math.random()*70)+20;
	}
	
	function StartFlips(){
		clearTimeout(FlipTimeout);
		FlipTimeout = setTimeout('StartFlips()',RandomiseFlipCall());

		if ($('#menu-main-menu li.Started:first').size()>0){
			$('#menu-main-menu li.Started:first .CharsFront.Stopped:first').removeClass('Stopped').addClass('Prepped');
			UpdateFlips();
		}
		else{
			if ($('#menu-main-menu li.Stopped:first').size()>0){
				$('#menu-main-menu li.Stopped:first').addClass('Started').removeClass('Stopped');				
			}
		}
	}
	
	function UpdateFlips(){
		//clearTimeout(IndividualFlipTimeout);
		$('#menu-main-menu li.Started:first .CharsFront.Prepped').animate(
			{
				height: CharImage_CharY+'px'
			}
			,FlipSpeed
			,function(){
				var RelPos=$(this).attr('rel');
				RelPos++;
				if(RelPos>CharArray.length){
					RelPos=0;
				};
				$(this).attr('rel',RelPos);
				RelPos=parseInt(RelPos);
				var RelPosTemp=RelPos-1;
				if(RelPosTemp<0){
					RelPosTemp=CharArray.length;
				}
				$(this).parent().css('background-position','-'+(RelPosTemp*CharImage_CharX)+'px 0px');
				$(this).css('background-position','-'+(RelPos*CharImage_CharX)+'px 100%');
				$(this).css('height','0px');				
				var RelTitle=parseInt($(this).attr('rel2'));
				if (RelPos-1==RelTitle){
					$(this).removeClass('Running').removeClass('Prepped').addClass('Ended');
					$(this).remove();
				}
				else{					
					$(this).removeClass('Running').addClass('Prepped');
				}
			}
		);
		$('.CharsFront.Prepped', CurrentFlipArea).addClass('Running').removeClass('Prepped');
		//IndividualFlipTimeout=setTimeout('UpdateFlips()',100);
		
		if ($('#menu-main-menu li.Started:first .CharsFront.Running').size()==0){
			$('#menu-main-menu li.Started:first').addClass('Ended').removeClass('Started');
			$('#menu-main-menu li.Stopped:first').addClass('Started').removeClass('Stopped');
		}
	}