www.mangoportraits.com
Open in
urlscan Pro
18.235.135.157
Public Scan
URL:
http://www.mangoportraits.com/
Submission: On February 07 via api from US — Scanned from DE
Submission: On February 07 via api from US — Scanned from DE
Form analysis
1 forms found in the DOMName: theform — POST
<form method="post" action="" name="theform" id="theform">
<script type="text/javascript">
jQuery(document).ready(function() { // window.addEvent('domready', function() {
// console.log($('shareLink'));
jQuery('#shareLink').text('http://www.mangoportraits.com/home');
jQuery('#eventDetail').text('0');
});
</script>
<script>
(function($) {
$(function() {
$('ul.footer_links li:last-child').css('padding-right', '0');
});
}(jQuery));
</script>
<div id="page_boundary" class="layout_page_boundary format_for_slideshow">
<br>
<div class="header_n_body_border default_border_color format_for_slideshow">
<div id="global_header" class="layout_global_header toggle_for_slideshow">
<div class="custom_header" id="logo">
<a href="http://www.mangoportraits.com/" target="_self" class="site_logo"><img src="http://image11.photobiz.com/3621/34_20160601212913_2838641_large.png" border="0" width="444" height="237"></a>
</div>
<div class="float_fixer"></div>
</div>
<div class="layout_global_body" id="global_body">
<div class="layout_navigation_container toggle_for_slideshow" data-center-mode="padding" id="navigation_container">
<ul id="mainNav" class="sf-menu sf-js-enabled sf-arrows" style="padding-left: 161px; padding-right: 161px; opacity: 1; width: 778px;">
<li>
<a href="http://www.mangoportraits.com/" id="menu_250453" target="" onclick="" data-is-dropdown="false" data-expanded="false" data-pagetype="marqueeplus" class="nav_menu_selected topLink page-250453 friendly-home" data-selected="true">HOME</a>
</li>
<li><a href="http://www.mangoportraits.com/hello-parents" id="menu_250454" target="" onclick="" data-is-dropdown="false" data-expanded="false" data-pagetype="information" class="topLink page-250454 friendly-hello-parents">ABOUT</a></li>
<li>
<a href="http://www.mangoportraits.com/what-to-expect" id="menu_250455" target="" onclick="" data-is-dropdown="true" data-expanded="false" data-pagetype="drop_down_menu" class="topLink page-250455 friendly-what-to-expect sf-with-ul">WHAT TO EXPECT</a>
<ul class="subMenu" style="display: block;">
<li>
<a href="http://www.mangoportraits.com/what-to-expect1" id="menu_250456" target="" onclick="" data-is-dropdown="false" data-expanded="false" data-pagetype="information" class=" subLink page-250456 friendly-what-to-expect1">The Experience</a>
</li>
</ul>
</li>
<li><a href="http://www.mangoportraits.com/images" id="menu_250457" target="" onclick="" data-is-dropdown="true" data-expanded="false" data-pagetype="drop_down_menu" class="topLink page-250457 friendly-images sf-with-ul">IMAGES</a>
<ul class="subMenu" style="display: block;">
<li><a href="http://www.mangoportraits.com/children" id="menu_250458" target="" onclick="" data-is-dropdown="false" data-expanded="false" data-pagetype="gallery" class=" subLink page-250458 friendly-children">Gallery</a></li>
</ul>
</li>
<li>
<a href="http://www.mangoportraits.com/frequently-asked-questions" id="menu_269237" target="" onclick="" data-is-dropdown="false" data-expanded="false" data-pagetype="information" class="topLink page-269237 friendly-frequently-asked-questions">FAQ</a>
</li>
<li>
<a href="http://www.mangoportraits.com/proofing" id="menu_258263" target="_blank" onclick="" data-is-dropdown="false" data-expanded="false" data-pagetype="external_link" class="topLink page-258263 friendly-client-proofing">CLIENT PROOFING</a>
</li>
<li><a href="http://www.mangoportraits.com/contact-us" id="menu_250461" target="" onclick="" data-is-dropdown="false" data-expanded="false" data-pagetype="form" class="topLink page-250461 friendly-contact-us">CONTACT US</a></li>
</ul>
<script type="text/javascript" src="/store/includes/superfish.js"></script>
<script>
(function($) {
// $(function(){
$(window).bind("load", function() {
// this code block is to calculate how many nav items fit in available space
// and to stick the rest into a "more" dropdown
// this logic has been added to window.load (as opposed to document ready)
// to ensure the embedded font has been loaded before performing calculations.
// this prevents visual jerking
var $navContainer = $(".layout_navigation_container"),
$tempNav = $("ul.original-nav"), // temp nav
$topLevelLis = $tempNav.find("> li"),
$mainNav = $("<ul id='mainNav' class='sf-menu' />"),
$moreDropdown = $("<ul />"),
numTopLevelLis = $topLevelLis.length,
totalTopLevelLiWidth = 0,
numItemsThatFit = 0,
allLinksFit = true,
isVerticalInlineMenu = 0,
containerWidth = $navContainer.width(),
menuType = 'horizontal', // "horizontal" or "vertical" menu type
isVerticalMenu = menuType === 'vertical',
isHorizontalMenu = menuType === 'horizontal',
moreText = serverVars.content['Generic.More'];
$(document).on("mouseout", ".sf-menu li > a", function() {
var $a = $(this);
if (!$a.data("selected")) {
$a.removeClass("nav_menu_selected");
}
});
$(document).on("mouseover", ".sf-menu a", function() {
$(this).addClass("nav_menu_selected");
});
$(document).on("click", '.topLink[data-is-dropdown="false"]', function() {
//alert("ouch!");
var $link = $(this);
var $ul = $link.closest("ul");
$ul.find("a").removeClass("nav_menu_selected").attr("data-selected", false).data("selected", false);
$link.addClass("nav_menu_selected").attr("data-selected", true).data("selected", true);
});
// ensures parent link is highlighted while dropdown is being hovered over
$(document).on("mouseover", ".sfHover > ul", function() {
$(this).prev().addClass("nav_menu_selected");
});
// removes highlight from dropdown parent when leaving dropdown
$(document).on("mouseout", ".sfHover > ul", function() {
if (!$(this).prev().data("selected")) {
$(this).prev().removeClass("nav_menu_selected");
}
});
if (isVerticalInlineMenu) {
$tempNav.addClass("vertical-inline");
// Can't use Superfish b/c it doesn't support clicks anymore.
$(document).on("click", ".original-nav li:has('ul') > a", function(e) { // reveal nested links on click (rather than hover)
var $this = $(this),
$thisUl = $this.next(),
$subUls = $this.closest("ul.original-nav").find("ul").not($thisUl);
$subUls.hide();
$thisUl.toggle();
e.preventDefault();
});
} else if (isVerticalMenu) {
setupMenu($tempNav);
} else { // horizontal nav
$tempNav.superfish();
$topLevelLis.each(function(i, el) { // loop through top level li's and figure out total width and if they fit in available space
thisWidth = $(this).outerWidth(true);
totalTopLevelLiWidth += thisWidth;
if (totalTopLevelLiWidth > containerWidth) {
allLinksFit = false;
return false; // break out of loop
}
});
// Remove this class b/c it was copied over from $tempNav after
// $tempNav was initialized with Superfish, it will be added
// back once Superfish is initialized again.
$topLevelLis.children("a").removeClass("sf-with-ul");
if (!allLinksFit) { // if all links don't fit, build "more" dropdown
// build and render more link to tempNav in order to get accurate needed width for "more" link
// The anchor must have the class sf-with-ul in order for the proper width to be calculated.
// var $moreLi = $("<li id='more'><a href='#' class='sf-with-ul'>" + moreText + " <span class='sf-sub-indicator'> »</span></a></li>");
var $moreLi = $("<li id='more'><a href='#' class='sf-with-ul'>" + moreText + " <span class='sf-sub-indicator'></span></a></li>");
$tempNav.append($moreLi);
var spaceNeededForMoreLink = $("#more").outerWidth(true),
availableSpace = containerWidth - spaceNeededForMoreLink,
usedSpace = 0;
// Remove this class now that the width has been saved, it will be added
// back once Superfish is initialized again.
$moreLi.find("a").removeClass("sf-with-ul");
$topLevelLis.each(function(i, el) {
var $el = $(el);
var thisWidth = $el.outerWidth(true);
usedSpace += thisWidth;
var linkFits = usedSpace < availableSpace;
if (linkFits) {
$mainNav.append($el);
} else {
$el.find("ul").addClass("more-sub-menu").prev()
// .append("<span class='sf-sub-indicator'> »</span><span class='sf-sub-indicator'> »</span>");
.append("<span class='sf-sub-indicator'></span><span class='sf-sub-indicator'></span>");
$moreDropdown.append($el);
allLinksFit = false;
}
// console.log("this item is " + $el.text() + ", with a width of: " + thisWidth + ". we have used " + usedSpace + " of our total available " + availableSpace);
});
$moreLi.append($moreDropdown);
$mainNav.append($moreLi);
} else {
$mainNav.append($topLevelLis);
}
$tempNav.remove(); // the tempNav is only used to perform the calculations, so after they are done, it needs to be removed
setupMenu($mainNav);
$mainNav.prependTo($navContainer);
centerMenu($mainNav);
/*var $moreLis = $mainNav.find("li#more li:has('ul')"); // grab lis under more link which have nested children
var $moreLinks = $moreLis.find("> a");
$moreLis.off(); // turn off default event handlers for these (prevents reveal of dropdown on hover)
$moreLinks.off();*/
$(document).on("click", "li#more li:has('ul') > a", function(e) { // reveal nested links on click (rather than hover)
var $thisUl = $(this).next();
$thisUl.animate({
height: 'toggle'
}, 200);
e.preventDefault();
});
}
$(document).on("click", ".sf-menu > li > .sf-with-ul", function(e) { // links with dropdowns should not go anywhere when clicked
e.preventDefault();
});
// .sf-with-ul class was not being reliably added, so this is a
// "double check" to be sure it is in place for all dropdowns.
// prevents unwanted click on dropdown parent
$(".sf-menu > li:has('ul') > a").addClass("sf-with-ul");
function setupMenu($nav) {
console.log("setup menu called");
$nav.superfish({
popUpSelector: "ul:not(.more-sub-menu), .sf-mega",
animation: {
opacity: "show"
},
animationOut: {
opacity: "hide"
}, // just added fitz
// useClick: isVerticalInlineMenu,
// dropShadows: false,
delay: 800,
speed: 1,
onBeforeShow: function() {
// console.log( "before show", this );
var $this = $(this),
$moreSubMenuWithSelectedLink = $("li#more > ul > li > a[data-selected=true]~ul");
$moreSubMenuWithSelectedLink.show();
// retains hover effect on dropdown parent while hovering over dropdown
// $this.prev().addClass("nav_menu_selected");
// add selected class to current page
// $(".sf-menu a#250453").addClass("nav_menu_selected");
// keeps "more" sub menu open if one if its children is active link
// $("li#more > ul > li > a[data-selected=true]~ul").css("display", "block");
},
onShow: function() {
// console.log( "show", this );
$(this).css({
opacity: 1
});
},
onInit: function() {
var $this = $(this)
$more = $this.find("#more"),
$moreSelectedArr = $more.find("[data-selected='true']");
if ($moreSelectedArr.length) {
$more.children("a").addClass("nav_menu_selected").data("selected", true);
}
}
});
}
function centerMenu($nav) {
var $navContainer = $nav.parent();
var navOffset = ($navContainer.width() - $nav.outerWidth(true)) / 2;
navOffset -= 1; // this offset is necessary as browsers are not measuring the widths of the menu items consistently, causing undesirable wrapping of the "more" nav item
navOffset = Math.floor(navOffset);
var centerMode = $navContainer.data("center-mode");
if (centerMode === "margin") {
$nav.css({
marginLeft: Math.ceil(navOffset),
marginRight: Math.floor(navOffset),
opacity: 1
}); // centers navigation within container, Math.ceil and Math.floor prevent decimals from throwing things off, i.e. margin-left: 8.5px
} else {
$nav.css({
paddingLeft: Math.ceil(navOffset),
paddingRight: Math.floor(navOffset),
opacity: 1
}); // centers navigation within container, Math.ceil and Math.floor prevent decimals from throwing things off, i.e. padding-left: 8.5px
}
var diff = $navContainer.width() - $nav.outerWidth(true);
if (diff > 0) {
$nav.width($nav.width() + diff);
}
}
});
}(jQuery));
</script>
<br style="clear: both;">
</div>
<div class="content_area_wrapper">
<div class="layout_content_area_container default_border_color format_for_slideshow" id="content_area_container">
<div class="tabbed_content_area home_tabbed_content_area default_border_color format_for_slideshow">
<div class="content_pad">
<div id="tabbed_content_area">
<fieldset class="title-bar">
<legend>Home</legend>
</fieldset>
<div class="layout_content_area_container" id="tab_area_container">
</div>
<div id="banner" class="banner-container">
<div class="banner-overlay" style="width: 1070px; height: 500px; z-index: 10; left: 0px; top: 0px; position: absolute; opacity: 0;"></div>
<div class="banner-img-wrapper" style="height: 500px; position: relative; overflow: hidden;">
<div class="banner-img" data-index="0" style="height: 500px;"><img src="http://image7.photobiz.com/5045/34_20160411221326_2746091_large.jpg" style="height: 500px; width: 1353.79px; left: -141.895px; top: 0px;"></div>
</div>
</div>
<script src="/store/includes/bannerSlide.js"></script>
<script>
bannerSlide({
autoPlay: 0,
effect: 'fade',
controls: 0,
shuffle: 0,
height: 500,
delay: 4000,
thumbs: 0,
captions: 0,
layout: 'c',
stretching: false,
fullscreen: false,
images: [{
path: 'http:\/\/image7.photobiz.com/5045/34_20160411221326_2746091_large.jpg',
size: [1500, 554],
caption: '',
link: '',
target: '_self',
coords: [372, 111],
hasFocal: 1
}]
});
</script>
<div class="content_text_container" style="margin-top:20px">
<div>
<p style="margin-top: 0;"> </p>
<p><span style="font-size: 12pt;">
<script src="https://www.thumbtack.com/profile/widgets/scripts/service_id=Ze6lIe79zskSPA&widget_id=bestof_2016_medallion" type="text/javascript"></script>
</span></p>
<p style="text-align: center;"><span style="font-size: 12pt;">Located in the Jupiter, Fl, Mango Photography is a children's photographer. We specialize in children of all ages and work to bring out the best in your child
for you to enjoy for years to come.</span></p>
<p><img src="https://static7.thumbtackstatic.com/media/pages/profile/best-of/best-of-2016.png" alt=""></p>
<p> </p>
<script src="https://www.thumbtack.com/profile/widgets/scripts/service_id=Ze6lIe79zskSPA&widget_id=bestof_2016_medallion" type="text/javascript">
// <![CDATA[
< \/script>
// ]]><\/script>
// ]]><\/script>
// ]]>
</script>
</div>
</div>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tbody>
<tr>
</tr>
</tbody>
</table>
<div id="eventContainer"></div>
<div id="block"></div><br>
</div>
</div>
</div>
</div>
</div>
<div class="float_fixer"></div>
</div>
</div>
<div class="footer-wrapper">
<div id="global_footer" class="layout_global_footer toggle_for_slideshow">
<div class="footer_social" style="width: 33%; margin: 0; text-align: left; float: left; overflow: hidden; ">
<a href="#" class="icon-social" data-custom="false" onclick="PBUtil.module.Lightbox.open({isAlertType: true, iframe: true, close: true, url: '/store/share.cfm?'}); return false;" title="Share"><img src="/store/templates/04/images/icons/greyscale/share.png" alt="share_icon.png"></a><img
src="/store/templates/04/images/icons/greyscale/facebook.png" alt="facebook_bw_icon.png"><img src="/store/templates/04/images/icons/greyscale/twitter.png" alt="twitter_bw_icon.png"><img
src="/store/templates/04/images/icons/greyscale/instagram.png" alt="instagram_bw_icon.png"><img src="/store/templates/04/images/icons/greyscale/pinterest.png" alt="pinterest_bw_icon.png">
<div class="photobiz_brand">
<a href="?load=corporate" target="_blank">crafted by photobiz</a>
</div>
</div>
<div class="footer_text" style="width: 28%; margin: 0 20px; text-align: center; float: left; overflow: hidden;"> Mango Portrait Photography </div>
<div class="footer_links" style="width: 33%; margin: 0; text-align: right; float: right; overflow: hidden; border:">
<ul class="footer_links">
<li class="first">
<a href="http://www.mangoportraits.com/terms-of-use" target="_self">Terms of Use</a>
</li>
<li style="padding-right: 0px;">
<a href="http://www.mangoportraits.com/privacy-policy" target="_self">Privacy Policy</a>
</li>
</ul>
</div>
<div class="float_fixer"></div>
<div id="shareLink" style="display: none;">http://www.mangoportraits.com/home</div>
<div id="eventDetail" style="display: none;">0</div>
</div>
</div>
</div>
<!-- ========== BUY PRINTS DROP PANEL =========== -->
<div id="dropPanel_Container" class="dropPanel_Container default_border_color" style="display:none">
<div id="scroll_container" class="misoScrollerContainer">
<div class="misoScrollerContent" id="dropPanel_Content"> Loading ... </div>
<div class="misoScrollerTrackContainer">
<div class="misoScrollerUpArrow"></div> <!-- optional -->
<div class="misoScrollerTrack">
<div class="misoScrollerBar"></div>
</div>
<div class="misoScrollerDownArrow"></div> <!-- optional -->
</div>
</div>
<div id="dropPanel_SubContent" style="margin-top:3px;">
</div>
</div>
</form>
Text Content
* HOME * ABOUT * WHAT TO EXPECT * The Experience * IMAGES * Gallery * FAQ * CLIENT PROOFING * CONTACT US Home Located in the Jupiter, Fl, Mango Photography is a children's photographer. We specialize in children of all ages and work to bring out the best in your child for you to enjoy for years to come. crafted by photobiz Mango Portrait Photography * Terms of Use * Privacy Policy http://www.mangoportraits.com/home 0 Loading ...