jQuery(document).ready(function(){
var videoPlaying;

//share a video
	jQuery(".showShareVid").click(function(){shareVidOverlay();});
	//hides share overlay and resumes play of vid
	jQuery(".returnToVid").live('click',function(){hideShareVidOverlay();});
	jQuery("inPageYoutube .ytThumb").live('click',function(){var videoId=jQuery(this).attr('v');umcam.switchVideo(videoId);});
	jQuery(".youTubePopUp .ytThumb").live("click",function(e){
		e.preventDefault();
		var url="http://www.umcgiving.org/site/c.qwL6KkNWLrH/b.7545449/k.A3DF/YouTube_PopUp.htm"+'?videoId='+jQuery(this).attr("v");						
		youtube=window.open(url,'name','height=405,width=665');if (window.focus) {youtube.focus()}
	});
	
	function umcam(){
		var parent=this;
		parent.responseCount=0;
		this.videoPlaying=0;
		this.getDisplayVideoResponseInit=function(){
			jQuery(".youTubePlaylistPull").each(function(i){
				var $obj=jQuery(this);
				parent.pullAndDisplayResponse($obj,i);
			});
		}
		this.pullAndDisplayResponse=function($responseDivObj){
			var playlistID=$responseDivObj.attr("playlistid");
			var responseLocation=$responseDivObj.attr("id");
			var skipSize = $responseDivObj.attr("skip");
			if($responseDivObj.attr("scroll")=="true"){window.scrollApi=jQuery("#"+$responseDivObj.attr("id")+" .scrollable").scrollable({api:true,size:skipSize});}
			jQuery.getJSON("http://gdata.youtube.com/feeds/api/playlists/"+playlistID+"?v=2&alt=jsonc&callback=?",function(data){
				jQuery(".youTubePlaylistPull .loader").remove();																										   
				jQuery.each(data.data.items,function(i,item){
					if(i==20){return false}
					//jQuery("#"+responseLocation+" #scrollWrapper").append('<div class="ytThumb" v="'+item.video.id+'"><img src="'+item.video.thumbnail.sqDefault+'"/><div class="ytThumbTitle">'+item.video.title+'</div></div>');
					if($responseDivObj.attr("scroll")=="true"){
					window.scrollApi.getItemWrap().append('<div class="ytThumb" v="'+item.video.id+'"><img src="'+item.video.thumbnail.sqDefault+'"/><div class="ytThumbTitle">'+item.video.title+'</div></div>');
					window.scrollApi.reload();		
					}	
				});
				jQuery(".nextPage").removeClass('disabled');	
				jQuery("#"+responseLocation+" h3 a").attr('href','http://www.youtube.com/view_play_list?p='+data.data.id+'&playnext=1&playnext_from=PL').attr('target','_blank');
			});
				
		}
		
		this.switchVideo=function(videoId){
			jQuery("#shareDiv").remove();
			ytplayer = document.getElementById("myytplayer");
			ytplayer.loadVideoById(videoId);
		}
		
		this.formatSeconds=function(t){
			var h = Math.floor(t / 3600);
			t %= 3600;
			var m = Math.floor(t / 60);
			var s = Math.floor(t % 60);
			s=(s<10?'0'+s:s);
			return ((h > 0 ? h + ':':'') + (m > 0 ? m + ':':'0:') + s);
		}
				
	}
	function xmlPull(){
		
		var parent=this;
		
		this.grabRSS=function(rssLocation,blockType){
			parent.maxItems=jQuery(rssLocation).attr('count');
			parent.skipItems=jQuery(rssLocation).attr('skip');			
			parent.blockType=blockType;
			parent.rssLocation=rssLocation;
			var rss = jQuery(rssLocation).attr('rss');
			jQuery.ajax({
				type:"GET",
				url:rss,
				dataType:"xml",
					success: function(data){
							jQuery(data).find('item').each(function(i){
									var $item=jQuery(this);
									storyObject={                   
										title:$item.find('title').text(),
										description:$item.find('description').text(),
										articleLink:$item.find('link').text(),
										pubDate:$item.find('pubDate').text(),
										imageThumb:$item.find('[nodeName=k:feature_image]').text(),
										shortTitle:$item.find('[nodeName=k:shortTitle]').text(),
										target:$item.find('[nodeName=k:go_to_article_now_external]').text(),
										externalLink2:$item.find('[nodeName=k:go_to_article_now_url_external]').text(),
										externalLink:$item.find('[nodeName=k:go_to_article_now]').text(),
										link1Href:$item.find('[nodeName=k:extra_link1_href]').text(),
										link1Name:$item.find('[nodeName=k:extra_link1_name]').text(),
										link2Href:$item.find('[nodeName=k:extra_link2_href]').text(),
										link2Name:$item.find('[nodeName=k:extra_link2_name]').text(),
										homeFeature:$item.find('[nodeName=k:home_feature]').text(),
										homeSubFeature:$item.find('[nodeName=k:home_subfeature]').text(),
										homeFeatureLink:$item.find('[nodeName=k:home_feature_link]').text(),
										videoId:$item.find('[nodeName=k:video]').text(),
										blogImage:$item.find('[nodeName=k:blog_image]').text(),
										readMore:$item.find('[nodeName=k:read_more]').text(),
										customSummary:$item.find('[nodeName=k:custom_home_summary]').text(),
										windowsMediaVideo:$item.find('[nodeName=k:windows_media]').text(),
										quickTimeVideo:$item.find('[nodeName=k:quick_time]').text()

												   }
									if(storyObject.externalLink==""){storyObject.externalLink=storyObject.articleLink}
									if(i==parent.maxItems){return false;}
									if(i==0){jQuery(parent.rssLocation+" .loader").remove();}
									switch(parent.blockType)
									{
									case "featureCycle":
									parent.createCycleStory(storyObject,i,parent.rssLocation,parent.maxItems);
									break;
									case "feature":
										if(i==0){parent.createFeatureBlock(storyObject);}
										else if(i>0){parent.createStoryBlock(storyObject,i)};
									break;
									case "resources":
										parent.createResourceBlock(storyObject);
									break;
									case "blogs":
										parent.createBlogBlock(storyObject,i,parent.rssLocation);
									break;
									case "videoFeature":
										parent.createFeatureVideoPlayer(storyObject,i);
									break;
									case "videoStories":
										parent.createVideoStory(storyObject,i,parent.rssLocation);
									break;
									case "listing":
										if(i > parent.skipItems) {
										parent.createListing(storyObject,i,parent.rssLocation);
										}
									break;
									case "featuredVideos":
									parent.createfeaturedVideos(storyObject,i,parent.rssLocation);
									break;
									case "featured":
										parent.createFeatured(storyObject,i,parent.rssLocation,parent.maxItems);
									}
									
									
									
							});           
				}
			});
	}

this.embedYTCode=function(storyObj,i)	{
			var mymyytplayerVar = "mymyytplayerVar" + i;
			var params = { allowScriptAccess: "always",allowfullscreen:"true",wmode:"transparent" };
    		var atts = { id: mymyytplayerVar };
    		swfobject.embedSWF("http://www.youtube.com/e/"+storyObj.videoId+"?enablejsapi=1&version=3&playerapiid=ytplayer&&rel=0&cc_load_policy=0&showinfo=0", "featureImage", "420", "262", "8", null, null, params, atts);
		}

 this.createFeatureBlock=function(storyObj){
		if(storyObj.videoId!=''){
			featureYtId=storyObj.videoId;
			var params = { allowScriptAccess: "always",allowfullscreen:"true",wmode:"transparent" };
    		var atts = { id: "myytplayer" };
    		swfobject.embedSWF("http://www.youtube.com/v/"+storyObj.videoId+"?enablejsapi=1&playerapiid=ytplayer&&rel=0&cc_load_policy=0&showinfo=0", "featureImage", "420", "262", "8", null, null, params, atts);
    						
		}
		else {
		jQuery("#featureImage").append('<a href="'+storyObj.externalLink+'"><img height="262" width="420" src="'+storyObj.homeFeature+'"/></a>'); 
		}
				var description=storyObj.description;
				if(storyObj.customSummary!=""){description=storyObj.customSummary;}
					jQuery("#featureTitle").append('<a target="'+storyObj.target+'" href="'+storyObj.externalLink+'">'+storyObj.title+'</a>');
					jQuery("#featureSummary").append(description);
			var readMoreText="FULL STORY";
			if(storyObj.readMore!=""){readMoreText=storyObj.readMore;}
				jQuery("#fullStory").append('&nbsp;<a target="'+storyObj.target+'" href="'+storyObj.externalLink+'">'+readMoreText+'</a>');
	var relatedStories="";
			if(relatedStories!=""){jQuery("#relatedStories").css("background-color","#eeeeee");jQuery("#relatedStories").append('<div class="title">Related Stories:</div><ul>'+relatedStories+'</ul>');}else{jQuery("#featureTitle").css("padding-top","18px");}
			
	}

	this.createStoryBlock=function(storyObj){
		jQuery("#subFeature").append('<div class="subFeatureArticle"><a href="'+storyObj.externalLink+'"><img class="subFeatureImg" height="75" width="130" src="'+storyObj.homeSubFeature+'"/><span>'+storyObj.title+'</span></a></div>' );
	}

	this.createResourceBlock=function(storyObj){
		jQuery("#featuredResources").append('<div class="featuredResources"><a href="'+storyObj.externalLink+'"><img class="resourceImg" height="75" width="130" src="'+storyObj.homeSubFeature+'"/><span>'+storyObj.title+'</span></a></div>' );
	}
	this.createFeatureVideoPlayer=function(storyObj){
		var params = { allowScriptAccess: "always",allowfullscreen:"true",wmode:"transparent" };
		var atts = { id: "myytplayer" };
		swfobject.embedSWF("http://www.youtube.com/v/"+storyObj.videoId+"?hl=en_US&enablejsapi=1&playerapiid=ytplayer&fs=1&version=3", "featureVideo", "640", "385", "8", null, null, params, atts);
		jQuery("#featureTitle").append("<h3>"+storyObj.title+"</h3>");
		jQuery("#featureSummary").append(storyObj.description);
		jQuery("#featureExtras").append("<a href='"+storyObject.externalLink+"' class='fullTranscript'>FULL TRANSCRIPT</a><div id='downloadHires'>Download High-Resolution Video: <a href='"+storyObj.windowsMediaVideo+"'>Windows Media</a> | <a href='"+storyObj.quickTimeVideo+"'>QuickTime</a></div>");
	}
	this.createVideoStory=function(storyObj,i,divLocation){
                                jQuery(divLocation).append('<div class="ytThumb" v='+storyObj.videoId+'><img src="'+storyObj.homeSubFeature+'"/><div class="ytThumbTitle">'+storyObj.title+'</div><a href="'+storyObject.externalLink+'" class="fullTranscript">FULL TRANSCRIPT</a></div>');
    }
	this.createfeaturedVideos=function(storyObj,i,divLocation){
          jQuery(divLocation).append('<div class="featuredVideos"><a href="'+storyObj.externalLink+'"><img class="resourceImg" height="75" width="130" src="'+storyObj.homeSubFeature+'"/><span>'+storyObj.title+'</span></a></div>');
     }

	this.createCycleStory=function(storyObj,i,divLocation,maxItems){
		jQuery(divLocation).append('<div id="feature'+i+'" class="featureSlide"><div class="featureTextBlock"><div class="featureTitle">'+storyObj.title+'</div><div class="featureSummary">'+storyObj.description+'</div><div class="fullStory">&nbsp;<a  target="'+storyObj.target+'" href="'+storyObj.externalLink+'">Full Story</a></div></div><div class="featureImage"><img src="'+storyObj.homeFeature+'" width="420" height="262"/></div></div>');
		jQuery("#navHaiti").append('<div><a href="#">'+storyObj.title+'</a></div>');
		if(i==maxItems-1){jQuery(divLocation).cycle({fx: 'scrollDown',timeout:20000,pager:'#navHaiti',pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#navHaiti div:eq(' + idx + ') a'; 
    } });}
	}
	this.createBlogBlock=function(storyObj,i,divLocation){
		jQuery(divLocation).append('<div class="blogBlock"><div class="blogTitle"><a target="'+storyObj.target+'" href="'+storyObj.externalLink+'">'+storyObj.title+'</a></div><div class="image"><a target="'+storyObj.target+'" href="'+storyObj.externalLink+'"><img src="'+storyObj.blogImage+'" /></a></div><div class="summary">'+storyObj.description+'</div></div>');
	}
	this.createListing=function(storyObj,i,divLocation){
		jQuery(divLocation).append('<li><a target="'+storyObj.target+'" href="'+storyObj.externalLink+'">'+storyObj.title+'</a></li>');
		
	}
	
	this.createFeatured=function(storyObj,i,maxItems){
			var readMoreText="FULL STORY";
			var description=storyObj.description;
			if(storyObj.readMore!=""){readMoreText=storyObj.readMore;}
			if(storyObj.customSummary!=""){description=storyObj.customSummary;}
			/*Create Thumbnails (navigation) */
			jQuery("div#tabs-nav").append('<div class="" id="nav-fragment-'+i+'"><a href="#"><img height="75" width="130" src="'+storyObj.homeSubFeature+'" /><span>'+storyObj.title+'</span></a></li>');
	
			/*Create Feature with no Video*/
			jQuery("div#featured").append('<div id="fragment-'+i+'" class="" style=""><img height="262" width="420" src="'+storyObj.homeFeature+'" /><div class="info" ><h2><a href="'+storyObj.externalLink+'" target="'+storyObj.target+'">'+storyObj.title+'</a></h2><p>'+description+'&nbsp;<a href="'+storyObj.externalLink+'" target="'+storyObj.target+'">'+readMoreText+'</a></p></div></div>');

		if(i==5){jQuery("#featured").cycle({fx: 'fade',timeout:20000,pager:'#tabs-nav',pagerAnchorBuilder: function(idx, slide) { 
        // return selector string for existing anchor 
        return '#tabs-nav div:eq(' + idx + ') a'; 
    } });} 
	}			

}	
	//load items if they exist on the page
	if(jQuery("#featureStory").length){
		var mainFeature=new xmlPull();
		mainFeature.grabRSS("#featureStory","feature");
	}
	if(jQuery("#featuredResources").length){
		var resources=new xmlPull();
		resources.grabRSS("#featuredResources","resources");
	}
	if(jQuery("#blogs").length){
		var blog=new xmlPull();
		blog.grabRSS("#blogs","blogs");
	}
	if(jQuery("#featureVideo").length){
		var videoStoryFeature=new xmlPull();
		videoStoryFeature.grabRSS("#featureVideo","videoFeature");
	}
	if(jQuery("#videoStories").length){
		var videoStories=new xmlPull();
		videoStories.grabRSS("#videoStories","videoStories");
	}
	if(jQuery(".youTubePlaylistPull").length){
		var umcam=new umcam();
		umcam.getDisplayVideoResponseInit();
		
	}
	if(jQuery("#listing").length){
		var listing=new xmlPull();
		listing.grabRSS("#listing","listing");
	}
	if(jQuery("#featureCycle").length){
		jQuery.getScript('http://www.umc.org/atf/cf/%7Bdb6a45e4-c446-4248-82c8-e131b6424741%7D/JQUERY.CYCLE.ALL.MIN.JS',function(){
			jQuery("#featureCycle").after('<div id="navHaiti"></div>');
			var featureCycle=new xmlPull();
			featureCycle.grabRSS("#featureCycle","featureCycle");			
		});

	}
	if(jQuery("#featuredVideos").length){
    		var featuredVideos=new xmlPull();
            featuredVideos.grabRSS("#featuredVideos","featuredVideos");
     } 
     
    if(jQuery("#featured").length){
	jQuery.getScript('http://www.umc.org/atf/cf/%7Bdb6a45e4-c446-4248-82c8-e131b6424741%7D/JQUERY.CYCLE.ALL.MIN.JS',function(){
    		var featured=new xmlPull();
            featured.grabRSS("#featured","featured");
        });
     }                





	
});

