//jquery slider landing pages
$(document).ready(function(){
	  var leftPos = 0;
	  var i=0; 
	  var pageWidth = 0;
	  var panelCount = $('#jquery-slider .jquery-panel').size();
	  var home = $('BODY.node-type-experience #home-button-container').html();
	  $('BODY.node-type-experience #home-button-container').html('');
	  $('#pointers').html(home);
	  $('#jquery-slider .jquery-panel').each(function(){
		var panelId = 'panel-'+i;
		var pointerId = 'panel-'+i+'-button';
		var rightId = 'slider-button-right-'+panelId;
		var leftId = 'slider-button-left-'+panelId
		$(this).attr('id', panelId);
		var additionalWidth = 60;
	
	    if(i < (panelCount-1))
	      {
		  $(this).after('<a href="#" class="slider-button slider-button-right" id="'+rightId+'"></a>');
	    
	      }
	    if(i > 0)
	      {
	      $(this).before('<a href="#" class="slider-button slider-button-left" id="'+leftId+'"></a>');    
	      }
	   // if(i==(panelCount-1))  additionalWidth = 30;
	    if(i==0) additionalWidth = 70;
	    //alert(additionalWidth);
	    var thisWidth = parseInt($(this).css('width'));
	    pageWidth += (thisWidth+additionalWidth);
	    var thisId = $(this).attr('id');
	    var previousLeftPos = leftPos-(thisWidth+additionalWidth);
	    var thisLeftPos = leftPos;
	    var nextLeftPos = leftPos+(thisWidth+additionalWidth);
	    var currentPosInd = i;
	    leftPos+=(thisWidth+additionalWidth);
	    $('#'+leftId).bind('click', function(){
	    	var thisPointerId = 'panel-'+(currentPosInd-1)+'-button';
	    	$('body, html').animate({scrollLeft: previousLeftPos}, 2600);
	    	$('.pointer').removeClass('active');
	    	$('#'+thisPointerId).addClass('active');
	    	return false; 
	    	});
	    $('#'+rightId).bind('click', function(){
	    	var thisPointerId = 'panel-'+(currentPosInd+1)+'-button';
	    	$('body, html').animate({scrollLeft: nextLeftPos}, 2600);  
	    	$('.pointer').removeClass('active');
	    	$('#'+thisPointerId).addClass('active');
	    	return false;
	    	});
	    $('#pointers').append('<li><a id='+pointerId+' class="pointer" href="#"></a></li>');
	    if(i==0) {$('#'+pointerId).addClass('active');}
	    var alinkName = Array('null','videos','stories','find');
	    $('#'+pointerId+', a[href$="#'+alinkName[i]+'"]').bind('click', function(){
	    	$('body, html').animate({scrollLeft: thisLeftPos}, 2600);
	    	$('.pointer').removeClass('active');
	    	$('#'+pointerId).addClass('active');
	    	return false;
	    });
	    $(document).scroll( function(){
	    	//alert($('html').scrollLeft());
	    	//$('#footer').css('marginLeft',$('html').scrollLeft() );
	    	});
	    i++;
	  });
	  
	  var toMove = $('.node-type-experience #content-header').html();
	  $('.node-type-experience #content-header').html('');
	  //$('#panel-0').prepend('<div id="content-header">'+toMove+'</div>');
	
	  
	   
	  if(pageWidth != 0)
	  	{
		$('#page').css('width', pageWidth);
    	$('body, html').scrollLeft(0);
	  	}
});

//uncomment and add tabs list in experiences/views-view-unformatted--experieces.tpl.php
	//to add pager
	$(document).ready(function(){
      $('#experiences-panels-wrapper .views-row').each(function(){
        var link = $(this).find('a:first').attr('href');
        $(this).bind('click',function(){
          window.location.href = link;
        })});
      $('#experiences-panels-wrapper .views-row').attr('style','cursor:hand;cursor:pointer;');
		/*
		var temp = new String(window.location);
		//alert(str);
		temp = temp.split("#");
		temp = temp[1].split('-');
		var selectedTab = temp[temp.length-1];

		var size = $('.experience-panel').size();
		$('#experiences-panels-wrapper').css('overflow','hidden');
		$('#experiences-panels-wrapper-inner').css('width',(800 * size)+'px').css('margin-left',0).css('margin-top','50px');
		$('#experience-panel-0').css('margin-left','0px');
		$('.experience-panel').css('float','left');

		var scrollInit = 0;
		$('#experiences-panels-wrapper-inner').css('margin-left', scrollInit+'px');
		var tabs = $('#experiences-slider-inner').tabs({ 
			select: function(event, ui){
			var sScrollTo = -(ui['index']*770)+'px';
			//alert(sScrollTo);
			$('#experiences-panels-wrapper-inner').animate({marginLeft:sScrollTo},3000);
			} 
		});
		tabs.tabs('select',selectedTab);
		*/
	});

	//append numbers to the backgrounds of the teaser area of the stories panel pieces
	//ADDED 1/25/10 made it so that story cells link no matter where you click.
	$(document).ready(function(){
		var counter = 1;
		$('#jquery-slider .jquery-panel #stories-panel-inner .views-row .view-row-inner').each(function(){ 
		$(this).append('<div class="story-counter-thing"><div class="story-counter-copy">'+counter+'</div></div>'); counter++
		});
		$('.view-stories .views-row').each(function(){
          var link = $(this).find('a:first').attr('href');
          $(this).bind('click',function(){
            window.location.href = link;
          })});
        $('.view-stories .views-row').attr('style','cursor:hand;cursor:pointer;');
	});

	//append numbers to the backgrounds of the teaser area of the videos panel pieces
	$(document).ready(function(){
		var counter = 2;
		$('#jquery-slider .jquery-panel #videos-panel-inner .views-row .view-row-inner').each(function(){ 
		$(this).append('<div class="video-counter-thing"><div class="video-counter-copy">'+counter+'</div></div>'); counter++
		});
        $('.view-videos .views-row').attr('style','cursor:hand;cursor:pointer;');
	});




