// JavaScript Document
$(document).ready(function() {
	initHomepage();
	setupExtLink('#blogBtn');
	setupExtLink('#blogBtnFooter');
});

function initHomepage() {
	var fadeTime = 400;
	
	//Set opacity on each span to 0%
    $("#roStory").css({'opacity':'0'});
	$("#roStoryBtn").css({'opacity':'0'});
    //$("#roHome").css({'opacity':'0'});
	//$("#roHomeBtn").css({'opacity':'0'});
    $("#roAbout").css({'opacity':'0'});
	$("#roAboutBtn").css({'opacity':'0'});
    $("#roNews").css({'opacity':'0'});
	$("#roNewsBtn").css({'opacity':'0'});
    $("#roWines").css({'opacity':'0'});
	$("#roWinesBtn").css({'opacity':'0'});
    $("#roQualo").css({'opacity':'0'});
	$("#roQualoBtn").css({'opacity':'0'});
	$("#roEmailBtn").css({'opacity':'0'});
    $("#roContact").css({'opacity':'0'});
	$("#roContactBtn").css({'opacity':'0'});
    $("#roBlog").css({'opacity':'0'});
	$("#roBlogBtn").css({'opacity':'0'});
	
	$("#navBar img").each(function() {
		// Set the original src
		rollsrc = $(this).attr("src");
		rollON = rollsrc.replace(/.jpg$/ig,"_on.jpg");
		$("<img>").attr("src", rollON);
	});
	
	$("#home-imgs img").each(function() {
		// Set the original src
		rollsrc = $(this).attr("src");
		rollON = rollsrc.replace(/.jpg$/ig,"_on.jpg");
		$("<img>").attr("src", rollON);
	});
	
	$('#storyBtn a').hover(
		function() {
			$('#roStoryBtn').stop().fadeTo(fadeTime, 1);
			$('#roStory').stop().fadeTo(fadeTime, 1);
		},
		function() {
			$('#roStoryBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roStory').stop().fadeTo(fadeTime+200, 0);
		}
	)
	/*
	$('#homeBtn a').hover(
		function() {
			$('#roHomeBtn').stop().fadeTo(fadeTime, 1);
			$('#roHome').stop().fadeTo(fadeTime, 1);
		},
		function() {
			$('#roHomeBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roHome').stop().fadeTo(fadeTime+200, 0);
		}
	)
	*/
	$('#aboutBtn a').hover(
		function() {
			$('#roAboutBtn').stop().fadeTo(fadeTime, 1);
			$('#roAbout').stop().fadeTo(fadeTime, 1);
		},
		function() {
			$('#roAboutBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roAbout').stop().fadeTo(fadeTime+200, 0);
		}
	)
	$('#newsBtn a').hover(
		function() {
			$('#roNewsBtn').stop().fadeTo(fadeTime, 1);
			$('#roNews').stop().fadeTo(fadeTime, 1);
		},
		function() {
			$('#roNewsBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roNews').stop().fadeTo(fadeTime+200, 0);
		}
	)
	$('#winesBtn a').hover(
		function() {
			$('#roWinesBtn').stop().fadeTo(fadeTime, 1);
			$('#roWines').stop().fadeTo(fadeTime, 1);
		},
		function() {
			$('#roWinesBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roWines').stop().fadeTo(fadeTime+200, 0);
		}
	)
	$('#qualoBtn a').hover(
		function() {
			$('#roQualoBtn').stop().fadeTo(fadeTime, 1);
			$('#roQualo').stop().fadeTo(fadeTime, 1);
		},
		function() {
			$('#roQualoBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roQualo').stop().fadeTo(fadeTime+200, 0);
		}
	)
	$('#contactBtn a').hover(
		function() {
			$('#roContactBtn').stop().fadeTo(fadeTime, 1);
			$('#roContact').stop().fadeTo(fadeTime, 1);
			$('#emailTab').stop().animate({top:'-35px'}, fadeTime);
		},
		function() {
			$('#roContactBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roContact').stop().fadeTo(fadeTime+200, 0);
			$('#emailTab').stop().animate({top:'-25px'}, fadeTime-200);
		}
	)
	$('#blogBtn a').hover(
		function() {
			$('#roBlogBtn').stop().fadeTo(fadeTime, 1);
			$('#roBlog').stop().fadeTo(fadeTime, 1);
		},
		function() {
			$('#roBlogBtn').stop().fadeTo(fadeTime+200, 0);
			$('#roBlog').stop().fadeTo(fadeTime+200, 0);
		}
	)
	$('#emailTab a').hover(
		function() {
			$('#roEmailBtn').stop().fadeTo(fadeTime-200, 1);
		},
		function() {
			$('#roEmailBtn').stop().fadeTo(fadeTime-200, 0);
		}
	)
}

function setupExtLink(button) {
	$(button+' a').fancybox({
				'transitionIn': 'elastic',
				'transitionOut': 'elastic',
				'type': 'iframe',
				'width': '90%',
				'height': '90%',
				'overlayOpacity': 0.6,
				'overlayColor': '#000'
	});
}

function noSpamBot(addy, domain, linkText) {
	if (linkText) {
		document.write('<a href=\"mailto:' + addy + '@' + domain + '\">');
		document.write(linkText + '</a>'); 
	}
	else {
		document.write('<a href=\"mailto:' + addy + '@' + domain + '\">');
		document.write(addy + '@' + domain + '</a>'); 	
	}
}