// JavaScript Document
$(document).ready(function(e) {
	var _duration = 500;
	var _alpha = .3
	var cache = [];
	
	/*var i;
	for (i in document.images) {
		if (document.images[i].src) {
			var imgSrc = document.images[i].src;
			if (imgSrc.substr(imgSrc.length-4) === '.png' || imgSrc.substr(imgSrc.length-4) === '.PNG') {
				document.images[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='" + imgSrc + "')";
			}
		}
	}*/

  	// Arguments are image paths relative to the current page.
	function preLoadImages() {
		var args_len = arguments.length;
		for (var i = args_len; i--;) {
		  var cacheImage = document.createElement('img');
		  cacheImage.src = arguments[i];
		  cache.push(cacheImage);
		}
	  }
	preLoadImages("peoplePopper/_images/dr1Over.png", "peoplePopper/_images/dr2Over.png", "peoplePopper/_images/dr3Over.png", "peoplePopper/_images/dr4Over.png", "peoplePopper/_images/dr5Over.png");
	
	
	$('.peoplePopper .posterHolder .posterImage').bind('click', function(e) {
		$('.peoplePopper .posterHolder').css('display','none');
		$('.peoplePopper .posterHolder').unbind('click');
		showVideo();
		var videoHTML = '<video width="622" height="350" preload controls autoplay id="videoPlayer">' +
			'<source src="peoplePopper/_video/intro.mp4" type="video/mp4" class="drVideo" />' +
			'<source src="peoplePopper/_video/intro.webm" type="video/webm" class="drVideo" />' +
			'<source src="peoplePopper/_video/intro.ogv" type="video/ogg" class="drVideo" />';
			//'<!--[if lt IE 9]>' +
			if(!(jQuery.browser.msie && jQuery.browser.version == '9.0')){
				videoHTML += '<script type="text/javascript">'+
					'var flashvars = {};' +
					'flashvars.html_input_width = "622";' +
					'flashvars.html_input_height = "350";'+
					'flashvars.html_input_video_name = "intro.mp4";' +
					'var params = {};' +
					'params.menu = "false";' +
					'params.scale = "exactfit";' +
					'params.allowfullscreen = "true";' +
					'params.allowscriptaccess = "sameDomain";' +
					'params.wmode = "transparent";' +
					'var attributes = {};' +
					'attributes.id = "FlashVideoPlayer";' +
					'attributes.align = "left";' +
					'swfobject.embedSWF("peoplePopper/_video/flashVideoPlayer.swf", "myAlternativeContent", "622", "350", "9.0.0", false, flashvars, params, attributes);' +
				'</script>'+
				'<div id="myAlternativeContent">'+
					'<a href="http://www.adobe.com/go/getflashplayer">'+
						'<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />'+
					'</a>'+
				'</div>';
			}
			//'<![endif]-->'+
			videoHTML += '</video>';	
		$('.peoplePopper .videoHolder').html(videoHTML);
		
		$('.drVideo').parent().bind("ended", function(){
			ended();
		});
		
	});
	
	$('.peoplePopper a.person1').mouseenter(function(e) {
		rolloverAnimation($(this), 'dr1Over.png', 154, 338, 0, 125);
    });
	
	$('.peoplePopper a.person2').mouseenter(function(e) {
		rolloverAnimation($(this), 'dr2Over.png', 212, 336, 80, 260);
    });
	
	$('.peoplePopper a.person3').mouseenter(function(e) {
		rolloverAnimation($(this), 'dr3Over.png', 191, 335, 220, 0);
    });
	
	$('.peoplePopper a.person4').mouseenter(function(e) {
		rolloverAnimation($(this), 'dr4Over.png', 181, 334, 350, 120);
    });
	
	$('.peoplePopper a.person5').mouseenter(function(e) {
		rolloverAnimation($(this), 'dr5Over.png', 180, 332, 460, 245);
    });
	
	$('.peoplePopper .nameKey').mouseenter(function(e) {
		restoreAllAssets();
    });
	
	$('.peoplePopper img.callout').mouseenter(function(e) {
		$(this).css('display', 'none');
    });
	
	$('.peoplePopper').mouseleave(function(e) {
        restoreAllAssets();
    });
	
	function rolloverAnimation(inThis, inImage, inW, inH, inL, nameKeyL){
		fadeAllAssets(inThis);
		inThis.css('display','none');
		
		var activePerson = $('.activePerson');
		activePerson.css('display','inline');
		activePerson.css('background','url(peoplePopper/_images/'+ inImage + ') no-repeat');
		activePerson.css('width',inW+'px');
		activePerson.css('height',inH+'px');
		activePerson.css('bottom','0px');
		activePerson.css('left',inL+'px');
		
		inThis.stop();
		activePerson.stop();
		
		inThis.fadeTo(_duration,0)
		activePerson.css('opacity', 0);
		activePerson.fadeTo(_duration, 1);
			
		$('.nameKey').css('display', 'inline');
		$('.nameKey').css('opacity', 0);
		$('.nameKey').stop();
		$('.nameKey').empty();
		$('.nameKey').html('<h1>'+inThis.attr('drName')+'</h1><p>'+inThis.attr('specialty')+'</p><p><em>Click on my image to view my video</em></p>');
		Cufon.replace('.peoplePopper .nameKey h1', { fontFamily: 'BPreplay Bold', hover: true });
		Cufon.replace('.peoplePopper .nameKey p', { fontFamily: 'BPreplay', hover: true }); 
		Cufon.replace('.peoplePopper .nameKey p em', { fontFamily: 'BPreplay Italic', hover: true }); 
		
		$('.nameKey').css('left', nameKeyL+'px');
		$('.nameKey').animate({left:'+=10', opacity:1}, _duration);
		
		activePerson.unbind('click');
		activePerson.bind('click', function(e) {
			showVideo();
			var videoHTML = '<video width="622" height="350" preload controls autoplay id="videoPlayer">' +
				'<source src="peoplePopper/_video/'+inThis.attr('videoName')+'.mp4" type="video/mp4" class="drVideo" />' +
				'<source src="peoplePopper/_video/'+inThis.attr('videoName')+'.webm" type="video/webm" class="drVideo" />' +
				'<source src="peoplePopper/_video/'+inThis.attr('videoName')+'.ogv" type="video/ogg" class="drVideo" />';
				if(!(jQuery.browser.msie && jQuery.browser.version == '9.0')){
					videoHTML += '<script type="text/javascript">'+
						'var flashvars = {};' +
						'flashvars.html_input_width = "622";' +
						'flashvars.html_input_height = "350";'+
						'flashvars.html_input_video_name = "'+inThis.attr('videoName')+'.mp4";' +
						'var params = {};' +
						'params.menu = "false";' +
						'params.scale = "exactfit";' +
						'params.allowfullscreen = "true";' +
						'params.allowscriptaccess = "sameDomain";' +
						'params.wmode = "transparent";' +
						'var attributes = {};' +
						'attributes.id = "FlashVideoPlayer";' +
						'attributes.align = "left";' +
						'swfobject.embedSWF("peoplePopper/_video/flashVideoPlayer.swf", "myAlternativeContent", "622", "350", "9.0.0", false, flashvars, params, attributes);' +
					'</script>'+
					'<div id="myAlternativeContent">'+
						'<a href="http://www.adobe.com/go/getflashplayer">'+
							'<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />'+
						'</a>'+
					'</div>';
				}
				videoHTML += '</video>';	
			$('.peoplePopper .videoHolder').html(videoHTML);
			
			$('.drVideo').parent().unbind("ended");
			$('.drVideo').parent().unbind("loadeddata");
			$('.drVideo').parent().bind("ended", function(){
				ended();
			});
			
			$('.drVideo').parent().bind("loadeddata", function(){
				showBackBtn();
			});
        });
		
		activePerson.unbind('mouseleave');
		activePerson.bind('mouseleave', function(e) {
			restoreAllAssets();
		});
		
	}
	
	function showPeople(){
		$('.peoplePopper .videoHolder').css('display', 'none');
		$('.peoplePopper .imageHolder').css('display','block');
		$('.peoplePopper .imageHolder').css('opacity', 0);
		$('.peoplePopper .imageHolder').animate({opacity:1},_duration);
	}
	
	function showVideo(){
		$('.peoplePopper .videoHolder').css('display', 'block');
		$('.peoplePopper .imageHolder').css('display','none');
	}
	
	function fadeAllAssets(notToFade){
		$('.peoplePopper .imageHolder a').each(function(index, element) {
			if(element != notToFade[0]){
				if($(element).css('display') == 'none'){
					$(element).css('display','inline');
					$(element).css('opacity',_alpha);
				}
				else{
					$(element).stop();
					$(element).fadeTo(_duration,_alpha);
				}
			}
        });
		$('.peoplePopper img.title').stop();
		//$('.peoplePopper img.title').css('filter', 'alpha(opacity=100)');
		$('.peoplePopper img.title').fadeTo(_duration,_alpha);
		$('.peoplePopper img.callout').stop();
		$('.peoplePopper img.callout').fadeTo(_duration,0);
	}
	
	function restoreAllAssets(){
		$('.peoplePopper .imageHolder a').each(function(index, element) {
			$(element).css('display','inline');
			$(element).stop();
         	$(element).fadeTo(_duration,1);
        });
		$('.activePerson').css('display','none');
		$('.nameKey').css('display','none');
		$('.peoplePopper img.title').stop();
		//$('.peoplePopper img.title').css('background', '#fff');
		$('.peoplePopper img.title').fadeTo(_duration,1);
		$('.peoplePopper img.callout').css('display', 'block');
		$('.peoplePopper img.callout').stop();
		$('.peoplePopper img.callout').fadeTo(_duration,1);
	}
	
	window.ended = function(){
		$('.peoplePopper .videoHolder video#videoPlayer').empty();
		$('.peoplePopper .videoHolder').empty();
		showPeople();
	}
	
	window.showBackBtn = function(){
		$('.peoplePopper .videoHolder').append(
			'<a class="backBtn">Back</a>'
		);
		$('.peoplePopper .videoHolder a.backBtn').click(function(e) {
			ended();
		});
	}
	
});