//JQuery Setup
$(document).ready(function(){
 
  	//IE6 duct tape
	$.browser.msie6 = $.browser.msie && /MSIE 6\.0/i.test(window.navigator.userAgent) && !/MSIE 7\.0/i.test(window.navigator.userAgent);
	  	if ($.browser.msie6) {
			$('#nav ul li').bind('mouseenter mouseleave', function(){
				$(this).toggleClass('sfhover');
		});		
	};
	  
  
// embeded flash video clips

	var flashVideos = {
	
		defaults: {
		  // Define the configuation values applied to each module.
		  // Each module in flashModules can override these values.
		  
		  src: 'video/flvPlayer.swf',
		  width: 320,
		  height: 266,
		  wmode: 'transparent',
		  menu: false,
		  allowFullScreen: true,
		  flashvars: {
		    autoStart: "false", // change value to true to play on start
		    showScaleModes: "false", //set to false to disable scale modes menu
		    smoothVideo: "true" //set to false to disable video smoothing 
		  },
		  pluginOptions: {version: 9}
		},
	
		videos: [
			{name: 'the-damon-system',config:{}},
			{name: 'in-ovation',config:{}},
			{name: 'ibraces-1',config:{}},
			{name: 'ibraces-2', config: {width: 352}},
			{name: 'ibraces-3', config: {width: 352}},
			{name: 'suresmile-01', config: {height: 206}},
			{name: 'invisalign', config: {'width': 360}},
			{name: 'invisalign-best-friends', config: {'width': 320, 'height': 206}},
			{name: 'invisalign-news-travels-fast', config: {'width': 320, 'height': 206}},
			{name: 'invisalign-lobby', config:{}}

		]
	};
	for (var j=0; j < flashVideos.videos.length; j++) {
	var video = flashVideos.videos[j];
	// combine default config settings with module config settings
	var vidConfig = $.extend({}, flashVideos.defaults, video.config);
	// combine default flashvars with module flashvars
	vidConfig.flashvars = $.extend({}, flashVideos.defaults.flashvars, video.config.flashvars);
	vidConfig.flashvars.flvToPlay = video.name + '.flv';
	vidConfig.flashvars.startImage = 'video/' + video.name + '.jpg';
	$('#video-' + video.name).flash(vidConfig, flashVideos.defaults.pluginOptions);
	};
	  
  // Some effects rely on an element to be initially hidden,
  // but we only hide them if the user has javascript
  $('.jshide').addClass('hide');
  
    //Slow slide and show
  	$('.anatomy-of-a-tooth-link').click(function() {
		$('#anatomy-of-a-tooth').slideToggle("slow");
	});
	$('.know-your-teeth-link').click(function() {
		$('#flash-know-your-teeth').slideToggle("slow");
	});

	$('.brushing-and-flossing-link').click(function() {
		$('#flash-brushing-and-flossing').slideToggle("slow");
	});
	
	//clear form fields
	$('.clearme').one("focus", function() {
  		$(this).val("");
	});
  
  // Open external links in new windows
  $('a[href^="http://"]').not('[href*="orthosesame.com"]').addClass('external').attr('target', '_blank');
  
  // Open pdf links in new windows
  $('a[@href$=".pdf"]').addClass('pdf').attr('target', '_blank');

  // add 'back to top' link when the content is taller than the window
  // this has to be done after flash replacement because the content height changes
  if ($('#main').height() > $(window).height()) {
    $('#right-column').append('<a href="#">Back to top ^</a>');
  }
  
  $.sifr({ 
    font: 'flash/AdobeGaramondProSemiBold.swf', 
    color: '#1a4464',
    textAlign: 'left'});
  $('#content h1').sifr();
 

});//end document.ready

