//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 li').hover(
      function() {
        $(this).addClass("sfhover");
      },
      function() {
        $(this).removeClass("sfhover");
      }
    );
    // Add other IE6 only code here
  }
	
  
  // Some effects rely on an element to be initially hidden,
  // but we only hide them if the user has javascript
  $('.jshide').addClass('hide');
  
  
	//clear form fields
	$('.clearme').one("focus", function() {
  		$(this).val("");
	});
  
  // Open external links in new windows
  $('a[@href^="http://"]').addClass('external').attr('target', '_blank');
  
  // Open pdf links in new windows
  $('a[@href$=".pdf"]').addClass('pdf').attr('target', '_blank');

  $('#nav').accordion({ 
    active: false, 
    header: '.head', 
    navigation: true, 
    fillSpace: false, 
    animated: 'easeslide'
  });

  // flash modules
  $(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' + '286A84' // 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: 'homepage', config: {width:530, height:260}},
        {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: 'emergency-care',
          config: {
            flashvars: {
              pokingWire: 'true',
              bracket: 'true',
              looseWire: 'true',
              appliance: 'true',
              headgear: 'true',
              soreness: '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: '',
			  caption10: '',
			  caption11: ''
            }
          }
        },
  
        {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);
    }
    
    // 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 ($('#content').height() > $(window).height()) {
      var contentHeight = $('#content').height();
      var windowHeight = $(window).height();
      $('#content').append('<p><a href="#hd">Back to top</a></p>');
    }
        
  });


  // 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]);
    };
  });





});//end document.ready