jQuery.noConflict(); 
jQuery(document).ready(function($){  
$("#btnShowVideo").click(function(){
  $("#sliderButtons").css('display', 'none');
  $("#bannerContainer").hide(100);
  $("#pageHeader").animate( { height:"600px"}, 1000 );
  $(".looped").animate( { height:"600px"}, 1000 );
  $(".Xtra1").animate( { height:"510px"}, 1000 );
  $(".Xtra2").animate( { height:"510px"}, 1000 );
  $(".Xtra3").animate( { height:"510px"}, 1000 );
  $(".Xtra4").animate( { height:"510px"}, 1000 );
  $("#extraContainer1").animate( { height:"500px"}, 1000 );
  $("#extraContainer2").animate( { height:"500px"}, 1000 );
  $("#extraContainer3").animate( { height:"500px"}, 1000 );
  $("#extraContainer4").animate( { height:"500px"}, 1000 );
  $("ul.pagination").css('top', 570);
  $("#videoContainer").fadeIn(3000);
});

$("#btnHideVideo").click(function(){
  $("#sliderButtons").css('display', '');
//remove embedded object, otherwise video keeps playing in IE
  $("#videoContainer").hide(100);
  $("#videoObjContainer").empty(); 
  $("#pageHeader").animate( { height:"486px"}, 1000 );
  $(".looped").animate( { height:"486px"}, 1000 );
  $(".Xtra1").animate( { height:"480px"}, 1000 );
  $(".Xtra2").animate( { height:"480px"}, 1000 );
  $(".Xtra3").animate( { height:"480px"}, 1000 );
  $(".Xtra4").animate( { height:"480px"}, 1000 );
  $("#extraContainer1").animate( { height:"450px"}, 1000 );
  $("#extraContainer2").animate( { height:"450px"}, 1000 );
  $("#extraContainer3").animate( { height:"450px"}, 1000 );
  $("#extraContainer4").animate( { height:"450px"}, 1000 );
  $("ul.pagination").css('top', 436);
  $("#bannerContainer").fadeIn(3000);
});

//ContentContainer2
$("#btnShowVideo2").click(function(){
  $("#sliderButtons").css('display', 'none');
  $("#bannerContainer2").hide(100);
  $("#pageHeader").animate( { height:"600px"}, 1000 );
  $(".looped").animate( { height:"600px"}, 1000 );
  $(".Xtra1").animate( { height:"510px"}, 1000 );
  $(".Xtra2").animate( { height:"510px"}, 1000 );
  $(".Xtra3").animate( { height:"510px"}, 1000 );
  $(".Xtra4").animate( { height:"510px"}, 1000 );
  $("#extraContainer1").animate( { height:"500px"}, 1000 );
  $("#extraContainer2").animate( { height:"500px"}, 1000 );
  $("#extraContainer3").animate( { height:"500px"}, 1000 );
  $("#extraContainer4").animate( { height:"500px"}, 1000 );
  $("ul.pagination").css('top', 570);
  $("#videoContainer2").fadeIn(3000);
});

$("#btnHideVideo2").click(function(){
  $("#sliderButtons").css('display', '');
//remove embedded object, otherwise video keeps playing in IE
  $("#videoContainer2").hide(100);
  $("#videoObjContainer2").empty(); 
  $("#pageHeader").animate( { height:"486px"}, 1000 );
  $(".looped").animate( { height:"486px"}, 1000 );
  $(".Xtra1").animate( { height:"480px"}, 1000 );
  $(".Xtra2").animate( { height:"480px"}, 1000 );
  $(".Xtra3").animate( { height:"480px"}, 1000 );
  $(".Xtra4").animate( { height:"480px"}, 1000 );
  $("#extraContainer1").animate( { height:"450px"}, 1000 );
  $("#extraContainer2").animate( { height:"450px"}, 1000 );
  $("#extraContainer3").animate( { height:"450px"}, 1000 );
  $("#extraContainer4").animate( { height:"450px"}, 1000 );
  $("ul.pagination").css('top', 436);
  $("#bannerContainer2").fadeIn(3000);
});

//ContentContainer3
$("#btnShowVideo3").click(function(){
  $("#sliderButtons").css('display', 'none');
  $("#bannerContainer3").hide(100);
  $("#pageHeader").animate( { height:"600px"}, 1000 );
  $(".looped").animate( { height:"600px"}, 1000 );
  $(".Xtra1").animate( { height:"510px"}, 1000 );
  $(".Xtra2").animate( { height:"510px"}, 1000 );
  $(".Xtra3").animate( { height:"510px"}, 1000 );
  $(".Xtra4").animate( { height:"510px"}, 1000 );
  $("#extraContainer1").animate( { height:"500px"}, 1000 );
  $("#extraContainer2").animate( { height:"500px"}, 1000 );
  $("#extraContainer3").animate( { height:"500px"}, 1000 );
  $("#extraContainer4").animate( { height:"500px"}, 1000 );
  $("ul.pagination").css('top', 570);
  $("#videoContainer3").fadeIn(3000);
});

$("#btnHideVideo3").click(function(){
  $("#sliderButtons").css('display', '');
//remove embedded object, otherwise video keeps playing in IE
  $("#videoContainer3").hide(100);
  $("#videoObjContainer3").empty(); 
  $("#pageHeader").animate( { height:"486px"}, 1000 );
  $(".looped").animate( { height:"486px"}, 1000 );
  $(".Xtra1").animate( { height:"480px"}, 1000 );
  $(".Xtra2").animate( { height:"480px"}, 1000 );
  $(".Xtra3").animate( { height:"480px"}, 1000 );
  $(".Xtra4").animate( { height:"480px"}, 1000 );
  $("#extraContainer1").animate( { height:"450px"}, 1000 );
  $("#extraContainer2").animate( { height:"450px"}, 1000 );
  $("#extraContainer3").animate( { height:"450px"}, 1000 );
  $("#extraContainer4").animate( { height:"450px"}, 1000 );
  $("ul.pagination").css('top', 436);
  $("#bannerContainer3").fadeIn(3000);
});

//ContentContainer4
$("#btnShowVideo4").click(function(){
  $("#sliderButtons").css('display', 'none');
  $("#bannerContainer4").hide(100);
  $("#pageHeader").animate( { height:"600px"}, 1000 );
  $(".looped").animate( { height:"600px"}, 1000 );
  $(".Xtra1").animate( { height:"510px"}, 1000 );
  $(".Xtra2").animate( { height:"510px"}, 1000 );
  $(".Xtra3").animate( { height:"510px"}, 1000 );
  $(".Xtra4").animate( { height:"510px"}, 1000 );
  $("#extraContainer1").animate( { height:"500px"}, 1000 );
  $("#extraContainer2").animate( { height:"500px"}, 1000 );
  $("#extraContainer3").animate( { height:"500px"}, 1000 );
  $("#extraContainer4").animate( { height:"500px"}, 1000 );
  $("ul.pagination").css('top', 570);
  $("#videoContainer4").fadeIn(3000);
});

$("#btnHideVideo4").click(function(){
  $("#sliderButtons").css('display', '');
//remove embedded object, otherwise video keeps playing in IE
  $("#videoContainer4").hide(100);
  $("#videoObjContainer4").empty(); 
  $("#pageHeader").animate( { height:"486px"}, 1000 );
  $(".looped").animate( { height:"486px"}, 1000 );
  $(".Xtra1").animate( { height:"480px"}, 1000 );
  $(".Xtra2").animate( { height:"480px"}, 1000 );
  $(".Xtra3").animate( { height:"480px"}, 1000 );
  $(".Xtra4").animate( { height:"480px"}, 1000 );
  $("#extraContainer1").animate( { height:"450px"}, 1000 );
  $("#extraContainer2").animate( { height:"450px"}, 1000 );
  $("#extraContainer3").animate( { height:"450px"}, 1000 );
  $("#extraContainer4").animate( { height:"450px"}, 1000 );
  $("ul.pagination").css('top', 436);
  $("#bannerContainer4").fadeIn(3000);
});

});