//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');

  // 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()) {
    $('#content').append('<p><a href="'+document.location.href+'#hd">Back to top</a></p>');
  }
  
  $.sifr({ 
    font: 'flash/present.swf', 
    color: '#5f3758',
    textAlign: 'left'});
  
  // set the style before sifr, otherwise sifr can run before the stylesheet is loaded
  $('#content h1').css({'font-size':'1.5em', 'font-weight':'normal', 'font-family':'Arial, Helvetica, sans-serif'}).sifr();
  
  // office-tour.php tabs
  var tabContainers = $('div.tabs > div');
  $('div.tabs ul.tabNavigation a').click(function () {
    tabContainers.hide().filter(this.hash).show();
  	$('div.tabs ul.tabNavigation a').removeClass('selected');
  	$(this).addClass('selected');
    return false;
  }).filter(':first').click();


});//end document.ready

$(function(){

  var flashModules = {
  
    defaults: {
      // Define the configuation values applied to each module.
      // Each module in flashModules can override these values.
      
      width: 530,
      height: 318,
      wmode: 'transparent',
      flashvars: {
        autoPlay: 'false', // change value to true to play on start
        thisColor: '0x' + '8c9316' // 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:570, height:280}},
      {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: 'know-your-teeth', config: {width:500, height:400}},
      
      {name: 'types-of-appliances',
        config: {
          flashvars: {
            elastics: 'true',
            headgear: 'true',
            herbst: 'true',
            palatal: 'true',
            positioners: 'false',
            separators: 'true'
          }
        }
      },
      
      {name: 'types-of-braces',
        config: {
          flashvars: {
            metal: 'true',
            gold: 'false',
            ceramic: 'true',
            invisible: 'true',
            lingual: 'true'
          }
        }
      },
      
      {name: 'office-tour',
        config: {
          width: 500,
          height: 375
        }
      },

      {name: 'patient-care-videos', 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]);
  };
});