/*
bedukonline.js
Written by Eyüp Ferhat GÜDÜCÜ
*/


$(document).ready(function(){
	
	$window = $(window);
	$('[data-type]').each(function() {
			$(this).data('XtoCenter',  parseInt($(this).attr('data-XtoCenter')));
			$(this).data('offsetY', parseInt($(this).attr('data-offsetY')));
		});
		$('[data-type="sprite"]').each(function(){
			var $sprite = $(this);
			var newXPos=($window.width()/2)+$sprite.data('XtoCenter');
			var coords = newXPos + 'px ' +  $sprite.data('offsetY') + 'px';
			$sprite.css({ backgroundPosition: coords });
				
			});
		$('[data-type="article"]').each(function() {
					
			var $article = $(this);					
			var yPos =parseInt($article.data('offsetY'));	
			var newXPos=($window.width()/2)+$article.data('XtoCenter');	
			$article.css( 'top', yPos+'px' );	
			$article.css( 'left', newXPos+'px' );	
														
			});		
		
	var isactiveLink;
	$("#rightNav a").hover(
  			function () {
				isactiveLink=$(this).attr('class');
				$(this).attr('class', 'active');},
	  		function () {
				if(isactiveLink!='active'){
				$(this).attr('class', 'inactive');}});	


	

});


$(document).ready(function(){
						
	
	$window = $(window);
	

	$('[data-type]').each(function() {	
		$(this).data('offsetY', parseInt($(this).attr('data-offsetY')));
		$(this).data('Xposition', $(this).attr('data-Xposition'));
		$(this).data('speed', $(this).attr('data-speed'));
	});
	

	$('section[data-type="background"]').each(function(){
	
		var $self = $(this),
			offsetCoords = $self.offset(),
			topOffset = offsetCoords.top,
			sHeight=$self.height();
			
			$(window).resize(function() {
		
			 $('[data-type="sprite"]', $self).each(function() {
					
					var $sprite = $(this);
					
					var yPos = -($window.scrollTop() / $sprite.data('speed'));	
					var newXPos=($window.width()/2)+$sprite.data('XtoCenter');								
					var coords = newXPos + 'px ' + (yPos + $sprite.data('offsetY')) + 'px';
					$sprite.css({ backgroundPosition: coords });	
														
					
				}); 
					$('[data-type="article"]').each(function() {
					
			var $article = $(this);					
			var yPos =parseInt($article.data('offsetY'));	
			var newXPos=($window.width()/2)+$article.data('XtoCenter');	
			$article.css( 'top', yPos+'px' );	
			$article.css( 'left', newXPos+'px' );	
														
			});		
});
		
	    $(window).scroll(function() {
		if($window.scrollTop()>=topOffset && topOffset+sHeight/2>=$window.scrollTop())	
			{	
			var sectionID= $self.attr('id');			
			var dataID='[data-id='+sectionID+'] a:last';			
			$(dataID).last().attr('class', 'active');
			}else
			{
					var sectionID= $self.attr('id');			
					var dataID='[data-id='+sectionID+'] a:first';			
					$(dataID).first().attr('class', 'inactive');
				};
	
		
			if ( ($window.scrollTop() + $window.height()) > (topOffset) &&
				 ( (topOffset + $self.height()) > $window.scrollTop() ) ) {
									
				var yPos = -($window.scrollTop() / $self.data('speed')); 
				
				if ($self.data('offsetY')) {
					yPos += $self.data('offsetY');
				}
				
				var coords = '10% '+ (yPos + $self.data('offsetY')) + 'px';

				$self.css({ backgroundPosition: coords });
				
				$('[data-type="sprite"]', $self).each(function() {
					
					var $sprite = $(this);
					
					var yPos = -($window.scrollTop() / $sprite.data('speed'));	
					var newXPos=($window.width()/2)+$sprite.data('XtoCenter');								
					var coords = newXPos + 'px ' + (yPos + $sprite.data('offsetY')) + 'px';
					$sprite.css({ backgroundPosition: coords });	
														
					
				}); 				
		
				$('[data-type="article"]', $self).each(function() {
					
					var $article = $(this);
					
				var yPos = -($window.scrollTop() / $article.data('speed')+parseInt($(this).attr('offsetY')));	
					var newXPos=($window.width()/2)+$article.data('XtoCenter');								
					
					$article.css({ top: yPos });	
						$article.css({ left: newXPos });											
					
				});
			
			}; 
			
	
		});
			
	});

});