// 'stacks' is the Stacks global object.
// All of the other Stacks related Javascript will 
// be attatched to it.
var stacks = {};


// this call to jQuery gives us access to the globaal
// jQuery object. 
// 'noConflict' removes the '$' variable.
// 'true' removes the 'jQuery' variable.
// removing these globals reduces conflicts with other 
// jQuery versions that might be running on this page.
stacks.jQuery = jQuery.noConflict(true);

// Javascript for stacks_in_111_page0
// ---------------------------------------------------------------------

// Each stack has its own object with its own namespace.  The name of
// that object is the same as the stack's id.
stacks.stacks_in_111_page0 = {};

// A closure is defined and assined to the stack's object.  The object
// is also passed in as 'stack' which gives you a shorthand for refering
// to this object from elsewhere.
stacks.stacks_in_111_page0 = (function(stack) {

	// When jQuery is used it will be available as $ and jQuery but only
	// inside the closure.
	var jQuery = stacks.jQuery;
	var $ = jQuery;
	
var deviceAgent = navigator.userAgent.toLowerCase();
var ios = deviceAgent.match(/(iphone|ipod|ipad)/);

function playing(){
	$("#stacks_in_111_page0 .poster").hide();
	if(ios){
		$('#stacks_in_111_page0 .play_button').hide();
	}
}

function paused(){
}

function ended(){
	$("#stacks_in_111_page0 .poster").show();
	var myVideo = $('#stacks_in_111_page0 .video').get(0);
	myVideo.pause();
	$("#stacks_in_111_page0").find(".play_button").attr('src','files/play_transparent.png').fadeIn(200);
	
}


$(document).ready(function(){
	
	// Setting poster size
	var new_width = 220+3	;
	$("#stacks_in_111_page0 .poster").find("img").css('width',new_width+'px').css('height','autopx');

	
	// Adding eventhandler
	var v = $('#stacks_in_111_page0 .video').get(0);
	v.addEventListener('playing', playing, false);
	v.addEventListener('pause', paused, false);
	v.addEventListener('ended', ended, false);

	// Hiding fancy controls if set up
	if(! true){
		$('#stacks_in_111_page0 .play_button').remove();
	}
	
	if(! true){
		$("#stacks_in_111_page0 .poster").remove();
	}
	
	// fade in play button on start
	if("" !== "autoplay"){
		$("#stacks_in_111_page0").find(".play_button").fadeIn(300);
	}
	
	
	// start and stop video on fancy button click
	$("#stacks_in_111_page0").find(".play_button").click(function(){
		var myVideo = $('#stacks_in_111_page0 .video').get(0);
       	if (myVideo.paused || myVideo.ended){
           	myVideo.play();
			$("#stacks_in_111_page0").find(".play_button").fadeOut(200, function(){
				$("#stacks_in_111_page0").find(".play_button").attr('src','files/stop_transparent.png');
			});
		}
		else{
			myVideo.pause();
			$("#stacks_in_111_page0").find(".play_button").fadeOut(200, function(){
				$("#stacks_in_111_page0").find(".play_button").attr('src','files/play_transparent.png');
			});
		}
	});	
	
	// show play/stop button on hover
	$("#stacks_in_111_page0 .video_box").mouseover(function(){
		$("#stacks_in_111_page0").find(".play_button").fadeIn(300);
	});
	
	// hide play/stop button on mouse leave
	$("#stacks_in_111_page0 .video_box").mouseleave(function(){
		$("#stacks_in_111_page0").find(".play_button").fadeOut(300);
	});
	
	/*
	// show non transparent images on button hover
	$("#stacks_in_111_page0").find(".play_button").mouseover(function(){
		var myVideo = $('#stacks_in_111_page0 .video').get(0);
       	if (myVideo.paused || myVideo.ended){
			$(this).attr('src','files/play.png');
		}
		else{
			$(this).attr('src','files/stop.png');			
		}
	});
	
	// set back to transparent
	/*$("#stacks_in_111_page0").find(".play_button").mouseleave(function(){
		var myVideo = $('#stacks_in_111_page0 .video').get(0);
       	if (myVideo.paused || myVideo.ended){
			$(this).attr('src','files/play_transparent.png');
		}
		else{
			$(this).attr('src','files/stop_transparent.png');			
		}
	});
	*/
});
	return stack;
})(stacks.stacks_in_111_page0);