/*MAIN JAVASCRIPT FILE FOR MEGHANCARTER.COM ** ORIGINALLY CREATED 4/28/2011 */ //starter function that initiates all other functions var Start = { ie6: (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1), //detect IE6 iOS: false, //initialize variable that tracks if user is iOS or not init: function() { if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') //if iOS device { TouchScrolling.init(); //manages touch scrolling controls for iOS devices (iPhone, iPad, iPod) Start.iOS = true; //it is an iOS device } if($('#salesPageSpreads').length) { BookLookInside.init(); //manages book look inside app } EliminateOverlays.init(); //hides any overlays if window width is below 1024px if(Start.ie6) //if ie6, run to fix png transparency { $('head').append('');//insert png fixer jquery plugin script call $('.ie6PNGFIX').supersleight(); //if ie6, make selected areas have transparent png images } if($('div.drop1').length) //if dropdowns exists, manage them { Dropdown.init(); } /*if($('#worksheetHolder').length) //if it's the worksheets page, manage printing and dowlading lightbox for each worksheet { Worksheets.init(); }*/ if($('form.clearClick').length) //if there is a form that needs to be clearned when text inputs are clicked { ClearForm.init(); } if($('#bookExcerpt').length) { Excerpt.init(); } ALaModal.init(); if ($('.colSplit').length) { ColSplit.init(); } if ($('.stepbystep').length) { StepByStep.init(); } if ($('.scrolldiv').length) { $('.scrolldiv').scrollThis(); } if ($('#categoryList').length) $('#categoryList li:odd').addClass('right');$('#categoryList').show(); if ($('#categoryList').length) VerticalCenter.init($('#categoryList div')); BtmToolScrollMngr.init(); //manages reveal of bottom tools when viwer scrolls to bottom of page if ($('#issuu').length) Issuu.init(); } }; //starts up all functions when DOM is loaded $(document).ready(Start.init); //manages #nav dropdowns var Dropdown = { init: function () { $('div.drop1').hide(); $('li.dropTrigger').hover( function() { //$(this).children('div.drop1').removeClass('hide'); $(this).children('div.drop1').fadeIn(250); }, function () { //$(this).children('div.drop1').addClass('hide'); $(this).children('div.drop1').fadeOut(250); } ); } }; //manages the behvior of the bottom toolbar for desktop browsers // * sets css styles for various browsers to bottom toolbar scrolls is fixed like browser native tool bar // * when toolbar reaches the bottom of the #content, it changes from stuck to bottom of browser, to absolutely positioned on top of #foot // * effect works in Safari, Firefox, Chrome, IE 7+ (basically all browsers with position:fixed support) var BtmToolScrollMngr = { absolutePosition: function ()//make the #tools bar absolutely positioned in the element at the very bottom of the #content area, above #foot { $('#tools').css({ 'position': 'absolute', 'top': $('#content').outerHeight(true) - $('#tools').height(), 'bottom': 'auto' }); }, fixedPosition: function () // make the #tools position:fixed again, moving with the scrolling { $('#tools').css({ 'position': 'fixed', 'top': 'auto', 'bottom': '-1px' }); }, init: function () { //if the height of #content is less than screen height, and not iOS device: make absolutly positioned if ($(window).height() >= $('#content').innerHeight() && Start.iOS != true) { BtmToolScrollMngr.absolutePosition(); } else if (Start.ie6 != true && Start.iOS != true) { BtmToolScrollMngr.fixedPosition(); } //listen to scroll event and move #tools along with scrolling to look liked fixed toolbar at bottom of browser $(window).scroll(function(){ //listen on all scrolling events of browser window //$('#tools > .fixedFloat').text(w1 + ' and ' + b1); //writes the numbers to the bar for debugging. NOT USED IN PRODUCTION var w1 = $(window).scrollTop() + $(window).height(); //calculate the current position of the bottom edge of browser window var b1 = $('#foot').offset().top; //calculate the point at which #tools bar becomes stationary if(w1 >= b1) //if the bottom of the browser window hits the very top of the #foot { if(!($.browser.msie && Start.ie6)) //if not IE6 { BtmToolScrollMngr.absolutePosition(); } } else { if(!($.browser.msie && Start.ie6)) //if not IE6 { BtmToolScrollMngr.fixedPosition(); } }//else });//scroll event }// init method };// BtmToolScrollMngr object //manages touch scrolling for iOS devices such as iPads etc. Makes it seem like native scrolling on devices var TouchScrolling = { init: function () { $('head').append(''); //insert touch scroll jquery plugin script call $('#container').wrap('

