// GLOBAL SETTINGS OBJECT
//
var MNY = {
	transition : 10 // Specified in whole seconds!
};


jQuery( document ).ready( function ( $ ) {
	

	// Init settings
	$('title').text( MNY.transition + " " + MNY.transition + " " + MNY.transition );
	$('article').first().addClass('active');
	add_side_link();


	// Transition element

	var trans = function() {

		var $i, $active, $title;

		$i = $('i');
		$active = $('article.active');
		$title = $('title');

		// Resets global transition counter
		//
		$title.text( "BOOOOOOOOOOOOM" );
		MNY.countdown = MNY.transition + 1;

		$i.css({ 'top' : "0%" });

		setTimeout ( function () {
			
			$active.removeClass('active').next().addClass('active');
			
			add_side_link();
			
			if ( !$('article.active').length )  {
				$('article').first().addClass('active');
			}

			$i.css({ 'bottom' : "100%" });
		
			setTimeout ( function () {
				
				$i.hide().css({'top' : "100%", 'bottom' : "0%" });

				setTimeout ( function () {
					
					$i.show();

				}, 200 );

			}, 800);
		
		}, 800);
	}

	// COUNTDOWN
	//
	var countdown = function() {

		$title = $('title');
		countdown = MNY.countdown || MNY.transition;
		MNY.countdown = countdown - 1;

		if ( MNY.countdown === 0 ) {
			
			// Set to run every countdown period
			// to handle transition between slides
			trans();
		}
		else {

			$title.text( MNY.countdown + " " + MNY.countdown + " " + MNY.countdown );
		}


	} // Countdown

	// INTERVAL
	//
	function set_slide_interval () {
		MNY.interval = setInterval( countdown, 1000);
	};

	function kill_slide_interval() {
		clearInterval( MNY.interval );
	}

	if ( $(window).width() >= 600 ) {

		set_slide_interval();
	}
	else {

	}

	function add_side_link() {
				
		if ( $('article.active').length >= 1 ) {
			var href = $('article.active').find('a').attr('href');
			
			$('aside ul li a').removeClass('active');
			
			$('aside ul li a[href*="'+href+'"]').addClass('active');
			
		}

	}

	//

	var project_list = function () {
		
		var $h2 = $('aside h2').first(),
			html;
		
		html = "<ul><li class=\"marker\"></li>";

		$('section div article').each( function () {
			
			var $self = $(this);

			html += "<li>" + $self.find('header h1').text() + "</li>";
		});

		html += "</ul>";

		$h2.after( html );
	}

	if ( $(document).width() > 600 ) {
	
		project_list();
	}

	$(window).smartresize(function(){  

	   if ( $(window).width() >= 600 )  {
	   
		  set_slide_interval();
	   }
	   else {
	   
	   	  kill_slide_interval();
	   }
	});

});