/* Author: 

*/
$(window).load(function() {
$("#makeMeScrollable").smoothDivScroll({ 
			hiddenOnStart:false,
			autoScroll: "onstart" , 
			autoScrollDirection: "backandforth", 
			autoScrollStep: 0, 
			autoScrollInterval: 50,	
			startAtElementId: "startAtMe", 
			visibleHotSpots: "always",
			scrollStep:1
		});
});
$(document).ready(function(e) {
		
		
		
		var dist = 110;
		$('.languageNav li a').append('<span class="home-hover"></span>');
		$('.languageNav li a').animate({backgroundPosition: '250px 250px'});
		$('.languageNav li a .home-hover').animate({backgroundPosition: '8px 0px'})
		
		first();
		
        function first(){
			var ball1 = $('#li-9');
			var ball2 =$('#li-1' );
	   		$(ball1).animate({left:dist,top:dist},500);
	   		$(ball2).animate({left:-dist,top:-dist},500,second);
		}; 
		function second(){
			var ball3 = $('#li-7');
			var ball4 =$('#li-3' );
	   		$(ball3).animate({left:-dist,top:dist},500);
	   		$(ball4).animate({left:dist,top:-dist},500,third);
		};
		function third(){
			var ball5 = $('#li-4');
			var ball6 =$('#li-6' );
	   		$(ball5).animate({left:-dist},500);
	   		$(ball6).animate({left:dist},500,fourth);
		}; 
		function fourth(){
			var ball7 = $('#li-2');
			var ball8 =$('#li-8' );
	   		$(ball7).animate({top:-dist},500);
	   		$(ball8).animate({top:dist},500,changepos);
		}; 
		function changepos(){
			$('.home-hover').fadeOut('fast');
			$('.languageNav li a').animate({backgroundPosition: '8px 0px'},0);
			$('.languageNav li a').fadeTo(0,0.2);
			$('.languageNav li a').hover(function(){
				$(this).fadeTo(500,1);
			},function(){
				$(this).fadeTo(100,0.2);
			});
			$('#titleWrapper').animate({left:0},1000);
		}
		
		 $('#pageNav li a').append('<span class="hover"></span>')
		 
		var Sdist = 105;
		var timer = 700;
		Sfirst();
        function Sfirst(){
			var Sball1 = $('#Sli-1');
			var Sball2 =$('#Sli-2' );
			var Sball3 = $('#Sli-3');
			var Sball4 =$('#Sli-4' );
			var Sball5 = $('#Sli-5');
			var Sball6 =$('#Sli-6' );
			var Sball7 = $('#Sli-7');
			var Sball8 =$('#Sli-8' );
			
	   		$(Sball1).animate({left:-470},timer);
	   		$(Sball2).animate({left:-339},timer);
	   		$(Sball3).animate({left:-218},timer);
			$(Sball4).animate({left:-87},timer);
	   		$(Sball5).animate({left:52},timer);
			$(Sball6).animate({left:163},timer);
	   		$(Sball7).animate({left:274},timer);
	   		$(Sball8).animate({left:395},timer,function(){
				$('.hover').fadeOut('fast');
			});
		}; 
		
		
		
		var txt = "";
		$('.scrollableArea a img').each(function(index) {
			
    		
			$('.captions p').fadeOut('slow');
			/*$(this).hover(function(){
				$('.captions').append("<p>"+$(this).attr('alt')+"</p>");
				$('.captions p').attr('class',$(this).attr('id'));
				$('.captions p').fadeIn('slow');
				//$('.captions').animate({top:-130},100);
				
			},function(){
				//$('.captions').animate({top:0},100);
				$('.captions p').fadeOut('fast',function(){
					$('.captions p').remove();
				});
				
				//$('.captions p').removeClass($(this).attr('id'));
				
			});*/
  		});
		//alert(idr);
		//$('.captions p').addClass(idr);
		
		//Animating Green Page Boxes
		
		
		var box = $('.page .fullBox p');
	 	var h2= $('.page .fullBox h2');
  	 	//Cufon.replace(box,h2);
     	
		$('.page #fadeImg').animate({top:0},1000,function(){
				$(this).cycle({fx:'fade'});
				$(this).animate({left:360},1000);	
			});
		$('.page .greenBox').animate({top:0},1000,function(){
			
			$('.page .g-img').animate({left:360},1000);	
			//Cufon.replace('.page .greenBox p');
		
		});
		
		$('footer nav ul').append('<li>|</li>');
		$('footer nav ul').append('<li><a class="fb" href="http://www.facebook.com/pages/DRAW-LINK-GROUP/107986085913242"><img width="19px" height="19px" src="http://kml.name/fb.png" title="Facebook" alt="Facebook"/></a></li>');
		
    });
	var outerBox = $('.page .fullBox');
	$(outerBox).animate({top:0},2000);