"+ this.t +"
"); $("#tooltip") .css("top",(e.pageY - yOffset) + "px") .css("left",(e.pageX + xOffset) + "px") .fadeIn("slow"); }, function(){ this.title = this.t; $("#tooltip").remove(); }); $("a.tooltip").mousemove(function(e){ $("#tooltip") .css("top",(e.pageY - yOffset) + "px") .css("left",(e.pageX + xOffset) + "px"); }); }; this.imagePreview = function(){ /* CONFIG */ xOffset = 10; yOffset = 30; // these 2 variable determine popup's distance from the cursor // you might want to adjust to get the right result /* END CONFIG */ $("a.preview").hover(function(e){ this.t = this.title; this.title = ""; var c = (this.t != "") ? ""+ c +"
 + '){kind=tracking}
').load(function() {
// $('.jcir.dr-names').jcIR({
// image_dir: 'callouts',//no slashes
// image_ext: '.jpg',//file extention of replacement image
// elem_width: '234',//width of element being replaced
// elem_height: '99'//height of el;ement being replaces
// });
//});
//---
// Utilities
//-------------------------------------------------------------------------------
//PNG fix for IE6
//--- requires
//---
//$(document).pngFix();
//Toggle functions
//---------------------------------------------------------------------------------
// Show only when javascript is available
$('.toggle-link').css('display','block');
//hide lists first!
//$('#toggle-content li div').css('display','none');
$('#toggle-content dl').css('display','none');
//toggle
function toggleInfoContent(id){
if($('#' + id).css('display') != 'none'){
$('#' + id).fadeOut('fast');
}else{
//$("#toggle-content li div").hide();
$("#toggle-content dl").fadeOut('fast');
$('#' + id).fadeIn('slow');
$('.top-link').removeClass('hide');
}
}
$(".toggle-braces").click(function(){
toggleInfoContent('parts-of-braces');
return false;
});
$(".toggle-procedures").click(function(){
toggleInfoContent('orthodontic-procedures');
return false;
});
//Anatomy of a tooth
$(".toggle-anatomy").click(function(){
toggleInfoContent('anatomy');
return false;
});
//Teeth for life
$(".toggle-teeth").click(function(){
toggleInfoContent('know-your-teeth');
return false;
});
//Brushing and Flossing
$(".toggle-brushing").click(function(){
toggleInfoContent('brushing-and-flossing');
return false;
});
//------
//Slideshows
//---------------------------------------------------------------------------------
//Home Page Slideshow
var $ss = $('#slideshow-home');
// add slides to slideshow (images 2-8)
for (var i = 2; i < 5; i++)
$ss.append('
');
// start the slideshow
$ss.cycle({
fx: 'fade',
speed: 'slow',
timeout: 7000
});
//Tours
//--- requires:
//---
$('.controls').css('display','block');//shows prev/next controls when js is enabled
//sets a class to the slideshow to set dimensions
$('.slideshow-wrapper').addClass('jq');
//Office Tour
$('#tour-slideshow').cycle({
fx: 'fade',
speed: 'slow',
timeout: 0,
next: '#tour-next',
prev: '#tour-prev',
pause: 'true'
});
//before and after slideshow
$('#before-after').cycle({
fx: 'fade',
speed: 'slow',
timeout: 6000
});
// Standard Flash Modules
//-------------------------------------------------------------------------------
//--- requires
//---
// Define the default configuation values
// followed by individual module configuration.
// Values for individual modules will override the defaults
var flashModules = {
defaults: {
width: 500,
height: 300,
wmode: 'transparent',
flashvars: {
autoPlay: 'false', // change value to 'true'to play on start
thisColor: '0x' + '004881' // change global hex color (default=639CCE)
},
pluginOptions: {version: 9}
},
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:500, height:262}},
{name: 'braces-diagram', config: {height: 375}},
{name: 'brace-painter', config: {height: 430, wmode:'opaque'}},
{name: 'brushing-and-flossing-ortho',
config: {
flashvars: {
brushing: 'true',
flossing: 'true'
}
}
},
{name: 'brushing-and-flossing-dental',
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: 'false',
missing: 'false',
underbite: 'true',
spacing: 'true',
overbite: 'true',
nonBraces: 'false',
phaseI: 'false'
}
}
},
{name: 'the-damon-system-comparison', config: {width:250, height:165, wmode:'opaque'}},
{name: 'emergency-care',
config: {
flashvars: {
pokingWire: 'true',
bracket: 'true',
looseWire: 'true',
appliance: 'true',
headgear: 'false',
soreness: 'true'
}
}
},
{name: 'ibraces-logo', config: {width:200, height:135, wmode:'opaque'}},
{name: 'know-your-teeth', config: {width:500, height:400}},
{name: 'office-tour',
config: {width:500, height:375, wmode:'opaque',
flashvars: {
caption01: '',
caption02: 'Entry way',
caption03: 'Reception area',
caption04: 'Coffee tables and chairs',
caption05: 'Coffee bar',
caption06: 'Family waiting room',
caption07: 'Adult waiting room',
caption08: 'Game room',
caption09: 'Exam and consultation room',
caption10: 'Records room',
caption11: 'X-ray room',
caption12: 'Sterilization area',
caption13: 'Brushing area',
caption14: 'Open treatment bay',
caption15: '',
caption16: ''
}
}
},
{name: 'palatal-expander', config: {width: 200, height: 150}},
{name: 'patient-care', config: {height: 375}},
{name: 'smile-gallery',
config: {
flashvars: {
bonding: "true",
bridges: "true",
crowns: "true",
fillings: "true",
implants: "true",
invisalign: "true",
veneers: "true",
whitening: "true"
}
}
},
{name: 'types-of-appliances',
config: {
flashvars: {
elastics: 'true',
headgear: 'false',
herbst: 'false',
palatal: 'true',
positioners: 'false',
separators: 'true'
}
}
},
{name: 'types-of-braces',
config: {
flashvars: {
metal: 'true',
gold: 'true',
ceramic: 'true',
invisible: 'true',
lingual: 'true'
}
}
}
]
};
// Loop through the defined modules
// and do flash replacement for any that are on the current page
for (var j = flashModules.modules.length - 1; j >= 0; j--){
var module = flashModules.modules[j];
// combine default config settings with individual 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);
}
// Flash Video functions
//-------------------------------------------------------------------------------
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:{width: 240, height: 206}},
{name: 'the-damon-system-2',config:{width: 400, height: 330}},
{name: 'in-ovation',config:{}},
{name: 'ibraces-1',config:{}},
{name: 'ibraces-2', config: {width: 352}},
{name: 'ibraces-3', config: {width: 352}},
{name: 'invisalign', config: {width: 360}},
{name: 'suresmile-01', config: {height: 206}},
{name: 'first_call_diet_and_braces', config: {width: 400, height: 320}},
{name: 'first_call_flossing_with_braces', config: {width: 400, height: 320}},
{name: 'first_call_toothbrushing_tips', config: {width: 400, height: 320}},
{name: 'first_call_innovation_c', config: {width: 400, height: 320}},
{name: 'first_call_invisalign', config: {width: 400, height: 320}},
{name: 'first_call_turning_your_expander', config: {width: 400, height: 320}}
]
};
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);
};
// Game room
//-------------------------------------------------------------------------------
// 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