'); //wrap #content in

$('nav').wrap('

'); //wrap #content and

in

//create css sytyles for newly created

and

var bgImage = $('body').css('background-image');// get backround image from var bgY = $('body').css('background-position-y'); //get Y positioning of BG $('body').css({'overflow-y': 'hidden', 'background': 'none'});//then eliminate BG from $('section').css({ 'display': 'block', 'position': 'fixed', 'left': '0', 'top': '0', 'bottom': '0', 'right': '0', 'overflow-y': 'auto' }); $('nav').css({ 'display': 'block', 'height': '100%', '-webkit-perspective': '1000', '-webkit-backface-visibility': 'hidden', 'background-image': bgImage, //create background image 'background-repeat': 'no-repeat', //don't let it repeat 'background-position-x': '-280px', 'background-position-y': bgY }); $('nav').touchScroll(); //acrivate

as scrollable } }; var BookLookInside = //manages the book look inside module { /* You must manually adjust the width of the moves to the with of the

that holds the

' + $('#salesCopy').html(); + '

The Answer to ALL Your Decorating Questions.

And by answer, I don’t mean snobby opinions or silly rules. I fully explain — with pictures — all the essential concepts most brush over, while never once imposing my style.

You'll discover:

Why we really decorate.
The truth about style and why you’ve always had it — even if you don’t think you do.
How to get the most out of your room — both functionally and emotionally.
What designers mean when they talk about balance, proportion and the other 6 design principles.
Where to find fruitful inspiration and why it’s essential.

By the time you reach the last page, you’ll know more than just the decorating basics. You’ll know exactly how to create the home of your dreams. Let’s get started.

" + text + "

" + checkout + "

" + secondText + "

" + checkout + "

