$(document).ready(function(){
//dropdown
$('#dd-handle, #website #nav-website a, #mobile #nav-mobile a, #logo #nav-logo a').live('click', function() {
if($('#dd').hasClass('active')){
$('#dd').removeClass('active');
} else{
$('#dd').addClass('active');
}
return false;
});
$('#dd.active a').live('click', function(){
theID = $(this).attr('href').replace('#','');
listHTML = $('#nav-'+theID).html();
$('.top').attr('id', theID);
$('#nav-'+theID).remove();
$('#dd-dd').prepend(''+listHTML+'');
$('#dd').removeClass('active');
return false;
});
$('#tour .col').click(function() {
if($(this).hasClass('current')) {
if ($('.wireframe').length > 0) {
$('.top').attr('class', 'top screenshot '+$(this).attr('id'));
$(this).find('.thumb').removeClass('screen').addClass('frame');
$(this).find('.overlay').html('View the wireframe ');
} else {
$('.top').attr('class', 'top wireframe '+$(this).attr('id'));
$(this).find('.thumb').removeClass('frame').addClass('screen');
$(this).find('.overlay').html('View the screenshot ');
}
} else {
$('.frame').removeClass('frame').addClass('screen');
$('.current').removeClass('current');
$(this).addClass('current');
$('.top').attr('class', 'top wireframe '+$(this).attr('id'));
}
});
$('#tour .col').hover(
function () { $(this).addClass('hover'); },
function () { $(this).removeClass('hover'); }
);
$('#home #quote-refresh').click(function() {
quoteArray = [
'“The slickest mockup tool we’ve seen yet.” — The Next Web',
'“I think the idea is brilliant.” — Ryan Carson',
'“Made my life so much easier.” — Matt',
'“Damn cool way to present mockups.” — Rustin',
'“Get onto this!” — Dean',
'“Really liking the look of Mocksup.” — Peter',
'“An amazing tool.” — Andy',
'“Wow, Mocksup is awesome!” — Alvaro',
'“Awesome program to link mockups together.” — Elizabeth'
]
randomNum = Math.floor(Math.random()*8);
if ($('#quote-content').html() == quoteArray[randomNum]){
randomNum = Math.floor(Math.random()*8);
} else {
$('#quote-content').hide();
$('#quote-content').html(quoteArray[randomNum]);
$('#quote-content').fadeIn('fast');
}
return false;
});
$('#compare #quote-refresh, #plans #quote-refresh').click( function() {
quoteArray = [
'“Looking at a site that will allow you to take static images and make them into a full-blown, interactive demo of your product gave me a “wow, that’s cool” moment...”
— Brad McCarty, The Next Web',
'“I’ve been exporting PNGs, making fake backgrounds and just chaining a loop of images together for years—thank God I’ve found something like Mocksup. Made my life so
much easier!”
— Matt Quintanilla, Redkeg',
'“I’ve used Balsamiq for a while, which is great for putting a wireframe together to give a developer to get an estimate, but this ties it all together!”
— Kevin Gainey',
'“Liking Mocksup. It’s coming in useful to me as I’m redoing Origen Creatives, my business site.
— Josh Clark, Origen Creatives',
'“An amazing tool to allow clients to interact
with the static designs that are presented as design comps”
— Andy Davis',
'“Incredible app! Seriously — love it and will be using it.”
— Adam Campbell, Hot Meteor',
'“Imagine being able to easily browse every version of every mockup you’ve ever created,
as well as everything that was ever said about them.”
— Jesse Bennett-Chamberlain',
]
randomNum = Math.floor(Math.random()*6);
if ($('#quote-content').html() == quoteArray[randomNum]){
randomNum = Math.floor(Math.random()*6);
} else {
$('#quote-content').hide();
$('#quote-content').html(quoteArray[randomNum]);
$('#quote-content').fadeIn('fast');
}
return false;
});
});