//IE Hover Capability
sfHover = function() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);


$(document).ready(function(){
	
//fancybox	
	//iBraces Media Center
	$("a#ibraces-1, a#ibraces-2, a#ibraces-3").fancybox({
		'zoomSpeedIn':	500, 
		'zoomSpeedOut':	500,
		'frameWidth': 350,
		'frameHeight': 300, 
		'overlayShow':	true
	});

//misc functions
	
	//hide items ith class="hidden"
	$('.hidden').css("display","none");

	//png fix for IE
    $(document).pngFix(); 

	//Accessible Popups
	$('a[rel="external"]').click( function() {
        window.open( $(this).attr('href') );
        return false;
    });
	
	//clear form fields
	$('.clearme').one("focus", function() {
  		$(this).val("");
	});

	//toggle hidden form elements
	$("#Found").change(onSelectChange);
	
	//Hide div w/id extra
    $("#found-other").css("display","none");

	function onSelectChange(){  
		var selected = $("#Found option:selected");       
		if(selected.val() == 'Other'){  
            //show the hidden field
            $("#found-other").show("fast");
		} else {
			//otherwise, hide it 
            $("#found-other").hide("fast");		
		} 
	}  


//flash embed

//home page flash
	$('#flash-home').flash(
		{ 
		  src: 'flash/flash-home.swf',
		  width: 800,
		  height: 277,
		  wmode: 'transparent'
		},
		{ version: 8 }
	);

//smile gallery sidebar flash
	$('#flash-office-tour').flash(
		{ 
		  src: 'flash/flash-office-tour.swf',
		  width: 500,
		  height: 375,
		  wmode: 'transparent',
		  flashvars: { 
			//change value to false to pause on start
			autoPlay: 'false',
			//change item value to false to omit
			caption01: 'Front Desk',
			caption02: 'Consultation Area',
			caption03: 'Operatory Room',
			caption04: 'Operatory Room',
			caption05: 'Operatory Room',
			caption06: 'Operatory Room'	,
			caption07: ''
			}
		},
		{ version: 8 }
	);

//flash modules

	//before-and-after
	$('#flash-before-after').flash(
		{ 
		src: 'flash/before-after.swf',
		width: 500,
		height: 375,
		wmode: 'transparent',
		  flashvars: { 
			//change value to false to pause on start
			autoPlay: 'false',
			//change hex color (default=639CCE)
			thisColor: '0x' + '033B48',
			//change item value to false to omit
			caption01: 'Patient: Brenton',
			caption02: 'Patient: Jordan',
			caption03: 'Patient: Miranda',
			caption04: 'Patient: Robert',
			caption05: 'Patient: Tiffany',
			caption06: 'Patient: Violet'		  
			}
		},
		{ version: 8 }
	);
	//brushing-flossing
	$('#flash-brushing-and-flossing').flash(
		{ 
		src: 'flash/brushing-and-flossing.swf',
		width: 500,
		height: 300,
		wmode: 'transparent',
		  flashvars: { 
			//change value to false to pause on start
			autoPlay: 'false',
			//change hex color (default=639CCE)
			thisColor: '0x' + '033B48',
			//change item value to false to omit
			brushing: 'true',
			flossing: 'true'
		  }
		},
		{ version: 8 }
	);
		
	//types of braces
	$('#flash-types-of-braces').flash(
		{ 
		  src: 'flash/types-of-braces.swf',
		  width: 500,
		  height: 300,
		  wmode: 'transparent',
		  flashvars: { 
			//change value to false to pause on start
			autoPlay: 'false',
			//change hex color (default=639CCE)
			thisColor: '0x' + '033B48',
			//change item value to false to omit
			metal: 'true',
			gold: 'false',
			ceramic: 'true',
			invisible: 'true',
			lingual: 'true'
		  }
		},
		{ version: 8 }
	);
		
	//types of appliances
	$('#flash-types-of-appliances').flash(
		{ 
		  src: 'flash/types-of-appliances.swf',
		  width: 500,
		  height: 300,
		  wmode: 'transparent',
		  flashvars: { 
			//change value to false to pause on start
			autoPlay: 'false',
			//change hex color (default=639CCE)
			thisColor: '0x' + '033B48',
			//change item value to false to omit
			elastics: 'true',
			headgear: 'true',
			herbst: 'true',
			palatal: 'true',
			positioners: 'true',
			separators: 'true'
		  }
		},
		{ version: 8 }
	);
		
	//common treatments
	$('#flash-common-treatments').flash(
		{ 
		  src: 'flash/common-treatments.swf',
		  width: 500,
		  height: 300,
		  wmode: 'transparent',
		  flashvars: { 
			//change value to false to pause on start
			autoPlay: 'false',
			//change hex color (default=639CCE)
			thisColor: '0x' + '033B48',
			//change item value to false to omit
			crowding: 'true',
			openbite: 'true',
			deepOverbite: 'true',
			missing: 'true',
			underbite: 'true',
			spacing: 'true',
			overbite: 'true',
			nonBraces: 'true',
			phaseI: 'true'
		  }
		},
		{ version: 8 }
	);
	
	//palatal expander
	$('#flash-palatal-expander').flash(
		{ 
		  src: 'flash/palatal-expander.swf',
		  width: 200,
		  height: 150,
		  wmode: 'transparent'
		},
		{ version: 8 }
	);
	
	//braces diagram
	$('#flash-braces-diagram').flash(
		{ 
		  src: 'flash/braces-diagram.swf',
		  width: 500,
		  height: 375,
		  wmode: 'transparent',
		  flashvars: { 
			//change hex color (default=639CCE)
			thisColor: '0x' + '468392'
		  }
		},
		{ version: 8 }
	);
	
	//brace painter
	$('#flash-brace-painter').flash(
	  { 
		src: 'flash/brace-painter.swf',
		width: 500,
		height: 430,
		wmode: 'opaque'
	  },
	  { version: 8 }
	);
	
	//Emergency care 
	$('#flash-emergency-care').flash(
		{ 
		  src: 'flash/emergency-care.swf',
		  width: 500,
		  height: 300,
		  wmode: 'transparent',
		  flashvars: { 
			//change value to false to pause on start
			autoPlay: 'false',
			//change hex color (default=639CCE)
			thisColor: '0x' + '033B48',
			//change item value to false to omit
			pokingWire: 'true',
			bracket: 'true',
			looseWire: 'true',
			appliance: 'true',
			headgear: 'true',
			soreness: 'true'
		  }
		},
		{ version: 8 }
	);
	
	//Damon System 
	
	//comparison
	$('#flash-the-damon-system-comparison').flash(
		{ 
		  src: 'flash/the-damon-system-comparison.swf',
		  width: 250,
		  height: 165
		},
		{ version: 7 }
	);
	
	//damon video
	$('#flash-the-damon-system').flash(
		{ 
		  src: 'video/flv-player.swf',
		  width: 300,
		  height: 275,
		  wmode: 'transparent',
		  flashvars: { FLVPath: 'the-damon-system.flv', SkinPath: 'video/SteelExternalAll.swf' }
		},
		{ version: 9 }
	);
	
	//iBraces
	
	$('#flash-ibraces-1').flash(
		{ 
		  src: 'video/flv-player.swf',
		  width: 350,
		  height: 300,
		  wmode: 'transparent',
		  flashvars: { FLVPath: 'ibraces-1.flv', SkinPath: 'video/SteelExternalAll.swf' }
		},
		{ version: 9 }
	);
	$('#flash-ibraces-2').flash(
		{ 
		  src: 'video/flv-player.swf',
		  width: 350,
		  height: 300,
		  wmode: 'transparent',
		  flashvars: { FLVPath: 'ibraces-2.flv', SkinPath: 'video/SteelExternalAll.swf' }
		},
		{ version: 9 }
	);
	$('#flash-ibraces-3').flash(
		{ 
		  src: 'video/flv-player.swf',
		  width: 350,
		  height: 300,
		  wmode: 'transparent',
		  flashvars: { FLVPath: 'ibraces-3.flv', SkinPath: 'video/SteelExternalAll.swf' }
		},
		{ version: 9 }
	);
	
	
	
	
	var flashVideos = {
	
		defaults: {
		  // Define the configuation values applied to each module.
		  // Each module in flashModules can override these values.
		  
		  src: 'video/flvPlayer.swf',
		   dir: 'http://media.sesamehost.com/video/',//location of video and image files
		  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 
		  	hiddenGui: "false"
			},
		  pluginOptions: {version: 9}
		},
	
		videos: [
			
			{name: 'invisalign', 
								config: {
									//dir: 'video/',//override location of video and image file
									'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 = vidConfig.dir + video.name + '.flv';
						vidConfig.flashvars.startImage = vidConfig.dir + video.name + '.jpg';
						$('#video-' + video.name).flash(vidConfig, flashVideos.defaults.pluginOptions);
	};

	
	
	
	
	
	//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
}
}); 
	
	
	
	
	
	
	
	
	
	//games
	$("a.asteroids").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/asteroids.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});
	$("a.frogger").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/frogger.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});	$("a.pong").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/pong.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});
	$("a.simon").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/simon.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});
	$("a.snake").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/snake.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});
	$("a.space-invaders").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/space-invaders.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});
	$("a.tetris").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/tetris.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});
	$("a.tic-tac-toe").click(function() {
		$('#sesame-game').flash(
			{ 
			  src: 'games/tic-tac-toe.swf',
			  width: 400,
			  height: 300,
			  wmode: 'transparent'
			},
			{ version: 8 }
		);
	});

});//end document.ready