﻿var expressway = '<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/fYP9znrqwEM&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/fYP9znrqwEM&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="853" height="505"></embed></object>'
var rubberbiscuit = '<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/caoVZyJd6x0&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/caoVZyJd6x0&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="853" height="505"></embed></object>'
var hard2handle = '<object width="853" height="505"><param name="movie" value="http://www.youtube.com/v/4XeiRne-G0A&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/4XeiRne-G0A&hl=en_US&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="853" height="505"></embed></object>'

jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
return -c * ((t=t/d-1)*t*t*t - 1) + b;
};
 function onYouTubePlayerReady(playerId) {
       //alert(playerId);
       ytplayer1 = document.getElementById("Expressway");       
       ytplayer2 = document.getElementById("Rubber");     
       ytplayer3 = document.getElementById("Hard2Handle");  
       ytplayer4 = document.getElementById("Demo");        
       
       //alert(!typeof ytplayer4 === undefined);
      
       play();
    }
 function play(curPlayer) {
        if (ytplayer1 != undefined) { 
           ytplayer1.playVideo();
        }
          if (ytplayer2 != undefined) { 
           ytplayer2.playVideo();
        }
         if (ytplayer3 != undefined) { 
           ytplayer3.playVideo();
        }
          if (ytplayer4 != undefined) { 
              
           ytplayer4.playVideo();
          
        }else{
            
        }
  
}



function resizePlayer(width, height) {
  var playerObj = document.getElementById("ytPlayer");
  playerObj.height = height;
  playerObj.width = width;
}
          function getCurrentTime() {
          if (ytplayer) {
            return ytplayer.getCurrentTime();
          }
        }

        function getDuration() {
          if (ytplayer) {        
            return ytplayer.getDuration();
          }
        }
function displayVid(embedContent){
$("#vid").html(embedContent);
}
function getScreen( url, size )
{
  var vid;
  var results;
  if(url === null){ return ""; }
  size = (size === null) ? "big" : size;
  results = url.match("[\\?&]v=([^&#]*)");
  vid = ( results === null ) ? url : results[1];
  if(size == "small"){
    return "http://img.youtube.com/vi/"+vid+"/2.jpg";
  }else {
    return "http://img.youtube.com/vi/"+vid+"/default.jpg";
  }
}

jQuery(function( $ ){

 $('#ExpressImage').attr("src", getScreen('fYP9znrqwEM'));
 $('#RubberImage').attr("src", getScreen('caoVZyJd6x0'));
 $('#Hard2Image').attr("src", getScreen('4XeiRne-G0A'));
 $('#DemoImage').attr("src",getScreen('8I9XsUelick'));
 //rubber caoVZyJd6x0
 //hard2handle 4XeiRne-G0A
 
$('div#screen').serialScroll({
target:'div#sections',
items:'li',
axis:'xy',
navigation:'#navigation li a',
duration:700,
force:true,

onBefore:function( e, elem, $pane, $items, pos ){
//$("#vid").html('');
e.preventDefault();
if( this.blur )
this.blur();
},
onAfter:function( elem ){
 // alert(elem.id);
 var selectedTabclass = "."+ elem.id ;
 //alert(selectedAnchor);
 //alert(selectedTabclass);
// $("#navcontainer li").css("background","#999999"); 
  $("#navcontainer li").removeClass("selected");
//$(selectedTabclass).css("background","#cccccc");
$(selectedTabclass).addClass("selected");

}
});

});