$(document).ready(function(){
var oPanel = $('#videos-panel-inner').parent();
oPanel.append('<div class="slidein"><div class="video-number-label"></div><a class="slidein-close" title="close video"></a><div class="slidein-video-links"></div><div class="slidein-content"></div></div><div class="slidein-cover"></div>');
var oSlidein = oPanel.find('.slidein');
var oSlideinCover = oPanel.find('.slidein-cover');
var oSlideinBoth = oPanel.find('.slidein-cover, .slidein');
var oSlideinClose = oPanel.find('.slidein-close');
var oSlideinContent = oPanel.find('.slidein-content');
var oSlideinLinks  = oPanel.find('.slidein-video-links');
var videoThumbs = oPanel.find('.imagecache-video_thumbnail');
var videoLinks = oPanel.find('.imagecache-linked');
var videoTitles = oPanel.find('.views-field-title-inner .field-content');
var videoData = Array();
var i = 0;
oPanel.find('.views-row').each(function(){
	videoData[i] = Array();
	videoData[i]['src'] = $(this).find('IMG.imagecache-video_thumbnail').attr('src');
	videoData[i]['href'] = $(this).find('.imagecache-linked').attr('href');
	videoData[i]['title'] = $(this).find('.views-field-title-inner .field-content').html();
	i++;	
	});

var sHTML = '<div id="video-interaction-link-container"><div id="video-interaction-link-container-inner">';
sHTML += '<h1 class="title">videos</h1>';
for(i in videoData)
{

sHTML += '<div class="video-interaction-link">';
sHTML += '<a class ="imagecache-video_thumbnail_linked-inside" href="'+videoData[i]['href']+'"><img src="'+videoData[i]['src']+'" alt=""/></a>';
sHTML += '<div class="video-counter-thing"><div class="video-counter-copy">'+(parseInt(i)+2)+'</div></div>'
sHTML += '</div>';
	
}
sHTML += '</div></div>'
oSlideinLinks.append(sHTML);

oSlideinClose.bind('click', function(){
	oSlidein.animate({width:'0px'}, 820, 'swing', function(){oSlideinContent.html(''); oSlideinBoth.css('display','none');});
	oSlidein.find('.video-interaction-link a').removeClass('active-video');
});
 

oPanel.find('a.imagecache-video_thumbnail_linked, .view-videos .views-row').bind('click', function(){
	oSlideinBoth.css('width','0px').css('display', 'block');
	oSlideinBoth.animate({width:"850px"}, 1500);
	var video_link = $(this).parents('.views-row:first').find('a').attr('href');
	if(!video_link) {
		video_link = $(this).find('a').attr('href'); 
		}	
	//alert (video_link);
	var findThis = '.video-interaction-link [href$='+video_link+']';
	//alert(findThis);
	oPanel.find(findThis).addClass('active-video');
	var currentIndex = oPanel.find(findThis).parent().find('.video-counter-copy').html();
	//alert($(this).attr('href'));
	$.ajax({ 
		  url: "/ipe_interaction_load_video_data/"+video_link,
		  cache: true,
		  success: function(html){
			oSlidein.find('.video-number-label').html(currentIndex);
			oSlideinContent.html(html);
			oSlideinCover.fadeOut('slow');
			}
		});
	return false;
	});

oPanel.find('a.imagecache-video_thumbnail_linked-inside').bind('click', function(){
	$('a.imagecache-video_thumbnail_linked-inside').removeClass('active-video');
	$(this).addClass('active-video');
	oSlideinCover.css('width','625px');
	oSlideinCover.fadeIn('slow');
	var currentIndex = $(this).parent().find('.video-counter-copy').html();
	aURL = $(this).attr('href').split('/');
	
	sURL = aURL[aURL.length - 2]+'/'+aURL[aURL.length - 1];
	
	$.ajax({
		  url: "/ipe_interaction_load_video_data/"+sURL,
		  cache: true,
		  success: function(html){
			oSlidein.find('.video-number-label').html(currentIndex);
			oSlideinContent.html(html);
			oSlideinCover.fadeOut('slow', function(){oSlideinCover.css('width','850px');});
			}
		});
	return false;
	});	
});




$(function () // wide open overlay
{
	Drupal.settings.jwplayer.behaviors.jwplayerPlay.push(function ()
	{
		$('#wideopenoverlay').addClass('hide');
	});
	Drupal.settings.jwplayer.behaviors.jwplayerStop.push(function ()
	{
		$('#wideopenoverlay').removeClass('hide');
	});
	Drupal.settings.jwplayer.behaviors.jwplayerMediaComplete.push(function ()
	{
		$('#wideopenoverlay').removeClass('hide');
	});
	
	Drupal.settings.jwplayer.behaviors.jwplayerPause.push(function ()
	{
		$('#wideopenoverlay').removeClass('hide');
	});
	
});