var Background = {
	Init: function() {
		var delay = 4000;
		var index = $('.index');
		var bgTimer;
		var presentClass = 1;
		
		function ChangeBG(){
			//index.css('opacity',0)
			if(index.hasClass('bg1')){
				index.removeClass('bg1');
			}
			if(index.hasClass('bg2')){
				index.removeClass('bg2')
			}
			if(index.hasClass('bg3')){
				index.removeClass('bg3')
			}
			if(index.hasClass('bg4')){
				index.removeClass('bg4')
			}
			if(index.hasClass('bg5')){
				index.removeClass('bg5')
			}
			index.addClass('bg'+presentClass);
			
			if(presentClass >= 5){
				presentClass = 1;
			}else {
				presentClass +=1;
			}
			
			bgTimer = setTimeout(ChangeBG, delay);
		}
		//ChangeBG();
		
		
		var display;
		var cleardis;
		var indexShown = 0;
		//display = setInterval(shownNextDiv,100);
		function shownNextDiv() {
			if ($(".bg").length >= indexShown){
				$(".bg:eq(" + indexShown  +  ")").fadeIn();
			}else{ 
				cleardis = clearInterval(display);
			}
		indexShown++;
		}
	}
};
var TitleBG= {
	Init: function() {
		

		//$('.mask').css('width','100px')
		
		
		var bgWidth = 0;
		var titleBGTimer;
		var titleString = $('h1.red a').html();
		//console.log(titleString.length );
		function titleBG(){
			bgWidth += 1;
			
			$('h1.red a').css('color','#FFFFFF');
			
			$('.mask').css('width',bgWidth+'px')
			titleBGTimer = setTimeout(titleBG, 10);
			
			if(bgWidth >= 7){$('.g').fadeIn();}
			if(bgWidth >= 14){$('.o').fadeIn();}
			if(bgWidth >= 21){$('.d').fadeIn();}
			if(bgWidth >= 34){$('.e').fadeIn();}
			if(bgWidth >= 35){$('.r').fadeIn();}
			if(bgWidth >= 40){$('.b').fadeIn();}
			if(bgWidth >= 50){$('.a').fadeIn();}
			if(bgWidth >= 60){$('.u').fadeIn();}
			if(bgWidth >= 70){$('.e2').fadeIn();}
			if(bgWidth >= 80){$('.r2').fadeIn();}
			if(bgWidth >= 240){
				clearInterval(titleBGTimer)
			}
		}
		titleBG();
	}
};