var MARGIN = 0;

//----------------------------------------------------------------
//
// DETECT MOBILE
//
//----------------------------------------------------------------

$(document).ready(function()
{
	$("#browser-type").html(navigator.userAgent);

/*	if( navigator.userAgent.match(/Android/i) ||
	 navigator.userAgent.match(/webOS/i) ||
	 navigator.userAgent.match(/iPhone/i) ||
	 navigator.userAgent.match(/iPod/i)
	 ){
*/

	if( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)
	 ){
		 MARGIN = 800;
	}
});


//----------------------------------------------------------------
//
// MINITHUMBS
//
//----------------------------------------------------------------
function checkMiniThumbs()
{
	console.log('TESTING' + flashvars.videoId);
	
	var wrapperDiv = document.getElementById(flashvars.videoId);
	var overlayDiv = wrapperDiv.getElementsByTagName('div')[0];
	
	console.log('overlay: ' + overlayDiv);
	console.log('style: ' + overlayDiv.style);
	console.log('display: ' + overlayDiv.style.display);
	
	overlayDiv.style.display = "block";
}




//----------------------------------------------------------------
//
// ANIMATIONS
//
//----------------------------------------------------------------

function toggleAbout()
{
//		var isIE = navigator.appName.indexOf("Microsoft") != -1;
//		var aboutDiv = (isIE) ? window["about"] : document["about"];
	var aboutDiv = document.getElementById("about");
	
//	alert(aboutDiv.style.display);
	if(aboutDiv.style.display != "block")
	{
		aboutDiv.style.display = "block";
	}
	else
	{
		aboutDiv.style.display = "none";
	}
}

function onResumeClick()
{
	// DETECT STATE
	var DURATION = 500;
	var posTop = $("#resume").position().top;
	var posBottom = posTop + $("#resume").outerHeight(true) + MARGIN;


	var infoStr = "posTop : " + posTop + "<br />"
					+ "posBottom : " + posBottom + "<br />"
					+ "height : " + $("#resume").outerHeight(true);
	$("#info-box").html(infoStr);



	var currentThumbPos = $("#thumbsWrapper").position().top;

	var tarOpacity;
	var tarTopPosition;
	if (currentThumbPos > posTop)
	{
		tarOpacity = 0;
		tarTopPosition = posTop;
	}else{
		$("#resume").css("display", "block");
		tarOpacity = 1;
		tarTopPosition = posBottom;
	}			
	
	// ANIMATE
	// - FADE IN/OUT RESUME
	var str;
	
	$("#resume").animate(
	  {
		opacity: tarOpacity
	  }, DURATION, function() {
		// Animation complete.
		if (currentThumbPos > posTop)
		{
			$("#resume").css("display", "none");

			// CHANGE TEXT
			str = "+ show resume";
		}
		else
		{
			str = "- hide resume";
		}

		$(".animation-link a").html(str);
	  });

	// - SLIDE DOWN/UP THUMBS
	$("#thumbsWrapper").animate(
	  {
		top: tarTopPosition
	  }, DURATION, function() 
	  {
		// Animation complete.
//				console.log("blocker animation complete");
	  });
}