jQuery.noConflict();

var player = null;
var player2 = null;
var player3 = null;

function playerReady(thePlayer) {
	
	console.log(player);
	console.log(player2);
	console.log(player3);
	
	if( thePlayer.id == "mpl")
	{
		player = document.getElementById(thePlayer.id);
	}
	else if( thePlayer.id == "mpl2")
	{
		player2 = document.getElementById(thePlayer.id);
	}
	else if( thePlayer.id == "mpl3")
	{
		player3 = document.getElementById(thePlayer.id);
	}
	
}



var activePeople;

var Site = {
	
	init: function()
	{	
		Site.widget_news();
		Site.widget_home();
		Site.widget_people();
		Site.widget_work();
		Site.story_home();
		Site.work_media();
	},
	
	widget_news: function()
	{
		/*
		jQuery("#media-holder").css({"position":"relative", "height":"316px", "widht":"500px"});
		jQuery("#media-holder .item").css({"position":"absolute", "top":0, "left":0, "display": "none"});
		jQuery("#media-holder .item").fadeTo(0, 0);
		jQuery("#media-holder .item:first").css("display", "block");
		jQuery("#media-holder .item:first").fadeTo(0, 1);
				
		jQuery("#media li").each(function(){
			
			jQuery(this).click(function(){
				
				var itemOld = jQuery("#media-holder #holder-" + jQuery("#media .current_item").attr("id") );
				var itemOldLink = jQuery("#media .current_item");
				var itemNew = jQuery("#media-holder #holder-" + jQuery(this).attr("id") );
				var itemNewLink = jQuery(this);
				
				itemOld.fadeTo(500, 0, function(){ itemOld.css("display", "none") });
				itemOldLink.removeClass("current_item");
				itemNewLink.addClass("current_item");
				itemNew.css("display", "block");
				itemNew.fadeTo(500, 1);
			});
		});
		*/
	},
	
	widget_home:function()
	{
		// HOME SETUP
		jQuery( ".media-holder").css({"position":"relative", "height":"316px", "widht":"500px", "display":"none"});
		jQuery(".media-holder:first").css({"display":"block"});
		
		jQuery(".media-nav").css({"display":"none"});
		jQuery(".media-nav:first").css({"display":"block"});
		
		jQuery(".media-holder .item").css({"position":"absolute", "top":0, "left":0, "display": "none"});
		jQuery(".media-holder .item").fadeTo(0, 0);
		jQuery(".media-holder .story").css({"position":"absolute", "top":0, "left":0, "display": "none"});
		jQuery(".media-holder .story").fadeTo(0, 0);
		jQuery(".media-holder .story-panel").fadeTo(0, .83);
		jQuery(".media-holder .item:first").css("display", "block");
		jQuery(".media-holder .item:first").fadeTo(0, 1);
		
		// CLICKABLE LINKS INSIDE IT
		jQuery("#media .media-nav li").each(function(){
			
			jQuery(this).click(function(){
				
				try{
					if( player) { player.sendEvent('STOP'); player = null; }
					if( player2) { player2.sendEvent('STOP'); player2 = null; }
					if( player3) { player3.sendEvent('STOP'); player3 = null; }
				}catch(err){
					// HANDLE
				}
				
								
				if( !jQuery(this).hasClass("first") && !jQuery(this).hasClass("current_item") && !jQuery(this).hasClass("story") )
				{
					if( jQuery(this).parent().find("li:first").hasClass("current_item") && jQuery(this).parent().find("li:first").hasClass("story") )
					{
						var itemOld = jQuery(".media-holder #holder-" + jQuery("#media .current_item").attr("id") );
						var itemOldLink = jQuery("#media .current_item");
						var itemNew = jQuery(".media-holder #holder-" + jQuery(this).attr("id") );
						var itemNewLink = jQuery(this);
						
						itemOld.fadeTo(500, 0, function(){ itemOld.css("display", "none") });
						itemOldLink.removeClass("current_item");
						
						// REMOVE EXISTING FIRST
						jQuery(".media-holder .item").fadeTo(250, 0, function(){
							
							jQuery(".media-holder .item").css("display", "none") 
							
							itemNewLink.addClass("current_item");
							itemNew.css("display", "block");
							itemNew.fadeTo(250, 1);
						});
					}
					else
					{
						var itemOld = jQuery(".media-holder #holder-" + jQuery("#media .current_item").attr("id") );
						var itemOldLink = jQuery("#media .current_item");
						var itemNew = jQuery(".media-holder #holder-" + jQuery(this).attr("id") );
						var itemNewLink = jQuery(this);

						itemOld.fadeTo(500, 0, function(){ itemOld.css("display", "none") });
						itemOldLink.removeClass("current_item");
						itemNewLink.addClass("current_item");
						itemNew.css("display", "block");
						itemNew.fadeTo(500, 1);
					}
					
				}
				else if (jQuery(this).hasClass("story"))
				{
					var itemOld = jQuery(".media-holder #holder-" + jQuery("#media .current_item").attr("id") );
					var itemOldLink = jQuery("#media .current_item");
					var itemNew = jQuery(".media-holder #holder-" + jQuery(this).attr("id") );
					var itemNewLink = jQuery(this);
					
					itemOldLink.removeClass("current_item");
					itemNewLink.addClass("current_item");
					itemNew.css("display", "block");
					itemNew.fadeTo(500, 1);
				}
			});
		});
		
		// CLOSE POPUP
		jQuery("#media .story-close").click(function(){

			jQuery(this).parent().fadeTo(500, 0, function(){
				jQuery(this).css({"position":"absolute", "top":0, "left":0, "display": "none"});
			});
			
			var tmpItem = jQuery(this).parent().parent().next();
			
			jQuery(".media-holder .item").each( function(){
			
				if( jQuery(this).css("display") == "block" )
				{
					var tmpSplit = jQuery(this).attr("id").split("-");
					
					var tmpNumber = 1 + parseInt(tmpSplit[2]);
										
					if( tmpSplit[2] != "undefined")
					{
						tmpItem.find("li:eq(0)").removeClass("current_item");
						tmpItem.find("li:eq(" + tmpNumber + ")").addClass("current_item");
					}
					else
					{
						tmpItem.find("li:eq(0)").removeClass("current_item");
						tmpItem.find("li:eq(2)").addClass("current_item");
					}
				}
				
			});
			
			
		});
		
		// SWITCHABLE LINKS
		jQuery("#media-2").click(function(){
			// VARS
			var tmpButton = jQuery(this);
			var tmpButtonClass = jQuery(this).attr("class");
			var tmpFirst = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:first");
			var tmpSecond = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:eq(1)");
			var tmpThird = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:eq(2)");
			var tmpString = "";
			
			// SWITCH CONTENT
			var tmpFound = false;
			var tmpOld = jQuery("#media .media-holder");
			var tmpNew = jQuery("#media .media-holder." + jQuery(this).attr("class"));		
			
			tmpOld.each(function(){
				
				if( jQuery(this).css("display") == "block" && jQuery(this).hasClass("media-holder") && tmpFound == false)
				{
					tmpString =  jQuery(this).attr("class").replace(" clearfix","").replace("media-holder ","");
					
					tmpNew.css("display","block");
					tmpNew.children(".item:first").css("display","block");
					tmpNew.children(".item:first").fadeTo(500 ,1);
					tmpNew.fadeTo(500, 1);
					
					jQuery(this).fadeTo(500, 0, function(){
						jQuery(this).css("display","none");
					});
					
					tmpFound = true;
				}
			});
			
			// SWITCH NAV
			var tmpFound = false;
			var tmpOld = jQuery("#media .media-nav");
			var tmpNew = jQuery("#media .media-nav." + jQuery(this).attr("class"));
			var tmpNewLi = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li");
			
			tmpOld.each(function(){
				if( jQuery(this).css("display") == "block" && jQuery(this).hasClass("media-nav") && tmpFound == false)
				{
					tmpNewLi.removeClass("current_item");
					tmpNew.css("display","block");
					
					// CHECK WHAT CONTENT TO DISPLAY
					if( tmpFirst.hasClass("first") )
					{
						tmpSecond.addClass("current_item");
					}
					else if( tmpFirst.hasClass("story") )
					{
						tmpThird.addClass("current_item");
					}
					else
					{
						tmpFirst.addClass("current_item");
					}
					
					tmpNew.fadeTo(500, 1);
					
					jQuery(this).fadeTo(500, 0, function(){
						jQuery(this).css("display","none");
					});
					
					tmpFound = true;
				}
			});
			
			
			tmpButton.removeClass(tmpButtonClass);
			tmpButton.addClass(tmpString);
			
			tmpButton.fadeTo(500, 0, function(){
				
				
				if(tmpString == "pandemic")
				{
					tmpButton.attr("src", "media/media-home-thumb-" + tmpString + ".gif")
				}
				else
				{
					tmpButton.attr("src", "media/media-home-thumb-" + tmpString + ".jpg")
				}
				
				
				tmpButton.fadeTo(500, 1);
				
			});
			
		});
		
		// SWITCHABLE LINKS
		jQuery("#media-3").click(function(){
			// VARS
			var tmpButton = jQuery(this);
			var tmpButtonClass = jQuery(this).attr("class");
			var tmpFirst = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:first");
			var tmpSecond = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:eq(1)");
			var tmpThird = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:eq(2)");
			var tmpString = "";
			
			// SWITCH CONTENT
			var tmpFound = false;
			var tmpOld = jQuery("#media .media-holder");
			var tmpNew = jQuery("#media .media-holder." + jQuery(this).attr("class"));		
			
			tmpOld.each(function(){
				
				if( jQuery(this).css("display") == "block" && jQuery(this).hasClass("media-holder") && tmpFound == false)
				{
					tmpString =  jQuery(this).attr("class").replace(" clearfix","").replace("media-holder ","");
					
					tmpNew.css("display","block");
					tmpNew.children(".item:first").css("display","block");
					tmpNew.children(".item:first").fadeTo(500 ,1);
					tmpNew.fadeTo(500, 1);
					
					jQuery(this).fadeTo(500, 0, function(){
						jQuery(this).css("display","none");
					});
					
					tmpFound = true;
				}
			});
			
			// SWITCH NAV
			var tmpFound = false;
			var tmpOld = jQuery("#media .media-nav");
			var tmpNew = jQuery("#media .media-nav." + jQuery(this).attr("class"));
			var tmpNewLi = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li");
			
			tmpOld.each(function(){
				if( jQuery(this).css("display") == "block" && jQuery(this).hasClass("media-nav") && tmpFound == false)
				{
					tmpNewLi.removeClass("current_item");
					tmpNew.css("display","block");
					
					// CHECK WHAT CONTENT TO DISPLAY
					if( tmpFirst.hasClass("first") )
					{
						tmpSecond.addClass("current_item");
					}
					else if( tmpFirst.hasClass("story") )
					{
						tmpThird.addClass("current_item");
					}
					else
					{
						tmpFirst.addClass("current_item");
					}
					
					tmpNew.fadeTo(500, 1);
					
					jQuery(this).fadeTo(500, 0, function(){
						jQuery(this).css("display","none");
					});
					
					tmpFound = true;
				}
			});
			
			
			tmpButton.removeClass(tmpButtonClass);
			tmpButton.addClass(tmpString);
			
			tmpButton.fadeTo(500, 0, function(){
				
				
				if(tmpString == "pandemic")
				{
					tmpButton.attr("src", "media/media-home-thumb-" + tmpString + ".gif")
				}
				else
				{
					tmpButton.attr("src", "media/media-home-thumb-" + tmpString + ".jpg")
				}
				
				
				tmpButton.fadeTo(500, 1);
				
			});
			
		});
		
		// SWITCHABLE LINKS
		jQuery("#media-4").click(function(){
			// VARS
			var tmpButton = jQuery(this);
			var tmpButtonClass = jQuery(this).attr("class");
			var tmpFirst = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:first");
			var tmpSecond = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:eq(1)");
			var tmpThird = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li:eq(2)");
			var tmpString = "";
						
			// SWITCH CONTENT
			var tmpFound = false;
			var tmpOld = jQuery("#media .media-holder");
			var tmpNew = jQuery("#media .media-holder." + jQuery(this).attr("class"));		
			
			tmpOld.each(function(){
				
				if( jQuery(this).css("display") == "block" && jQuery(this).hasClass("media-holder") && tmpFound == false)
				{
					tmpString =  jQuery(this).attr("class").replace(" clearfix","").replace("media-holder ","");
					
					tmpNew.css("display","block");
					tmpNew.children(".item:first").css("display","block");
					tmpNew.children(".item:first").fadeTo(500 ,1);
					tmpNew.fadeTo(500, 1);
					
					jQuery(this).fadeTo(500, 0, function(){
						jQuery(this).css("display","none");
					});
					
					tmpFound = true;
				}
			});
			
			// SWITCH NAV
			var tmpFound = false;
			var tmpOld = jQuery("#media .media-nav");
			var tmpNew = jQuery("#media .media-nav." + jQuery(this).attr("class"));
			var tmpNewLi = jQuery("#media .media-nav." + jQuery(this).attr("class") + " li");
			
			tmpOld.each(function(){
				if( jQuery(this).css("display") == "block" && jQuery(this).hasClass("media-nav") && tmpFound == false)
				{
					tmpNewLi.removeClass("current_item");
					tmpNew.css("display","block");
					
					// CHECK WHAT CONTENT TO DISPLAY
					if( tmpFirst.hasClass("first") )
					{
						tmpSecond.addClass("current_item");
					}
					else if( tmpFirst.hasClass("story") )
					{
						tmpThird.addClass("current_item");
					}
					else
					{
						tmpFirst.addClass("current_item");
					}
					
					tmpNew.fadeTo(500, 1);
					
					jQuery(this).fadeTo(500, 0, function(){
						jQuery(this).css("display","none");
					});
					
					tmpFound = true;
				}
			});
			
			
			tmpButton.removeClass(tmpButtonClass);
			tmpButton.addClass(tmpString);
			
			tmpButton.fadeTo(500, 0, function(){
				
				if(tmpString == "pandemic")
				{
					tmpButton.attr("src", "media/media-home-thumb-" + tmpString + ".gif")
				}
				else
				{
					tmpButton.attr("src", "media/media-home-thumb-" + tmpString + ".jpg")
				}
				
				tmpButton.fadeTo(500, 1);
				
			});
			
		});
	},
	
	
	
	widget_people: function()
	{	
		jQuery("#sidebar-widget-people li").each(function(){
			
			if( jQuery(this).find(".row3").length > 0 || jQuery(this).find(".row2").length > 0 )
			{	
				jQuery(this).find(".label").css("right","-300px");
				jQuery(this).find(".label-holder").css("right", 0);
			}
			
			if( jQuery(this).find(".row1").length > 0 )
			{	
				jQuery(this).find(".label").css("left","-300px");
				jQuery(this).find(".label-holder").css("left", 0);
			}
			
			if(jQuery(this).hasClass("active"))
			{
				jQuery(this).find(".label-holder").css("display","block");
				jQuery(this).find("img").css("opacity","1");
				activePeople = jQuery(this);
				
				if( jQuery(this).find(".row3").length > 0 )
				{	
					jQuery(this).find(".label").css("right","0px");
				}
				else if( jQuery(this).find(".row2").length > 0 )
				{
					jQuery(this).find(".label").css("right","0px");
				}
				else if( jQuery(this).find(".row1").length > 0 )
				{	
					jQuery(this).find(".label").css("left","0px");
				}	
			}
			else
			{
				jQuery(this).find("img").fadeTo(0,".1");
			}
			
			jQuery(this).find(".label").click(function()
			{
				window.location = jQuery(this).parent().next().attr("href");
			});
			
			jQuery(this).mouseover(function()
			{
				if( activePeople && !jQuery(this).hasClass("active") )
				{					
					activePeople.find("img").stop().fadeTo(600, .1);
					
					if( activePeople.find(".row3").length > 0 )
					{
						activePeople.find(".label").stop().animate({right: "-300px"}, 300);
						activePeople.find(".label-holder").css("display","none");
					}
					else if( activePeople.find(".row2").length > 0 )
					{
						activePeople.find(".label").stop().animate({right: "-300px"}, 300);
						activePeople.find(".label-holder").css("display","none");
					}
					else if( activePeople.find(".row1").length > 0 )
					{	
						activePeople.find(".label").stop().animate({left: "-300px"}, 300);
						activePeople.find(".label-holder").css("display","none");
					}
				}
				
				if( !jQuery(this).hasClass("active") )
				{
					jQuery(this).find("img").stop().fadeTo(300, 1);
					jQuery(this).find(".label-holder").css("display","block");

					if( jQuery(this).find(".row3").length > 0 )
					{	
						jQuery(this).find(".label").stop().animate({right: "0px"}, 500);
					}
					else if( jQuery(this).find(".row2").length > 0 )
					{
						jQuery(this).find(".label").stop().animate({right: "0px"}, 500);
					}
					else if( jQuery(this).find(".row1").length > 0 )
					{	
						jQuery(this).find(".label").stop().animate({left: "0px"}, 500);
					}
				}
				
			});
			
			jQuery(this).mouseout(function(){
				
				
				if( activePeople && !jQuery(this).hasClass("active") )
				{
					activePeople.find("img").stop().fadeTo(300, 1);

					activePeople.find(".label-holder").css("display","block");

					if( activePeople.find(".row3").length > 0 )
					{
						activePeople.find(".label").stop().animate({right: "0px"}, 300);
					}
					else if ( activePeople.find(".row2").length > 0 )
					{
						activePeople.find(".label").stop().animate({right: "0px"}, 300);
					}
					else if( activePeople.find(".row1").length > 0 )
					{	
						activePeople.find(".label").stop().animate({left: "0px"}, 300);
					}
				}
				
				if( !jQuery(this).hasClass("active") )
				{
					jQuery(this).find("img").stop().fadeTo(600, .2);
					
					if( jQuery(this).find(".row3").length > 0 )
					{
						jQuery(this).find(".label").stop().animate({right: "-300px"}, 300 );
						jQuery(this).find(".label-holder").css("display","none");
					}
					else if( jQuery(this).find(".row2").length > 0 )
					{
						jQuery(this).find(".label").stop().animate({right: "-300px"}, 300 );
						jQuery(this).find(".label-holder").css("display","none");
					}
					else if( jQuery(this).find(".row1").length > 0 )
					{	
						jQuery(this).find(".label").stop().animate({left: "-300px"}, 300 );
						jQuery(this).find(".label-holder").css("display","none");
					}
				}
				
			});
		});
	},
	
	widget_work: function()
	{
		jQuery("#sidebar-widget-work li").each(function(){
			
			if(jQuery(this).hasClass("active"))
			{
				jQuery(this).find("img").css("opacity","1");
			} else {
				jQuery(this).find("div").css("overflow","hidden");
				jQuery(this).find("img").fadeTo(0,".1");
				jQuery(this).find("a").css("height","22px");
				jQuery(this).find("a").css("overflow","hidden");
				jQuery(this).find("a").css("position","relative");
				jQuery(this).find("a").css("width","242px");
				jQuery(this).find("img").css("position","absolute");
				jQuery(this).find("img").css("right","0");
				jQuery(this).find("img").css("bottom","0");
				
				jQuery(this).mouseover(function(){
					jQuery(this).find("a").stop();
					jQuery(this).find("a").animate({height: "80px"}, 600);

					jQuery(this).find("img").stop();
					jQuery(this).find("img").fadeTo(200, 1);
				});
				jQuery(this).mouseout(function(){
					jQuery(this).find("img").stop();
					jQuery(this).find("img").fadeTo(900, .1);

					jQuery(this).find("a").stop();
					jQuery(this).find("a").animate({height: "22px"}, 600);
				});
			}
			
			
		});
	},
	
	story_home: function()
	{
		jQuery("#story-home .div-more").css("display","none");
		jQuery("a.expand").toggle(function() {
			jQuery("#story-home .div-more").slideDown();
			jQuery(this).text("Close");
		},
		function() {
			jQuery("#story-home .div-more").slideUp();
			jQuery(this).text("Read more");
		});
	},
	
	
	work_media: function()
	{
		jQuery(".work-radio").css("display","none");
		jQuery(".work-video").css("display","none");
		jQuery(".work-print").css("display","none");
		jQuery(".work-iprint").css("display","none");
		
		
		jQuery("div.presentation").each(function() {
			if (jQuery(this).children(".work-print").length != 0) {
				jQuery(this).children(".work-print:first").addClass("active");
				jQuery(this).children(".nav-print li:first").next().addClass("current_item");
			}
			else if (jQuery(this).children(".work-print").length == 0 && jQuery(this).children(".work-video").length != 0) {
				jQuery(this).children(".work-video:first").addClass("active");
				jQuery(this).children(".nav-tv li:first").next().addClass("current_item");
			}
			else if (jQuery(this).children(".work-print").length == 0 && jQuery(this).children(".work-video").length == 0 && jQuery(this).children(".work-radio").length != 0) {
				jQuery(this).children(".work-radio:first").addClass("active");
				jQuery(this).children(".nav-radio li:first").next().addClass("current_item");
			}
			if (jQuery(this).children(".work-iprint").length != 0) {
				jQuery(this).children(".work-iprint:first").addClass("active");
				jQuery(this).children(".nav-iprint li:first").next().addClass("current_item");
			}
		});
		
//			jQuery(".work-iprint:first").addClass("active");
		
		jQuery(".presentation").parent().children("p").css("clear","both");
		
		jQuery(".nav-radio li a").click(function() {
			var media = jQuery(this).text();
			var the_parent = jQuery(this).parent().parent().parent();
			var the_element = the_parent.children().children("#holder-" + media).parent();
			jQuery(the_parent).children(".nav-radio").children().removeClass("current_item");
			jQuery(the_parent).children(".nav-tv").children().removeClass("current_item");
			jQuery(the_parent).children(".nav-print").children().removeClass("current_item");
			jQuery(this).parent().addClass("current_item");
			jQuery(the_element).parent().children(".work-radio").removeClass("active");
			jQuery(the_element).parent().children(".work-video").removeClass("active");
			jQuery(the_element).parent().children(".work-print").removeClass("active");
			jQuery(the_element).addClass("active");
			return false;
		});
		jQuery(".nav-tv li a").click(function() {
			var media = jQuery(this).text();
			var the_parent = jQuery(this).parent().parent().parent();
			var the_element = the_parent.children("#work-video-" + media);
			jQuery(the_parent).children(".nav-radio").children().removeClass("current_item");
			jQuery(the_parent).children(".nav-tv").children().removeClass("current_item");
			jQuery(the_parent).children(".nav-print").children().removeClass("current_item");
			jQuery(this).parent().addClass("current_item");
			jQuery(the_element).parent().children(".work-radio").removeClass("active");
			jQuery(the_element).parent().children(".work-video").removeClass("active");
			jQuery(the_element).parent().children(".work-print").removeClass("active");
			jQuery(the_element).addClass("active");
			return false;
		});
		jQuery(".nav-print li a").click(function() {
			var media = jQuery(this).text();
			var the_parent = jQuery(this).parent().parent().parent();
			var the_element = the_parent.children("#work-print-" + media);
			jQuery(the_parent).children(".nav-radio").children().removeClass("current_item");
			jQuery(the_parent).children(".nav-tv").children().removeClass("current_item");
			jQuery(the_parent).children(".nav-print").children().removeClass("current_item");
			jQuery(this).parent().addClass("current_item");
			jQuery(the_element).parent().children(".work-radio").removeClass("active");
			jQuery(the_element).parent().children(".work-video").removeClass("active");
			jQuery(the_element).parent().children(".work-print").removeClass("active");
			jQuery(the_element).addClass("active");
			return false;
		});
		jQuery(".nav-iprint li a").click(function() {
			var media = jQuery(this).text();
			var the_parent = jQuery(this).parent().parent().parent();
			var the_element = the_parent.children("#work-iprint-" + media);
			jQuery(the_parent).children(".nav-iprint").children().removeClass("current_item");
			jQuery(this).parent().addClass("current_item");
			jQuery(the_element).parent().children(".work-iprint").removeClass("active");
			jQuery(the_element).addClass("active");
			return false;
		});
	}
};


jQuery(document).ready(function ()
{
	Site.init();
});