function onYouTubePlayerReady(playerId){
	if (jQuery("#mymyytplayerVar0").length) {
		ytplayer = document.getElementById("mymyytplayerVar0");
		ytplayer.addEventListener("onStateChange","onytplayerStateChange")	
	 }
	if (jQuery("#mymyytplayerVar1").length) {
		ytplayer = document.getElementById("mymyytplayerVar1");
		ytplayer.addEventListener("onStateChange","onytplayerStateChange")	
	 }
	if (jQuery("#mymyytplayerVar2").length) { 
		ytplayer = document.getElementById("mymyytplayerVar2");
		ytplayer.addEventListener("onStateChange","onytplayerStateChange")	
	}
	
	ytplayer = document.getElementById("myytplayer");
	ytplayer.addEventListener("onStateChange","onytplayerStateChange")	
	
}

function onytplayerStateChange(newState){
	
	if(newState==0){ytplayer = document.getElementById("myytplayer");
	var embedCode=ytplayer.getVideoEmbedCode();
jQuery("#featureStory").append('<div id="shareDiv"><h2 id="replayVid">Replay</h2><h3 class="embed">Embed:</h3><textarea name="embedCode" cols="40" rows="5">'+embedCode+'</textarea><h2 class="shareFb">Share on Facebook</h2><h2 class="shareT">Share on Twitter</h2></div>');
	jQuery("#shareDiv textarea").click(function(){selectAllText(jQuery(this))});
	jQuery(".shareFb").click(function(){shareVideo("facebook")});
	jQuery(".shareT").click(function(){shareVideo("twitter")});
	jQuery("#replayVid").click(function(){jQuery("#shareDiv").remove();ytplayer.seekTo(0,true);ytplayer.playVideo();});
}
	
}

