$(document).ready(function () {
	$('.scrollContainerInner div#3').flash( { swf: 'lib/swf/flow-clmge-banner.swf', height: 500, width: 860 } );  
	$('.scrollContainerInner div#5').flash( { swf: 'lib/swf/video_player.swf', height: 500, width: 860, flashvars: { vidFile: '../video/mm_key_quest.flv'} } );
	$('.scrollContainerInner div#11').flash( { swf: 'lib/swf/road-trip.swf', height: 500, width: 860 } );
	var $slides = $('.slide');
	var $container = $('.scrollContainerInner');
	var $middle = $('.scrollMiddle');
	var $scroll = $('.scrollContainer').css('overflow', 'hidden');
	var $infoSlider = $('#wrap .infoSlider');
	var $infoBox = $('#wrap .infoSlider .infoBox');
	var $info = $('#wrap .infoSlider .infoBox .info');		
	var $iSliderH = $infoSlider[0].offsetHeight;
	var $iBoxH = $infoBox[0].offsetHeight + 25;
	var $infoH = $info[0].offsetHeight;	
	$middle.before('<div class="scrollButtons left" />');
	$middle.after('<div class="scrollButtons right" />');
	$container.css('width', $slides[0].offsetWidth * $slides.length);
	$info.css('display', 'none');
	$('.scroll').css('overflow', 'hidden');
	$('#slideNav li').click(selectNav);
	function initSlider (newMarg) {
		if(!$('.btn-slide').hasClass("active")) {
			$infoSlider.css('marginTop', - newMarg);
		};
	}
	function trce () {
			if($('.btn-slide').hasClass("active")) {
				$('.current').fadeOut(1000);
			};
	}
	function selectNav() {
		$(this).removeClass('navLoaded').parents('ul:first').find('li').removeClass('navSelected').addClass('navLoaded').end().end().addClass('navSelected').removeClass('navLoaded');
	}
	function changeInfo (idClicked) {
		var $currentID = idClicked;		
		var $currentDiv = 'info' + $currentID;
		var $thisDiv = $infoBox.find('#' + $currentDiv);
		function setInfo () {
			$info.removeClass('current');
			$thisDiv.addClass('current');
			$info.hide();
		}
		if($('.btn-slide').hasClass("active")) {
			$('.current').animate({opacity: "hide"}, 300, "easeOut", function () {
				setInfo();
				$thisDiv.animate({opacity: "show"}, 300, "easeIn");
			});
		} else {
			setInfo();
			$thisDiv.show();
		};
		var $iSliderH = $infoSlider[0].offsetHeight;
		var $iBoxH = $infoBox[0].offsetHeight + 25;
		var $infoH = $info[0].offsetHeight;
		initSlider($iBoxH);
	}
	var scrollOptions = { target: $scroll,items: $slides,navigation: '#slideNav li',prev: 'div.left',next: 'div.right',axis: 'xy',duration: 800,easing: 'easeOutCirc',cycle: false,onAfter: trigger };
	function trigger(data) {
		var el = $('#slideNav').find('li[id$="' + data.id + '"]').get(0);
		selectNav.call(el);
		var idNeeded = "_" + data.id.substr(-2);
		changeInfo(idNeeded);
	}	
	if (window.location.hash) {
		trigger({ id: window.location.hash.substr(1) });
	} else {
		$('#slideNav li:first').click();
		var idNeeded = "_1";
		changeInfo(idNeeded);
	}
	$('.contWrap').serialScroll(scrollOptions);	
	$.localScroll(scrollOptions);
	// Balloon hover effect for indicators
	$("#slideNav ul li").hover(function() {
			$(this).find('a').next("em").animate({opacity: "show", top: "-68"}, "fast");
		}, function() {
			$(this).find('a').next("em").animate({opacity: "hide", top: "-75"}, "fast");
	});
	$(".btn-slide").toggle(function() {
		$infoSlider.animate({ marginTop: -15 }, 900, "easeOutCirc" );
		if (!$(this).hasClass("active")) {
			$(this).addClass("active");
	}
		return false;
	}, function() {
		var $iBoxH = $infoBox[0].offsetHeight + 25;
		$infoSlider.animate({ marginTop: -$iBoxH }, 500, "easeOutCirc" );
		if ($(this).hasClass("active")) {
			$(this).removeClass("active");
		}
		return false;
	});		
});

function sendAnnotatedMailTo(name, company, domain, subject) {
   locationstring = 'mai' + 'lto:' + name + '@' + company + '.' + domain + "?subject=" + escape(subject);
   window.location.replace(locationstring);
}