/*
 *  Yoshimi Theme Javascripts to be run at END or page load
 */

/* jQuery NoConflict Wrapper */
jQuery(function ($) {

/* Nivo Slider Initializer */
$(window).load(function() {
	   $('#slider').nivoSlider({
		effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
		        animSpeed: 500, // Slide transition speed
		        pauseTime: 5000, // How long each slide will show
		        startSlide: 0, // Set starting Slide (0 index)
		        directionNav: false, // Next & Prev navigation
		        directionNavHide: true, // Only show on hover
		        controlNav: true, // 1,2,3... navigation
		        controlNavThumbs: false, // Use thumbnails for Control Nav
		        controlNavThumbsFromRel: false, // Use image rel for thumbs
		        controlNavThumbsSearch: '.jpg', // Replace this with...
		        controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src
		        keyboardNav: true, // Use left & right arrows
		        pauseOnHover: false, // Stop animation while hovering
		        manualAdvance: false, // Force manual transitions
		        captionOpacity: 0.8, // Universal caption opacity
		        prevText: 'Prev', // Prev directionNav text
		        nextText: 'Next', // Next directionNav text
		        beforeChange: function(){}, // Triggers before a slide transition
		        afterChange: function(){}, // Triggers after a slide transition
		        slideshowEnd: function(){}, // Triggers after all slides have been shown
		        lastSlide: function(){}, // Triggers when last slide is shown
		        afterLoad: function(){} // Triggers when slider has loaded
		});
		initMonthText();
		checkPosition();
		roughDraftListener();
		jquerySubmit();
});
});

$(document).delegate('.scrollToContact', 'click', function() {
	scrollWindow();
});

function scrollWindow(){
$('html,body').animate({
scrollTop: $("#contact-title").offset().top - 100
}, 2000);
}

/*function jquerySubmit() {
	$( "input:submit").button ({
		icons: {
			primary: "ui-icon-mail-closed"
		}	
		text: false;
	});
}*/

/* Change Month Name as Page Scrolls */
function checkPosition() {
	var circleOffset = 100;
	var previousTop = $('article[scrollpos*="prev"]').offset().top;
	var nextTop = $('article[scrollpos*="next"]').offset().top;
	var monthTop = $('.monthCircle').offset().top;
	
	var previousPos = previousTop - $(window).scrollTop();
	var nextPos = nextTop - $(window).scrollTop();
	var monthPos = monthTop - $(window).scrollTop();
  	$(window).scroll(function() {
		if(nextPos <= (monthPos + circleOffset)){
			if($('article').last().attr("scrollpos") != "next"){
				slideForward();
			}
		}
		if(previousPos >= (monthPos + circleOffset)){
			if($('article').first().attr("scrollpos") != "prev"){
				slideBack();
			} 
		}
		previousTop = $('article[scrollpos*="prev"]').offset().top;
		nextTop = $('article[scrollpos*="next"]').offset().top;
		monthTop = $('.monthCircle').offset().top;
		previousPos = (previousTop - circleOffset) - $(window).scrollTop();
		nextPos = (nextTop - circleOffset) - $(window).scrollTop();
		monthPos = (monthTop - circleOffset) - $(window).scrollTop();
  	});
}

/* Move the "next" and "prev" attributes to the next posts */
function slideForward(){
	$('article[scrollpos*="next"]').prev().removeAttr("scrollpos","").next().attr("scrollpos","prev").next().attr("scrollpos","next");
	setMonthText();
}

/* Move the "next" and "prev" attributes to the previous posts */
function slideBack(){
	$('article[scrollpos*="prev"]').prev().attr("scrollpos","prev").next().attr("scrollpos","next").next().removeAttr("scrollpos","");
	setMonthText();
}

var prevMonth;
var currMonth;
var prevYear;
var currYear;

function setMonthText(){
	currMonth = $('article[scrollpos*="prev"]').attr("month");
	currYear = $('article[scrollpos*="prev"]').attr("year");
	/* If posts are in the same month, don't fade out */
	if(prevMonth == currMonth) {
			/*console.log('prevMonth:'+prevMonth);
			console.log('currMonth:'+currMonth);*/
	} else {
		$('.monthText').fadeOut(100, function() {
	      	$(this).html(currMonth).fadeIn(100);
		});
	}
	if(prevYear == currYear) {
			/*console.log('prevMonth:'+prevMonth);
			console.log('currMonth:'+currMonth);*/
	} else {
		$('.yearText').fadeOut(100, function() {
	      	$(this).html(currYear).fadeIn(100);
		});
	}
	prevMonth = currMonth;
	prevYear = currYear;
}

/*initialize the month text with the top post */
function initMonthText(){
	/* var setMonth = $(".post:first").attr("data-month");
	$('#monthText').val(setMonth); */
	$(".post").first().attr("scrollpos","prev").next().attr("scrollpos","next");
	setMonthText();
}

/* THEME SWITCHING JAVASCRIPTS */

function roughDraftListener(){
	themeHidden = true;
	initRoughDraft();
	$("#roughDraftToggle").click(function () { 
		showRoughDraft();
	});
}

function showRoughDraft(){
		$('.theme_roughDraft').fadeIn(1000);
}

function initRoughDraft(){
	var stylesheetURL = 'http://localhost:8888/anthonydispezio.com/wp-content/themes/yoshimi/';
//	$('header h1').before('<img id="hiThereMyNameIs" class="theme_roughDraft" src="'+stylesheetURL+'themes/roughDraft/hiThereMyNameIs.png" title="Hi there, my name is"/>');
	$('#header h1').before('<span id="txt_hiThereMyNameIs" class="theme_roughDraft">hi there, my name is</span>');
	$('#header h2').after('<span id="txt_withDesignInMind" class="theme_roughDraft">with design in mind.</span>');
	$('.menu-primary-menu-container').after('<span id="txt_sideProject" class="theme_roughDraft"><span id="arr_sideProject" class="theme_roughDraft"></span>side project</span>');
}