// JavaScript Document

  $(document).ready(function(){    

	
  	//load the feature watch youtube video in the watch div
	loadWatchVideo();
	loadListenPlayer();
	//event handler if ad is opened
	$("form#zip").submit(function(){initSubmit(); return false; });
   	//When pages loads have the content div fade in

	
	//header ad image script
	$("#headerPhrase img").fadeTo(0,.70);
	$("#headerPhrase img").hover(function(){$("#"+this.id).fadeTo("fast",1);},function(){$("#"+this.id).fadeTo("fast",.65)});
	$("#headerPhrase img").click(function(){homeHeaderThumbs(this.id);});   
	
	//Ad Scroll Bar
	var $prev = $('a.prev'),$next = $('a.next');
        
 	$('#headerPhrase').serialScroll({
 	items:'.scrollItem',
 	prev:'a.prev',
 	next:'a.next',
 	step:2,
 	exclude:2,
 	start:4, //as we are centering it
 	duration:1200,
 	force:true,
 	onBefore:function( e, elem, $pane, $items, pos ){
			$prev.add($next).fadeIn();
			if( pos == 0 )
				$prev.fadeOut();
			else if( pos > $("#headerPhrase img").length-4 )
				$next.fadeOut();
		},
 stop:true,
 lock:false,
 cycle:false, //don't pull back once you reach the end
 easing:'easeOutQuart', //use this easing equation for a funny effect
 jump: false //click on the images to scroll to them
 });
	
	//GFC Sign in
	google.friendconnect.container.setParentUrl('/atf/cf/%7B84649513-0f80-42be-ab73-e2a9135e2bfa%7D/' /* location of rpc_relay.html and canvas.html */);
	google.friendconnect.container.initOpenSocialApi({
  site: '10644709243781110121',
  onload: function(securityToken) { initAllData(); /* your callback, which is passed a security token */ }
	});


  });
  
  function homeHeaderThumbs(id){
	  $("body").append('<div id="tempDiv"></div>');
	  var pathToAdContent="http://www.10thousanddoors.org/site/c.ruI4KbMRIvF/b.5160023/k.1D20/Ad_Content.htm #adDialog."+id;
	  $("#tempDiv").load(pathToAdContent,function(){homeAdCallback(id);});
	  pageTracker._trackPageview("/scrolling_Ad_Bar/"+id);
	  
  }
  function homeAdCallback(id){
	 $("#adNav").load("http://www.10thousanddoors.org/site/c.ruI4KbMRIvF/b.5160023/k.1D20/Ad_Content.htm  #adDialog.nav",function(){$(".launchHelpForm").click(function(){contactUs()});$(".navItem img").fadeTo(0,.65);$(".navItem").hover(function(){$("#"+this.id+" img").fadeTo("fast",1);},function(){$("#"+this.id+" img").fadeTo("fast",.65)});});
	 
	  var searchClause=$("#adDialog").attr("keywords");
	  searchClause=encodeURI(searchClause);
	   global="true";
  
	$("#adDialog").dialog({hide:'fold',resizable:false,width:810,closeOnEscape:false,zIndex:200000,bgiframe: true,modal: true,close: function(){$("#adDialog").dialog("destroy");$("#adDialog").remove();$("#tempDiv").remove();},buttons: {Close: function(){$(this).dialog('close');}}});
	 appendHomeAdTranslator();
	
	//run related topics after dialogs open
	switch(id){
	case "ht1":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D31%26max%3D10",0);
	break;
	case "ht2":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D32%26max%3D10",0);
	break;
	case "ht3":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D33%26max%3D10",0);
	break;
	case "ht4":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D34%26max%3D10",0);
	break;
	case "ht5":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D35%26max%3D10",0);
	break;
	case "ht6":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D36%26max%3D10",0);
	break;
	case "ht7":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D37%26max%3D10",0);
	break;
	case "ht8":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D38%26max%3D10",0);
	break;
	case "ht9":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D39%26max%3D10",0);
	break;
	case "ht10":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D40%26max%3D10",0);
	break;
	case "ht11":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D41%26max%3D10",0);
	break;
	case "ht12":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D42%26max%3D10",0);
	break;
	case "ht13":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D43%26max%3D10",0);
	break;
	case "ht14":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D44%26max%3D10",0);
	break;
	case "ht15":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D45%26max%3D10",0);
	break;
	case "ht16":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D46%26max%3D10",0);
	break;
	case "ht17":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D47%26max%3D10",0);
	break;
	case "ht18":
	display("http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D48%26max%3D10",0);
	break;

	}
		
	//display("http%3a%2f%2ftools.10thousanddoors.org%2fdata%2fpull.aspx%3fzone%3d19%2c23%2c22%2c26%2c25%2c24%2c5%2c6%2c7%26max%3d20%26type%3d0%26search%3d" + searchClause,0);}
	
  	setTimeout("$('#adDialog').dialog('option', 'title', '10thousanddoors.org')",1200);
	$(".ui-dialog-buttonpane").append('<div style="float:left;font-size:15px;margin:19px 8px 0 0;">Find United Methodist efforts near you. </span>');
	$(".ui-dialog-buttonpane").append('<div id="findZip" class="rounded searchBar" style="width:175px"><form id="zip"><div id="findZipInput">Zip: <input type="text" class="whiteBorder" value="" id="zipInput"/></div><div id="findRadiusInput"><select name="radius" id="radius" style="width:45px;display:none"><option value="5">&lt;5</option><option value="10" selected="selected">10</option><option value="25">25</option><option value="50">50</option><option value="100">100</option></select></div><input type="submit" value="Search" class="roundedNativeOnly button" style="width:80px;"/></form></div>');
	
	$(".ui-dialog-buttonpane").append('<div id="findMinistries" style="display:none"><div class="ministryCat"><input id="Healing our Planet" class="findCheckBox" type="checkbox" name="Healing our Planet" checked/></div></div>');
	$.getScript("http://www.10thousanddoors.org/atf/cf/{84649513-0F80-42BE-AB73-E2A9135E2BFA}/find180b-min.js",function(){});
	$(".navItem img").fadeTo(0,.65);
	$(".navItem").hover(function(){$("#"+this.id+" img").fadeTo("fast",1);},function(){$("#"+this.id+" img").fadeTo("fast",.65)});
  }
  
  
  
  
  function appendHomeAdTranslator(){
	  	  $('#ui-dialog-title-adDialog').after('<div id="adTransDrop" style="display:none;float:right;margin-right:56px"></div><div style="font-size:12px;width:86px;margin:0 23px 0 0;cursor:pointer;float:right;color:#FEFDFD" id="adTransPageHeader">Translate</div>');
	  $("#adTransPageHeader").click(
							function(){
								$(this).animate({marginTop:"0px",width:"125px",fontSize:"12px"},500,
												function(){$(this).text("Translate This Page:");
	$.getScript('http://jquery-translate.googlecode.com/files/jquery.translate-1.3.7.min.js', function(){ //when the script is loaded
  $.translate(function(){ //when the Google Language API is loaded

    $.translate.ui('select', 'option') //generate dropdown
      .change(function(){ //when selecting another language
		  $('#mainContent,#headerPhrase,#disclaimer,.homeText,#adDialog').translate( 'english', $(this).val(), { //translate from english to the selected language
          not: '.option, .jq-translate-ui,#source,pre,#demo', //exclude these elements
          fromOriginal:true, //always translate from english (even after the page has been translated)
          start:function(){$("#adTransPageHeader").after('<div class="adLoaderTrans" style="float:right;margin-top:0px;display:none"><img src="../../../../atf/cf/{84649513-0f80-42be-ab73-e2a9135e2bfa}/AJAX-LOADER2.GIF"></div>');$(".loaderTrans").fadeIn("slow");},
          complete:function(){$(".adLoaderTrans").fadeOut("slow",function(){$(this).remove();});}
        })
      })
      .val('English') //select English as default
      .appendTo('#adTransDrop'); //insert the dropdown to the page
    

  });}	);
								$("#adTransDrop").show("slow");
								});	});
	  
	  }
  function loadWatchVideo(){
  var feedYt="http%3A%2F%2Ftools.10thousanddoors.org%2Fdata%2Fpull.aspx%3Fzone%3D5%26max%3D1%26type%3D2";
  var proxyYt="http://www.10thousanddoors.org/site/apps/rss/getpage.aspx?url=";
	$.getJSON(proxyYt+feedYt,
		  function(data){
			 
			  $.each(data.value.items, function(i,item){
			  
			 
			  $("#youTubeVid").append('<object width="390" height="242"><param name="movie" value="http://www.youtube-nocookie.com/v/'+item.media.youtubeid+'&hl=en&fs=1&rel=0"></param><param name="wmode" value="transparent"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/'+item.media.youtubeid+'&hl=en&fs=1&rel=0" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="390" height="242"></embed></object>');
			  $("#youTubeVidMed").append('<object width="250" height="155"><param name="movie" value="http://www.youtube-nocookie.com/v/'+item.media.youtubeid+'&hl=en&fs=1&rel=0"></param><param name="wmode" value="transparent"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-nocookie.com/v/'+item.media.youtubeid+'&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="250" height="155" wmode="transparent"></embed></object>');
			  if (i==0) return false;
																						  	 
			});				  			  
		  });	
  }

  function loadListenPlayer(){
  
  var feedListen="http%3a%2f%2ftools.10thousanddoors.org%2fdata%2fpull.aspx%3fzone%3d20%26max%3d4%26type%3d1";
  var proxyListen="http://www.10thousanddoors.org/site/apps/rss/getpage.aspx?url=";
	$.getJSON(proxyListen+feedListen,
		  function(data){
			 
			  $.each(data.value.items, function(i,item){

					var text = item.description.substring(0,120);
	
				$("#listenPlayerFeature").append('<div class="listenArticle" style="float:none;"><div class="block'+i+' listenDetails" style="float:none;"><div class="listenTitle"><a target="_blank" href="'+item.link+'" style="color:#5F7AB7;font-size:17px;text-transform:capitalize;" >'+item.title+'</a></div><div id="featurePlayer" class="listenPlayer"><object type="application/x-shockwave-flash" data="../../../../atf/cf/{84649513-0f80-42be-ab73-e2a9135e2bfa}/player.swf" id="audioplayerfeaturePlayer" height="24" width="291"><param name="movie" value="../../../../atf/cf/{84649513-0f80-42be-ab73-e2a9135e2bfa}/player.swf"><param name="FlashVars" value="playerID=featurePlayer&amp;soundFile='+item.media.mp3+'"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object></div><div class="listenStory">'+text+'...</div></div></div>');

				$("#listenPlayerMed").append('<div class="listenArticle" style="float:none;"><div class="block'+i+' listenDetails" style="float:none;"><div class="listenTitle"><a target="_blank" href="'+item.link+'" style="color:#5F7AB7;font-size:14px;text-transform:capitalize;">'+item.title+'</a></div><div id="featurePlayer" class="listenPlayer"><object type="application/x-shockwave-flash" data="../../../../atf/cf/{84649513-0f80-42be-ab73-e2a9135e2bfa}/player.swf" id="audioplayerfeaturePlayer" height="24" width="230"><param name="movie" value="../../../../atf/cf/{84649513-0f80-42be-ab73-e2a9135e2bfa}/player.swf"><param name="FlashVars" value="playerID=featurePlayer&amp;soundFile='+item.media.mp3+'"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent"></object></div><div class="listenStory">'+text+'...</div></div></div>');

				  if (i==0) return false;
																						  	 
			});				  			  
		  });	 
  }
  
 



  function initAllData() {
      var params = {};
      params[opensocial.DataRequest.PeopleRequestFields.PROFILE_DETAILS] =
        [opensocial.Person.Field.ID,opensocial.Person.Field.NAME,opensocial.Person.Field.THUMBNAIL_URL,opensocial.Person.Field.PROFILE_URL];
      var req = opensocial.newDataRequest();
      req.add(req.newFetchPersonRequest('VIEWER', params), 'viewer');
      /* 
	  req.add(req.newFetchPeopleRequest(
        new opensocial.IdSpec({'userId' : 'OWNER', 'groupId' : 'FRIENDS'}), params), 
        'ownerFriends');
      req.add(req.newFetchActivitiesRequest(new opensocial.IdSpec({'userId' : 'OWNER', 'groupId' : 'FRIENDS'})), 'activities');
      */
	  req.send(setupData);
    };

    function setupData(data) {
	  
      viewer = data.get('viewer').getData();
      if (viewer) {
        $('#GFCMessage').html('<br><span style="font-size:16px;">Great you have joined the site, '  +  
         viewer.getField("displayName") + '!</span>') ;
		 
        $('#GFCSignIn').html('');
 
      } else {
        $('#GFCMessage').html('<br>To get started, click the button above to become a member of the site. After joining, you will automatically appear above as a recent member.');
      }
	  
      viewer = data.get('viewer').getData();
      if (viewer) {
        $('#GFCMessage').html('<span style="font-size:16px;"><b>Welcome ' +  viewer.getField("displayName") + '!</b></span><br>' +
        '<a href="#" onclick="google.friendconnect.requestSettings(); return false;">Settings</a> | ' +
        '<a href="#" onclick="emptyDiv(); google.friendconnect.requestSignOut(); return false;">Sign out</a><br>');
		
        $('#GFCHeader').css('background','url(' + viewer.getField("thumbnailUrl") + ') no-repeat');
        $('#GFCHeader').css('width','65px');
        $('#GFCHeader').css('height','65px');
		$('#GFCHeader').css('padding','0px');
				
        $('#GFCSignIn').html('');
      } else {
  			google.friendconnect.renderSignInButton({
			 id: 'GFCSignIn',
			 style: 'long',
			 text: 'Sign in with Friend Connect' });
			 
		$('#GFCHeader').css('background','');
        $('#GFCHeader').css('width','auto');
        $('#GFCHeader').css('height','auto');
		$('#GFCHeader').css('padding','8px');
      }      
    };
	
	function emptyDiv() {

        $('#GFCHeader').css('background','url(../../../../atf/cf/{84649513-0f80-42be-ab73-e2a9135e2bfa}/AJAX-LOADER2.GIF) no-repeat');
		$('#GFCMessage').html("Signing out...");
	}
