$(document).ready(function() {
            
            if ($('#slideshow-overview').length) {
                        
                        $('#slideshow-overview').cycle({
                           fx: 'wipe',
                           cssBefore: {clip: 'rect(0px 701px 90px 600px)'},
                           timeout: 0,
                           autostop: 0,
                           speed: 500,
			   next: '.next'
                       });
             };
             
             

}); //end onReady


// Overview Experience

var $dimOverlay = $("<div class='overlay' id='overlay1'></div>").html("<a class='close-link' href='#'><span>close</span></a><div class='dimensions'></div>").dialog({
	             resizable: false,
                     closeOnEscape: true,
                     autoOpen: false,
                     width: '960px',
                     modal: true
		});


var $videoOverlay = $("<div class='overlay' id='overlay2'></div>").html("<a class='close-link' href='#'><span>close</span></a><div class='video'></div>").dialog({
	             resizable: false,
                     closeOnEscape: true,
                     autoOpen: false,
                     width: '960px',
                     modal: true
		});

var $tourOverlay = $("<div class='overlay' id='overlay3'></div>").html("<a class='close-link' href='#'><span>close</span></a><div class='tour'></div>").dialog({
	             resizable: false,
                     closeOnEscape: true,
                     autoOpen: false,
                     width: '960px',
                     modal: true
		});


$('#btn-learn').click(function(){
              $dimOverlay.dialog('open');
              $('.dimensions').html("<div id='flashcontent3' style='width: 960px; height: 550px;'></div>");
              var so = new SWFObject("http://static.eharmony.com/assets/corp/flipbook/V2RollOver-29Definitions-960x550-1.swf", "tour", "960", "550", "8", "#FFFFFF");
              so.addParam("wmode", "transparent");
              so.write("flashcontent3");
	      if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', '29 Dimensions Overlay']);
               }
	      return false;
       });

$('#btn-tour').click(function(){
	      $tourOverlay.dialog('open');
               $('.tour').html("<div id='flashcontent2' style='width: 960px; height: 550px;'></div>");
              var so = new SWFObject("http://static.eharmony.com/assets/corp/flipbook/ehTourLBH-960x550-1.swf", "tour", "960", "550", "8", "#FFFFFF");
              so.addParam("wmode", "transparent");
              so.write("flashcontent2");
	      if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'Tour Overlay']);
               }
	      return false;
       });


$('.close-link').click(function(){
             if($('.video').length) {
                 $('.video').empty();
             };
             $('.overlay').dialog('close');
	     return false;
	 });


$('#overview #btn-why').click(function(){
	      if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'Why Join eHarmony']);
               }
	      return false;
       });

$('#overview #btn-how').click(function(){
	     if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'How We Match']);
               }
	      return false;
       });

$('#overview #btn-new').click(function(){
	      if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'New Features']);
               }
	      return false;
       });

$('#overview .nav1').click(function() {  
            $('#slideshow-overview').cycle(0);
               if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'Home']);
               }
               return false;  
}); 
 
$('#overview .nav2').click(function() {  
            $('#slideshow-overview').cycle(1);
               if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'Why Join eHarmony']);
               }
               return false;  
}); 

$('#overview .nav3').click(function() {  
             $('#slideshow-overview').cycle(2);
               if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'How We Match']);
               }
               return false;  
});
            
$('#overview .nav4').click(function() {  
            $('#slideshow-overview').cycle(3);
               if (typeof _gaq.push != "undefined") {
                        _gaq.push(['_trackEvent', 'Flipbook', 'New Features']);
               }
               return false;  
});