var maxSplash=0;
var currentSplash=0;
var splashTimer;
var splashDelayTime=6000;
var splashTransitionTime=500;
var canClickSplashNav=false;

$(document).ready(function() {
  
  var splash = $("#splash").slideshow({
  	type: "fade",
  	interval: splashDelayTime,
  	duration: splashTransitionTime,
  	width: 959,
  	height: 347,
  	controls: false,
  	background: false,
  	change: function(i){
  		splashnav.css({ opacity: .4 });
  		splashnav.eq(i).css({ opacity: .8 });
  	}
  });


  var list=$('<ol/>').attr('id','splash-nav').appendTo('#splash-container .wrapper');
  for(i=0; i<$('#splash li').length; i++)
    $('<li/>').attr('eq',i).appendTo(list);
  /*
  $('#splash-nav').show().stop().fadeTo(0,0);
  $('#splash-nav li').not(':first').stop().fadeTo(0,0.4);
  $('#splash-nav li:first').stop().fadeTo(0,0.8);
  */
  $('#splash-container .wrapper').hover(
    function() {$('#splash-nav').stop().fadeTo(500,1,'easeOutQuart');},
    function() {$('#splash-nav').stop().fadeTo(500,0,'easeOutQuart');}
  );
  var splashnav = $('#splash-nav li').click(function() {
  	var self = $(this);
  	splash.slideshow(splashnav.index(this));
  });
  $('#splash-nav').css({ opacity: 0 });
  splashnav.css({ opacity: .4 });
  splashnav.eq(0).css({ opacity: .8 });
  
  canClickSplashNav=true;
  
  mapRollover();
  
});

function mapRollover() {
  var target=$('<span/>').text('Click to enlarge map').fadeTo(0,0).appendTo('.map-rollover');
  $('.map').hover(
    function() {$('.map-rollover span',this).stop().fadeTo(350,0.8);},
    function() {$('.map-rollover span',this).stop().fadeTo(350,0);}
  );
}

function campus(target) {
  var slug=$(target).attr('rel');
  var title=$(target).text();
  var link=$(target).attr('href');
  
  var previous=$('#campus-select .selected');
  var previousLink=$(previous).attr('href');
  var previousSlug=$(previous).attr('rel');
  var previousTitle=$(previous).text();
  
  $('#information-dynamic').stop().fadeTo(300,0);
  $.ajax({
    url:'home/campus/'+slug,
    success:function(data) {
      $('#information-dynamic').html(data).stop().fadeTo(200,1);
      $('span',target).text(previousTitle);
      $(target).attr({rel:previousSlug,href:previousSlug});
      $('span',previous).text(title);
      $(previous).attr({rel:slug,href:slug});
      
      mapRollover();
    }
  });
  
  return false;
}

function playSermon() {
  if($('body,html').scrollTop()>90)
    $('body,html').animate({scrollTop:90},500,'easeOutCirc');
    
  var video=$('#latest-sermon').val();
  
  $('<div/>').attr('id','splash-video-player').appendTo($('#splash-container .wrapper')).html('\
      <object type="application/x-shockwave-flash" width="960" height="561" data="http://elevationchurch.lightcastmedia.com/embed/'+video+'">\
        <param name="wmode" value="transparent">\
        <param name="FlashVars" value="autoStart=1"></param>\
        <param name="movie" value="http://elevationchurch.lightcastmedia.com/embed/'+video+'"></param>\
        <param name="allowFullScreen" value="true"></param>\
      </object>\
    ');
  
  $('#splash-container').animate({height:'600px'},750,'easeOutCirc',function() {
    $('<a/>').attr('id','splash-video-close').attr('href','').click(function() {
      return closeSermon();
    }).fadeTo(0,0).fadeTo(500,1).appendTo($('#splash-container .wrapper'));
  });
  
  var seriesBG=$('#series-background').val();
  var splashBG=$('#splash-bg').css('background-image');
  $('#splash-bg').css({backgroundImage:seriesBG,height:'600px'});
  $('#series-background').val(splashBG);
  
  var title=$('#quick-links .sermon span').html();
  var link=$('#quick-links .sermon').attr('href');
  $('<div/>').attr('id','video-nav').html('\
    <p>Now watching '+title+'</p>\
    <a class="plusButton" href="'+link+'"><span>Launch Media Player</span></a>\
  ').appendTo($('#splash-container .wrapper'));
  
  $('#splash,#splash-nav').hide();
  
  clearTimeout(splashTimer);
  
  return false;
}

function playVideo(type,title,link,color,video) {
  if($('body,html').scrollTop()>90)
    $('body,html').animate({scrollTop:90},500,'easeOutCirc');
  
  $('<div/>').attr('id','splash-video-player').appendTo($('#splash-container .wrapper')).html('\
      <object type="application/x-shockwave-flash" width="960" height="561" data="http://elevationchurch.lightcastmedia.com/embed/'+video+'">\
        <param name="wmode" value="transparent">\
        <param name="FlashVars" value="autoStart=1"></param>\
        <param name="movie" value="http://elevationchurch.lightcastmedia.com/embed/'+video+'"></param>\
        <param name="allowFullScreen" value="true"></param>\
      </object>\
    ');
  
  $('#splash-container').animate({height:'600px'},750,'easeOutCirc',function() {
    $('<a/>').attr('id','splash-video-close').attr('href','').click(function() {
      return closeVideo();
    }).fadeTo(0,0).fadeTo(500,1).appendTo($('#splash-container .wrapper'));
  });
  
  $('<div/>').attr('id','video-nav').html('\
    <p>Now watching '+type+' <span style="color:'+color+'">'+title+'</span>\
    <a class="plusButton float-right" href="invite"><span>Invite Your Friends</span></a></p>\
  ').appendTo($('#splash-container .wrapper'));
  
  $('#splash,#splash-nav').hide();
  
  clearTimeout(splashTimer);
  
  return false;
}

function closeSermon() {
  var splashBG=$('#series-background').val();
  var seriesBG=$('#splash-bg').css('background-image');
  $('#splash-bg').css({backgroundImage:splashBG,height:'353px'});
  $('#series-background').val(seriesBG);
  
  $('#splash-video-player,#splash-video-close,#video-nav').remove();
  $('#splash-container').animate({height:'353px'},750,'easeOutCirc');
  $('#splash,#splash-nav').fadeIn(500,'easeOutCirc');
  
  if(maxSplash>1)
    splashTimer=setTimeout('nextSplash()',splashDelayTime);
  
  return false;
}

function closeVideo() {
  $('#splash-video-player,#splash-video-close,#video-nav').remove();
  $('#splash-container').animate({height:'353px'},750,'easeOutCirc');
  $('#splash,#splash-nav').fadeIn(500,'easeOutCirc');
  
  if(maxSplash>1)
    splashTimer=setTimeout('nextSplash()',splashDelayTime);
  
  return false;
}