$(document).ready(function() {
	
	$('#docBox, .discussDiv, .pageText, .storiesNav, #docNav, .langMenu, .langMenuMain, .graphic, .embedDiv, .photoFlash, .tile_bg').hide();
	
	$('.techNav > *').hide();
	
	//$('#leftTab').attr('src','images/left_tab_close.png',$('#leftTab').fadeOut(600));
	$('#leftTab').hide();
	
	$('#close_small').click(function(){$('.embedDiv').hide();});
	
	$('.leftBar').mousemove(function(){
			if($('#leftTab, #glow_border_top, #glow_border_bot').is(':hidden')) {
				$('#leftTab, #glow_border_top, #glow_border_bot').show();
			}
		}
	);
	
	$('.leftBar').hover(function(){
			$('#leftTab').fadeIn(150);
			$('#glow_border_top, #glow_border_bot').fadeIn(500);
		},
		function(){
			if(parseInt($('.leftBar').css('left'),10) == 0){
				$('#leftTab').fadeOut(150);
				$('#glow_border_top, #glow_border_bot').fadeOut(800);
			}
		}
	);
	
	

	$('.stories').hover(function() {
			var answer = $('.storiesNav');
			
			if (answer.is(':hidden')) {
				answer.slideDown(500);
				$('#arrow_button').attr('src','images/m_arrow_down.png');
			}
		},function(){
			if ( answer.is(':visible') ) {
				answer.slideUp(500);
			}
		}
	);
	
	$('.documentary').hover(function() {
			var answer = $('#docNav');
			
			if (answer.is(':hidden')) {
				answer.slideDown(150);
				$('#arrow_button_doc').attr('src','images/m_arrow_down.png');
			}
		},function(){
			if ( answer.is(':visible') ) {
				answer.slideUp(150);
			}
		}
	);
	
	$('#docNav').hover(function(){},function(){
		$(this).slideUp(150);
		$('#arrow_button_doc').attr('src','images/m_arrow_right.png');
		}
	);
	
	
	
	/*$('#storybutton').click(function() {
			 var answer = $('.storiesNav');
			if ( answer.is(':visible') ) {
				answer.slideUp(500);
				$('#arrow_button').attr('src','images/m_arrow_right.png');
				$('#close_button').fadeOut(300);
			} else {
				answer.slideDown(500);
				$('#arrow_button').attr('src','images/m_arrow_down.png');
				$('#close_button').fadeIn(300);
			}
		}
	);*/
	
	$('.embed').click(function(){
            var ans = $('.embedDiv');
			if ( ans.is(':hidden') ) ans.show('fast');
			else ans.hide('fast');
    });
	
     
	$('.storiesNav').hover(function(){},function(){
		$(this).slideUp(500);
		$('#arrow_button').attr('src','images/m_arrow_right.png');
		}
	);
     
	var answer = $('.langMenu, .langMenuMain');
	$('#langbutton').hover(function() {
			if (answer.is(':hidden')) {
				answer.fadeIn(500);
				$('#arrow_button_lang').attr('src','images/m_arrow_up.png');
			}
		},function(){
/*
            if (answer.is(':visible')) {
                answer.fadeOut(500);
            }
*/
		}
	);
     
     $('.langMenu, .langMenuMain').hover(function(){},function(){
     	$(this).fadeOut(500);
		$('#arrow_button_lang').attr('src','images/m_arrow_right.png');
     	}
     );
	 
	/*
	 
	 $('#close_button').click(function(){
		var ans = $('.storiesNav');
		if ( ans.is(':visible') ) {
			ans.slideUp(500);
			$('#close_button').fadeOut(300);
		}
	})*/
	 


	$('#leftTab').click(function() {
		var ans = $('.leftBar');
		if( parseInt(ans.css('left'),10) == 0){
			ans.animate({left: -$('.leftBarInner').outerWidth()},500,function(){$('#leftTab').attr('src','images/left_tab_open.png');});	
		}
		else {
			ans.animate({left: 0},500, function(){$('#leftTab').attr('src','images/left_tab_close.png',$('#leftTab').fadeOut(500));});	
		}
	});
	
	function goBack(){
			$('.leftBar').animate({left:0});
			alert("Click Player to start video again");
		}






	$('#videobutton').click(function() {
	         var answer = $('.videoFlash');
			 var tech = $('.share, .discuss, .embed');
			 var image = $('.tile_bg');
			 var $lefty = $('.leftBar');
	         if (answer.is(':visible')) {
	             answer.fadeOut(500);
				 image.hide();
				 tech.fadeOut(500);
	         } else {
				 $('.photoFlash, .graphic').hide();
	             answer.fadeIn(500,function(){
						$('.share').delay(200).fadeIn(800);
						$('.discuss').delay(400).fadeIn(800);
						$('.embed').delay(600).fadeIn(800);
					}
				 );
				 image.show();
				 $lefty.animate({
					left: parseInt($lefty.css('left'),10) == 0 ?
					-$('.leftBarInner').outerWidth() :
					0
				 },function(){$('#leftTab').attr('src','images/left_tab_open.png');});
	         }
	});
	$('#graphicbutton').click(function() {
	         var answer = $('.graphic');
			 var tech = $('.share, .discuss');
			 var image = $('.tile_bg');
			 var $lefty = $('.leftBar');
	         if (answer.is(':visible')) {
	             answer.fadeOut(500);
				 tech.fadeOut(500);
				 image.hide();
				 
	         } else {
				 $('.videoFlash, .photoFlash, .embed').hide();
				 answer.fadeIn(500,function(){
						$('.share').delay(200).fadeIn(800);
				 		$('.discuss').delay(400).fadeIn(800);
				 	 }
				 ); 
				 image.show();
				 $lefty.animate({
					left: parseInt($lefty.css('left'),10) == 0 ?
					-$('.leftBarInner').outerWidth():
					0
				 },function(){$('#leftTab').attr('src','images/left_tab_open.png');});
				
	         }
	});
	$('#photobutton').click(function() {
	         var answer = $('.photoFlash');
			 var tech = $('.share, .discuss');
			 var first = $('#1');
			 var image = $('.tile_bg');
			 var $lefty = $('.leftBar');
	         if (answer.is(':visible')) {
	             answer.fadeOut(500);
				 tech.fadeOut(500);
				 image.hide();
	         } else {
				 $('.videoFlash, .graphic, .embed').hide();
				 answer.fadeIn(500,function(){
						$('.share').delay(200).fadeIn(800);
				 		$('.discuss').delay(400).fadeIn(800);
					}
				);
	             first.show();
				 image.show();
				 $lefty.animate({
					left: parseInt($lefty.css('left'),10) == 0 ?
					-$('.leftBarInner').outerWidth():
					0
				 },function(){$('#leftTab').attr('src','images/left_tab_open.png');});
			}
	});

//////////---NEW CODE---\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
		$('#textbutton').click(function() {
	         var answer = $('.pageText, .discussDiv');
			 var image = $('.tile_bg');
			 var $lefty = $('.leftBar');
	         if (answer.is(':visible')) {
	             answer.fadeOut(500);
				 image.hide();
				 $('#leftTab').attr('src','images/left_tab_close.png');
	         } else {
				 answer.fadeIn(500); 
				 image.show();
				 $lefty.animate({
					left: parseInt($lefty.css('left'),10) == 0 ?
					-$('.leftBarInner').outerWidth():
					0
				 },function(){$('#leftTab').attr('src','images/left_tab_open.png');});
				
	         }
	});
		$('#docbutton').click(function() {
	         var answer = $('#docBox');
			 var tech = $('.share, .discuss');
			 var image = $('.tile_bg');
			 var $lefty = $('.leftBar');
	         if (answer.is(':visible')) {
	             answer.fadeOut(500);
				 image.hide();
				 tech.fadeOut(500);
	         } else {
	             answer.fadeIn(500,function(){
						$('.share').delay(200).fadeIn(800);
						$('.discuss').delay(400).fadeIn(800);
					}
				 );
				 image.show();
				 $lefty.animate({
					left: parseInt($lefty.css('left'),10) == 0 ?
					-$('.leftBarInner').outerWidth() :
					0
				 },function(){$('#leftTab').attr('src','images/left_tab_open.png');});
	         }
	});
//////////---END NEW CODE---\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\	
	
	
	$('.next').click(function(){
			var node = $(this).parent().parent().parent();
			node.fadeOut(400, function(){node.next().fadeIn(400);}); 		
		}
	);
	
	$('.back').click(function(){
			var node = $(this).parent().parent().parent();
			node.fadeOut(400, function(){node.prev().fadeIn(400);});			
		}
	);



$('#story1').hover(function() {
				 $('#globe').attr('src','images/globe/globe_lagos.gif');				 
			},
			function(){
				$('#globe').attr('src','images/globe/glowglobe.gif');
			});

$('#story2').hover(function() {
				 $('#globe').attr('src','images/globe/globe_india.gif');				 
			},
			function(){
				$('#globe').attr('src','images/globe/glowglobe.gif');
			});

$('#story3').hover(function() {
				 $('#globe').attr('src','images/globe/globe_hk.gif');				 
			},
			function(){
				$('#globe').attr('src','images/globe/glowglobe.gif');
			});

$('#story4').hover(function() {
				 $('#globe').attr('src','images/globe/globe_kenya.gif');				 
			},
			function(){
				$('#globe').attr('src','images/globe/glowglobe.gif');
			});

$('#story5').hover(function() {
				 $('#globe').attr('src','images/globe/globe_sl.gif');				 
			},
			function(){
				$('#globe').attr('src','images/globe/glowglobe.gif');
			});

$('#story6').hover(function() {
				 $('#globe').attr('src','images/globe/globe_bangkok.gif');				 
			},
			function(){
				$('#globe').attr('src','images/globe/glowglobe.gif');
			});

$('#story7').hover(function() {
				 $('#globe').attr('src','images/globe/globe_safrica.gif');				 
			},
			function(){
				$('#globe').attr('src','images/globe/glowglobe.gif');
			});


});