tag var ClearForm = { init: function () { var formsToClear = $('form.clearClick input[type|="text"], form.clearClick textarea'); formsToClear.each(function (){ //set varaible to track clicks on each input element this._onetime = 0; }); formsToClear.click(function(){ //if not already cleared, clear value attribute when clicked if (this._onetime == 0) { $(this).val('').css('color','#000'); this._onetime = 1; } }); } }; //manages the excerpts slideshow on the product page of shopping cart var Excerpt = { init: function () { $('ul.slideControls li a').click(function(e) { if (!$(this).hasClass('ctlBuy'))//if this isn'the buy button (.ctlBuy) { e.preventDefault();//prevent default action var index = ($('ul.slideControls li a').index(this)); //get index location of button in array var moveAmount = ($('ul.slideshow li').outerWidth()*index);//move amount calculated from outer widht of

* index location of control var it = $(this); //set item clicked to variable for propper closure in below function, aka pass the object $('ul.slideshow').animate({ //move slides marginLeft: -moveAmount //move by modifying marginLeft of entire containing

' + firstCol + '

' + secCol + '

must be same height, width, padding, margins, etc. *Basic HTML structure needed*
*Default Script Call* $('#someID').scrollThis(); *Script Call With Options* $('#someID').scrollThis({ 'scrollSpeed' : 400, 'sledTag' : '.sledThis', 'passengers' : '.thesePassengers', 'scrollRight' : '', 'displayNum' : 4 }); */ (function ($) { $.fn.scrollThis = function(options) { var defaults = { // SETS THE DEFAULT OPTIONS, YOU CAN CHANGE THEM WITH YOUR CALL scrollSpeed : 700, // speed at which transition happens, in milliseconds sledTag : 'ul', // what is the element that will be moving, can have css attributes in needed passengers : 'li', // what elements are riding on the sled scrollRight : '.scrollThisRight', // identifies the element that when clicked scrolls sled right scrollLeft : '.scrollThisLeft', // identifies the elemnt that when clicked scrolls sled left displayNum : 3 // sets the number of items to display at a time }; var options = $.extend(defaults, options); //updates options /*PRIVATE METHODS*/ _passengerWidth = function (passenger) { // send in the passenger object, and it returns it's width, margins included var p = $(passenger); // extend object w/ jQ var width = p.outerWidth(); // get width width += parseInt(p.css('marginLeft')); //add margins to width width += parseInt(p.css('marginRight')); return width; }, _passengerHeight = function (passenger) { // send in the passenger object, and it returns it's height, margins included var p = $(passenger); // extend object w/ jQ var height = p.outerHeight(); // get height height += parseInt(p.css('marginTop')); //add margins to height height += parseInt(p.css('marginBottom')); return height; }, this.each(function() { // for each sled on a page do the below stuff obj = $(this); // set object for context/scope obj.hide(); // hide object until it's ready var sled = $(options.sledTag, obj); //get the sled that will be moving var rArrow = $(options.scrollRight, obj); // get the right scroll controller var lArrow = $(options.scrollLeft, obj); // get the left scroll controller var passengersArray = $(options.passengers, obj) // create array holding passengers var passengerWidth = _passengerWidth(passengersArray[0]); var passengerHeight = _passengerHeight(passengersArray[0]); var passengerCount = passengersArray.length; var sledWidth = passengerWidth * passengerCount; // holds width of all passengers var stageWidth = passengerWidth * options.displayNum; // holds how wide the stage/visible area should be var scrollPosition = 1; // tracks the current position of sled var maxScrollPosition = Math.ceil(sledWidth/stageWidth); // the number of moves possible based on available content sled.width(sledWidth); // set sled width to make to total width all passengers take up //Create screen and set its attributes sled.wrap('
'); //wrap sled in screen to hide overflow var screen = $('.stWrapSled', obj); // get the screening div that surrounds and hides sled screen.css({ // set styles on screen 'float': 'left', 'overflow': 'hidden', 'height': passengerHeight, 'width': stageWidth, 'position': 'relative' }); // scrollAmount is the same as stageWidth //Set up Events for left and right arrow controls rArrow.click(function(e){ //when click right arrow, move sled to the left e.preventDefault(); _moveLeft(1, sled, obj);//move the sled }); lArrow.click(function(e){ //when click left arrow, move sled to the right e.preventDefault(); _moveRight(1, sled, obj);//move the sled }); //Manage the movement of the sled _moveLeft = function(times, sled, scope) { //moves the sled to the left if (scrollPosition < maxScrollPosition)//if not at maximum position, move { scrollPosition += 1; //increment current position var moveAmount = '-=' + (times*stageWidth); //calculate how much to move based on the number sent in sled.animate({ //move it left: moveAmount },options.scrollSpeed, _updateControls()); //call method to update how the controls display } } _moveRight = function (times, sled, scope) { //moves the sled to the right if(scrollPosition > 1)// if not at minimum postion, move { scrollPosition -= 1; //decrement current positin var moveAmount = '+=' + (times*stageWidth); //calculate how much to move based on number sent in sled.animate({ //move it left: moveAmount },options.scrollSpeed, _updateControls()); //update display of controls } } //Updates the display of the arrows _updateControls = function () { if(scrollPosition == 1)//if the sled is all the way at the starting position { lArrow.removeClass('on');//turn off left arrow rArrow.addClass('on');//turn on right arrow } else if (scrollPosition == maxScrollPosition)// if the sled is all the way at end position { rArrow.removeClass('on');//turn off right arrow lArrow.addClass('on');//turn on left arrow } else //else turn on both arrows { lArrow.addClass('on');//turn off right arrow rArrow.addClass('on');//turn on left arrow } } if (passengerCount > options.displayNum) // if there are more passengers to show than can fit on the stage _updateControls(); // set controls obj.show(); // reveal slider in all its glory }); }; })(jQuery); // vertically centers an element inside it's parent. Just pass the element you want centered to // VerticalCenter.init(element); var VerticalCenter = { init: function (elements) { elements.each(function (){ // for each element needed to be centered var obj = $(this); // extend this var topMargin = (obj.parent().height() - obj.outerHeight(true))/2; // parent's height - objects height divided by 2 obj.css('marginTop', topMargin); // set the margin }); } }; //issuu, use swfobject to embed player var Issuu = { init: function() { $('script:last').after(''); if (Start.iOS){$('#issuu').append('
Download the .pdf version
for your iPad, iPhone or mobile device.
').height('auto');} var attributes = { id: 'issuu' }, params = { allowfullscreen: 'true', menu: 'false', wmode: 'transparent' }, flashvars = { jsAPIClientDomain: 'www.meghancarter.com', mode: 'mini', documentId: '111121022541-bd61f239911944929b86a22960f80e23' }; swfobject.embedSWF("http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf", "issuu", "900", "601", "9.0.0","js/swfobject/expressInstall.swf", flashvars, params, attributes); }//init }; //utility function for preloading images //usage: jQuery.preLoadImages("image1.gif", "/path/to/image2.png"); (function($) { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function() { var args_len = arguments.length; for (var i = args_len; i--;) { var cacheImage = document.createElement('img'); cacheImage.src = arguments[i]; cache.push(cacheImage); } } })(jQuery);