function shareVidOverlay(){
	ytplayer = document.getElementById("myytplayer");
	ytplayer.pauseVideo();
	var videoUrl=ytplayer.getVideoUrl();
	var embedCode=ytplayer.getVideoEmbedCode();
jQuery("#mainFeature").append('<div id="shareDiv"><h2 id="replayVid">Replay</h2><h3 class="embed">Embed:</h3><textarea name="embedCode" cols="40" rows="5">'+embedCode+'</textarea><h2 class="shareFb">Share on Facebook</h2><h2 class="shareT">Share on Twitter</h2><h2 class="returnToVid">&lt; Return to Video</h2></div>');
	jQuery("#shareDiv textarea").click(function(){selectAllText(jQuery(this))});
	jQuery(".shareFb").click(function(){shareVideo("facebook",videoUrl)});
	jQuery(".shareT").click(function(){shareVideo("twitter",videoUrl)});
	jQuery("#replayVid").click(function(){jQuery("#shareDiv").remove();ytplayer.seekTo(0,true);ytplayer.playVideo();});
}

function hideShareVidOverlay(){
	jQuery("#shareDiv").remove();
	ytplayer.playVideo();
}

function selectAllText(textbox) {
    textbox.focus();
    textbox.select();
}

function shareVideo(service,videoUrl){
	ytplayer = document.getElementById("myytplayer");
	videoUrl=ytplayer.getVideoUrl();
	videoUrl = videoUrl.replace(/^[^v]+v.(.{11}).*/,"$1");
	videoUrl = "http://www.youtube.com/watch?v="+videoUrl;
	videoUrl=encodeURI(videoUrl);
	var url;
	var height;
	var width;
	var scrollbars=""
	var title=encodeURI(jQuery("#featureTitle").text());
	if(service=="facebook"){url='http://www.facebook.com/sharer.php?u='+videoUrl+'&t='+title;width=620;height=440;}
	else if(service=="twitter"){url='http://twitter.com/home?status=Check%20this%20video%20out%20--%20'+title+'%20'+videoUrl;width=1024;height=650;scrollbars=",scrollbars";}
	newwindow=window.open(url,'name','height='+height+',width='+width+scrollbars);
	
}


