';
$('body').append(lightboxhtml);
$('#ns_lightbox').css({'height' : '519px',
'width' : '720px',
'padding' : '10px',
'background-color' : '#fff',
'opacity' : 0,
'z-index' : '210',
'display' : 'none',
'position' : 'absolute',
'top' : 75,
'left' : (parseInt($('body').css('width')) /2) - 370});
$('#ns_lightbox_inner').css({'height' : '479px',
'width' : '720px',
'position' : 'relative',
'background-image' : 'url(http://www.visitrenotahoe.com/assets_11/images/lightbox-ico-loading.gif)',
'background-position' : 'center center',
'background-repeat' : 'no-repeat'});
$('#ns_lightbox_inner img').css({'width' : '720px','height' : '479px','opacity' : 0});
$('#ns_lightbox_prev').css({'width': '360px', 'height': '479px', 'position' : 'absolute', 'top' : '0', 'left' : '0', 'background-image' : 'url(http://www.visitrenotahoe.com/assets_11/images/lightbox-btn-prev.gif)', 'background-position' : 'center left', 'background-repeat' : 'no-repeat', 'cursor' : 'pointer', 'opacity' : '0.8'});
$('#ns_lightbox_next').css({'width': '360px', 'height': '479px', 'position' : 'absolute', 'top' : '0', 'right' : '0', 'background-image' : 'url(http://www.visitrenotahoe.com/assets_11/images/lightbox-btn-next.gif)', 'background-position' : 'center right', 'background-repeat' : 'no-repeat', 'cursor' : 'pointer', 'opacity' : '0.8'});
$('#ns_lightbox_title').css({'height' : '20px','padding' : '10px','font-weight' : 'bold','color' : '#000','opacity' : 0});
$('#ns_lightbox_close').css({'height' : '29px',
'width' : '29px',
'position' : 'absolute',
'top' : '-22px',
'right' : '-22px',
'cursor' : 'pointer',
'background-image' : 'url(/assets_11/images/survey_close.png)',
'background-position' : 'top left',
'background-repeat' : 'no-repeat'});
}
function showNsLightbox(){
$('#ns_lightbox_overlay').css({'height' : $('body').css('height')});
$('#ns_lightbox_overlay').css({'display' : 'block'}).animate({'opacity' : 0.8}, 250);
$('#ns_lightbox').css({'display' : 'block', 'top': ($(window).scrollTop() + 75)}).animate({'opacity' : 1}, 250);
$('#ns_lightbox_inner img').load(function(){
$(this).animate({'opacity' : 1}, 250);
$('#ns_lightbox_title').animate({'opacity' : 1}, 250);
});
}
function hideNsLightbox(){
$('#ns_lightbox').animate({'opacity' : 0}, 200, function(){
$('#ns_lightbox').css('display','none');
});
$('#ns_lightbox_inner img').animate({'opacity' : 0},200);
$('#ns_lightbox_title').animate({'opacity' : 0},200);
$('#ns_lightbox_overlay').animate({'opacity' : 0}, 200, function(){
$('#ns_lightbox_overlay').css('display','none');
});
}
/*--------------------------------------------------------------------
* JQuery Plugin: "EqualHeights"
* by: Scott Jehl, Todd Parker, Maggie Costello Wachs (http://www.filamentgroup.com)
*
* Copyright (c) 2008 Filament Group
* Licensed under GPL (http://www.opensource.org/licenses/gpl-license.php)
*
* Description: Compares the heights or widths of the top-level children of a provided element
and sets their min-height to the tallest height (or width to widest width). Sets in em units
by default if pxToEm() method is available.
* Dependencies: jQuery library, pxToEm method (article:
http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/)
* Usage Example: $(element).equalHeights();
Optional: to set min-height in px, pass a true argument: $(element).equalHeights(true);
* Version: 2.0, 08.01.2008
--------------------------------------------------------------------*/
$.fn.equalHeights = function(px) {
$(this).each(function(){
var currentTallest = 0;
$(this).children().each(function(i){
if ($(this).height() > currentTallest) { currentTallest = $(this).height(); }
});
if (!px || !Number.prototype.pxToEm) currentTallest = currentTallest.pxToEm(); //use ems unless px is specified
// for ie6, set height since min-height isn't supported
if ($.browser.msie && $.browser.version == 6.0) { $(this).children().css({'height': currentTallest}); }
$(this).children().css({'min-height': currentTallest});
});
return this;
};
/*--------------------------------------------------------------------
* jQuery plugins: toEm() and toPx()
* by Scott Jehl (scott@filamentgroup.com), http://www.filamentgroup.com
* Copyright (c) Filament Group
* Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
* Article: http://www.filamentgroup.com/lab/update_jquery_plugin_for_retaining_scalable_interfaces_with_pixel_to_em_con/
* Options:
scope: string or jQuery selector for font-size scoping
* Usage Example: $(myPixelValue).toEm(); or $(myEmValue).toPx();
--------------------------------------------------------------------*/
$.fn.toEm = function(settings){
settings = jQuery.extend({
scope: 'body'
}, settings);
var that = parseInt(this[0],10);
var scopeTest = jQuery('
').appendTo(settings.scope);
var scopeVal = scopeTest.height();
scopeTest.remove();
return (that / scopeVal).toFixed(8) + 'em';
};
$.fn.toPx = function(settings){
settings = jQuery.extend({
scope: 'body'
}, settings);
var that = parseFloat(this[0]);
var scopeTest = jQuery('
').appendTo(settings.scope);
var scopeVal = scopeTest.height();
scopeTest.remove();
return Math.round(that * scopeVal) + 'px';
};
/*--------------------------------------------------------------------
* javascript method: "pxToEm"
* by:
Scott Jehl (scott@filamentgroup.com)
Maggie Wachs (maggie@filamentgroup.com)
http://www.filamentgroup.com
*
* Copyright (c) 2008 Filament Group
* Dual licensed under the MIT (filamentgroup.com/examples/mit-license.txt) and GPL (filamentgroup.com/examples/gpl-license.txt) licenses.
*
* Description: Extends the native Number and String objects with pxToEm method. pxToEm converts a pixel value to ems depending on inherited font size.
* Article: http://www.filamentgroup.com/lab/retaining_scalable_interfaces_with_pixel_to_em_conversion/
* Demo: http://www.filamentgroup.com/examples/pxToEm/
*
* Options:
scope: string or jQuery selector for font-size scoping
reverse: Boolean, true reverses the conversion to em-px
* Dependencies: jQuery library
* Usage Example: myPixelValue.pxToEm(); or myPixelValue.pxToEm({'scope':'#navigation', reverse: true});
*
* Version: 2.0, 08.01.2008
* Changelog:
* 08.02.2007 initial Version 1.0
* 08.01.2008 - fixed font-size calculation for IE
--------------------------------------------------------------------*/
Number.prototype.pxToEm = String.prototype.pxToEm = function(settings){
//set defaults
settings = jQuery.extend({
scope: 'body',
reverse: false
}, settings);
var pxVal = (this == '') ? 0 : parseFloat(this);
var scopeVal;
var getWindowWidth = function(){
var de = document.documentElement;
return self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
};
/* When a percentage-based font-size is set on the body, IE returns that percent of the window width as the font-size.
For example, if the body font-size is 62.5% and the window width is 1000px, IE will return 625px as the font-size.
When this happens, we calculate the correct body font-size (%) and multiply it by 16 (the standard browser font size)
to get an accurate em value. */
if (settings.scope == 'body' && $.browser.msie && (parseFloat($('body').css('font-size')) / getWindowWidth()).toFixed(1) > 0.0) {
var calcFontSize = function(){
return (parseFloat($('body').css('font-size'))/getWindowWidth()).toFixed(3) * 16;
};
scopeVal = calcFontSize();
}
else { scopeVal = parseFloat(jQuery(settings.scope).css("font-size")); };
var result = (settings.reverse == true) ? (pxVal * scopeVal).toFixed(2) + 'px' : (pxVal / scopeVal).toFixed(2) + 'em';
return result;
};