$(function(){

  var flashModules = {
  
    defaults: {
      // Define the configuation values applied to each module.
      // Each module in flashModules can override these values.
      
      width: 500,
      height: 300,
      wmode: 'transparent',
      flashvars: {
        autoPlay: 'false', // change value to true to play on start
        thisColor: '0x' + '08474E' // change global hex color (default=639CCE)
      },
      pluginOptions: {version: 8}
    },
    
    modules: [
      // Define the configuration values for each flash module.
      // Change item values in any 'flashvars' section to false to omit,
      // Add any value to override the default value in flashModuleDefaults.
      {name: 'home', config: {width:582, height:200}},
      {name: 'braces-diagram', config: {height: 375}},
      {name: 'brace-painter', config: {height: 430}},
      
      {name: 'brushing-and-flossing',
        config: {
          flashvars: {
            brushing: 'true',
            flossing: 'true'
			}
        }
      },
      
      {name: 'color-your-retainer', config: {width: 300, height: 300}},
      
      {name: 'common-treatments',
        config: {
          flashvars: {
            crowding: 'true',
            openbite: 'true',
            deepOverbite: 'true',
            missing: 'true',
            underbite: 'true',
            spacing: 'true',
            overbite: 'true',
            nonBraces: 'true',
            phaseI: 'true'
          }
        }
      },
	  
	  {name: 'the-damon-system-comparison', config: { width: 250, height: 165}},
      
      {name: 'emergency-care',
        config: {
          flashvars: {
            pokingWire: 'true',
            bracket: 'true',
            looseWire: 'true',
            appliance: 'true',
            headgear: 'true',
            soreness: 'true'
          }
        }
      },
      
      { name: 'know-your-teeth', config: {width:460, height:400}},
	  
	  {name: 'smile-gallery', 
	  	config: {
			flashvars: {
				bonding: 'true',
				bridges: 'true',
				crowns: 'true',
				fillings: 'true',
				imlants: 'true',
				invisalign: 'true',
				veneers: 'true',
				whitening: 'true'
				}
	  		}
		},
      {name: 'types-of-appliances',
        config: {
          flashvars: {
            elastics: 'true',
            headgear: 'true',
            herbst: 'true',
            palatal: 'true',
            positioners: 'true',
            separators: 'true'
          }
        }
      },
      
      {name: 'types-of-braces',
        config: {
          flashvars: {
            metal: 'true',
            gold: 'false',
            ceramic: 'true',
            invisible: 'true',
            lingual: 'false'
		  }
        }
      },
      
      {name: 'office-tour',
        config: {
          width: 500,
          height: 375,
          flashvars: {
            //set captions for each slide or leave blank if none
            caption01: '',
            caption02: '',
            caption03: '',
            caption04: '',
            caption05: '',
            caption06: '',
			caption07: '',
			caption08: '',
			caption09: ''
			}
        }
      },

      {name: 'palatal-expander', config: {width: 200, height: 150}},
      {name: 'patient-care', config: {height: 375}}
    ]
  };

  for (var j=0; j < flashModules.modules.length; j++) {
    var module = flashModules.modules[j];
    // combine default config settings with module config settings
    var modConfig = $.extend({}, flashModules.defaults, module.config);
    // combine default flashvars with module flashvars
    modConfig.flashvars = $.extend({}, flashModules.defaults.flashvars, module.config.flashvars);
    modConfig.src = 'flash/' + module.name + '.swf';
    $('#flash-' + module.name).flash(modConfig, flashModules.defaults.pluginOptions);
  }
  
});

// game room
$(function() {
  // list the games that we want activated on click
  var games = Array('asteroids', 'frogger', 'pong', 'simon', 'snake', 'space-invaders', 'tetris', 'tic-tac-toe');

  // set the click behavior for a game link
  var setGameClick = function(game){
    $("a." + game).click(function(){
      $('#sesame-game').flash(  // #sesame-game is the empty div that will contain the active game
        {
        src: 'games/' + game + '.swf',
        width: 400,
        height: 300,
        wmode: 'transparent'
        },
        { version: 8 }
      );
    });
  };
  
  // loop through the games array and
  // set the click behavior for each game link
  for (var j=0; j<games.length; j++){
    setGameClick(games[j]);
  };
});



	//PrettyPhoto modal windows
	//---------------------------------------------------------------------------------
	$("a[rel^='prettyPhoto']").prettyPhoto({
		animationSpeed: 'normal', /* fast/slow/normal */
		default_width: 900,
		default_height: 700,
		opacity: 0.65, /* Value betwee 0 and 1 */
		showTitle: false, /* true/false */
		allowresize: true, /* true/false */
		counter_separator_label: '/', /* The separator for the gallery counter 1 "of" 2 */
		theme: 'facebook', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
		hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
		wmode: 'transparent', /* Set the flash wmode attribute */
		autoplay: true, /* Automatically start videos: True/False */
		modal: false /* If set to true, only the close button will close the window */
	}); 


	// jQuery Cycle Before and After //-------------------------------------------------
	$('#before-after-cycle') // Give this ID a unique name if more than one office tour is needed on a page
		.before('<div class="before-after-nav">') // Ditto for this ID
		.cycle({
		cleartype: true, // true if clearType corrections should be applied (for IE)
		cleartypeNoBg: true, // Set to true to disable extra cleartype fixing (leave false to force background color setting on slides)
		speed: 500, // This controls speed of transition
		timeout: 0, // This controls delay between slides. Set to 0 if more than one office tour on a page, so they don't auto-play
		pager: '.before-after-nav',
		before: function() {
		$('.cycle-detail span').fadeOut(); // Give this ID a unique name if more than one office tour is needed on a page
		},
		after: function(curr, next, opts) {
		var cycle_alt = $(next).find('img').attr('alt'); // This grabs the image alt text
		$('.cycle-detail span').html(cycle_alt).fadeIn(); // This puts alt text into the caption span
		}
	});