jQuery.noConflict();
// * * * * * * * * * * * * * * * * * * * * * * * *
jQuery(document).ready(function() {
// contact slide out
jQuery('.slide-out-div').tabSlideOut({
tabHandle: '.handle', //class of the element that will become your tab
pathToTabImage: '/wp-content/themes/jtwofilms/img/contact.jpg', //path to the image for the tab //Optionally can be set using css
imageHeight: '28px', //height of tab image //Optionally can be set using css
imageWidth: '172px', //width of tab image //Optionally can be set using css
tabLocation: 'top', //side of screen where tab lives, top, right, bottom, or left
speed: 300, //speed of animation
action: 'hover', //options: 'click' or 'hover', action to trigger animation
topPos: '200px', //position from the top/ use if tabLocation is left or right
leftPos: '0px', //position from left/ use if tabLocation is bottom or top
fixedPosition: false //options: true makes it stick(fixed position) on scroll
});
jQuery('.jtwo-ico-footer-home a').hover(function(){
jQuery(this).stop().animate({'opacity' : '0'}, 500);
}, function(){jQuery(this).stop().animate({'opacity' : '1'}, 500);});
jQuery('.button-facebook a').hover(function(){
jQuery(this).stop().animate({'opacity' : '0'}, 500);
}, function(){jQuery(this).stop().animate({'opacity' : '1'}, 500);});
jQuery('.button-twitter a').hover(function(){
jQuery(this).stop().animate({'opacity' : '0'}, 500);
}, function(){jQuery(this).stop().animate({'opacity' : '1'}, 500);});
jQuery('.button-vimeo a').hover(function(){
jQuery(this).stop().animate({'opacity' : '0'}, 500);
}, function(){jQuery(this).stop().animate({'opacity' : '1'}, 500);});
// set up the options to be used for jqDock...
var dockSize = (jQuery(document).width()) / 20;
jQuery('#foot').css('height', function() {
return dockSize + 30;
});
var dockOptions =
{ size: dockSize, labels: true , fadeIn: 500 };
// ...and apply...
jQuery('#menu').jqDock(dockOptions);
// * * * * * * * * * * * * * * * * * * * * * * * *
// Home page
//move the image in pixel
var move = -29;
//zoom percentage, 1.2 =120%
var zoom = 1.2;
//On mouse over those thumbnail
jQuery('#content-home .item').hover(function() {
//Set the width and height according to the zoom percentage
width = jQuery('#content-home .item').width() * zoom;
height = jQuery('#content-home .item').height() * zoom;
//Move and zoom the image
jQuery(this).find("img").stop(false,true).animate({"width":width, "height":height,"top":move, "left":move}, {duration:300},'linear');
//Display the caption
jQuery(this).find('div.caption').stop(false,true).fadeIn(750);
},
function() {
//Reset the image
jQuery(this).find('img').stop(false,true).animate({'width':jQuery('.item').width(), 'height':jQuery('#content-home .item').height(), 'top':'0', 'left':'0'}, {duration:300},'linear');
//Hide the caption
jQuery(this).find('div.caption').stop(false,true).fadeOut(750);
});
//On mouse over those thumbnail
jQuery('#content-home .middle').hover(function() {
//Set the width and height according to the zoom percentage
width = jQuery('#content-home .middle').width() * zoom;
height = jQuery('#content-home .middle').height() * zoom;
//Move and zoom the image
//jQuery(this).find("img").stop(false,true).animate({"width":width, "height":height,"top":move, "left":move}, {duration:300},'linear');
//Display the caption
jQuery(this).find('div.caption').stop(false,true).fadeIn(750);
},
function() {
//Reset the image
//jQuery(this).find('img').stop(false,true).animate({'width':jQuery('.middle').width(), 'height':jQuery('#content-home .middle').height(), 'top':'0', 'left':'0'}, {duration:300},'linear');
//Hide the caption
jQuery(this).find('div.caption').stop(false,true).fadeOut(750);
});
// #featured fader setup
jQuery('#jtwo-middle img:first').fadeIn(1000, function() {
jQuery("#jtwo-middle").cycle(
{
fx: "none",
timeout: 100,
speed:1
}
).cycle('pause').hover(function() {
jQuery(this).cycle('resume');
},function(){
jQuery(this).cycle('pause');
});
});
});
// Webography
jQuery(document).ready(function(){
/* The code here is executed on page load */
/* Replacing all the paragraphs */
jQuery('.webog-content').replaceWith(function(){
/* The style, class and title attributes of the p are copied to the slideout: */
return '\
\
\
\
\
\
\
\
\
'+jQuery(this).attr('title')+'
\
'+jQuery(this).html()+'
\
\
';
});
jQuery('.slideOutTip').each(function(){
/*
Implicitly defining the width of the slideouts according to the width of its title,
because IE fails to calculate it on its own.
*/
jQuery(this).width(110);
});
/* Listening for the click event: */
jQuery('.slideOutTip').bind('mouseenter mouseleave',function(){
var tip = jQuery(this);
/* If a open/close animation is in progress, exit the function */
if(tip.is(':animated'))
return false;
if(tip.find('.slideOutContent').css('display') == 'none')
{
tip.trigger('slideOut');
}
else tip.trigger('slideIn');
});
jQuery('.slideOutTip').bind('slideOut',function(){
var tip = jQuery(this);
var slideOut = tip.find('.slideOutContent');
/* Closing all currently open slideouts: */
jQuery('.slideOutTip.isOpened').trigger('slideIn');
/* Executed only the first time the slideout is clicked: */
if(!tip.data('dataIsSet'))
{
tip .data('origWidth',tip.width())
.data('origHeight',tip.height())
.data('dataIsSet',true);
if(tip.hasClass('openTop'))
{
/*
If this slideout opens to the top, instead of the bottom,
calculate the distance to the bottom and fix the slideout to it.
*/
tip.css({
bottom : tip.parent().height()-(tip.position().top+tip.outerHeight()),
top : 'auto'
});
/* Fixing the title to the bottom of the slideout, so it is not slid to the top on open: */
tip.find('.tipVisible').css({position:'absolute',bottom:3});
/* Moving the content above the title, so it can slide open to the top: */
tip.find('.slideOutContent').remove().prependTo(tip);
}
if(tip.hasClass('openLeft'))
{
/*
If this slideout opens to the left, instead of right, fix it to the
right so the left edge can expand without moving the entire div:
*/
tip.css({
right : Math.abs(tip.parent().outerWidth()-(tip.position().left+tip.outerWidth())),
left : 'auto'
});
tip.find('.tipVisible').css({position:'absolute',right:3});
}
}
/* Resize the slideout to fit the content, which is then faded into view: */
tip.addClass('isOpened').animate({
width : 700,
height : slideOut.outerHeight()
},function(){
slideOut.fadeIn();
});
}).bind('slideIn',function(){
var tip = jQuery(this);
/* Hide the content and restore the original size of the slideout: */
tip.find('.slideOutContent').fadeOut('fast',function(){
tip.animate({
width : tip.data('origWidth'),
height : tip.data('origHeight')
},function(){
tip.removeClass('isOpened');
});
});
});
});
jQuery(document).ready(function() {
// contact form setup
jQuery("#foot-contact, #onpage-contact").alajaContact({
emptyTextError: getOption("empty-contact-form", "Don't be shy! Please type something and "), //
emptyEmailError: getOption("no-contact-email", "We don't Spam. Add your Email and "), //
enableAutoGrow: true // textarea auto grow (false - to disable)
});
// #showroom slider setup
jQuery("#showroom").alajaShow({
height: getOption("showroom-height", 300), // height in pixels (or "auto")
width: 620, // width in pixels (or "auto")
pixelsPerSecond: getOption("showroom-pps", 30), // overage speed of the image transition
minDisplayTime: getOption("showroom-delay", 3000), // minimal time (in milliseconds) to display one image (can override "pixelsPerSecond")
effect: getOption("showroom-transition-fx", "cross"), // slide direction ("up", "down", "cross" or simple "fade")
IE: true // just simple fader in IE
//, easing: "easeOutBounce" // easing style, other styles you can visualize here: http://www.robertpenner.com/easing/easing_demo.html
});
});
// utilities onload
jQuery(document).ready(function() {
// flag body.js / body.no-js
jQuery("body").addClass("js").removeClass("no-js");
// topmenu search
if (jQuery(".search a", "#topmenu").length) {
jQuery(".search a", "#topmenu").click(function() {
var input = jQuery(".search input", "#topmenu");
var form = jQuery(".search form", "#topmenu");
jQuery(this).
text(jQuery(this).text() + ":"). // comment this line to disable adding the ":"
unbind().
bind("click", function() { input.focus(); return false; });
form.
css({ display: "inline" });
input.
data("width", input.width()).
css({ width: "1px" }).
focus().
animate({ width: input.data("width") });
return false;
});
}
// sleek page scrolling
jQuery.localScroll({ duration: 500, easing: "easeInExpo" });
// sleek image preload
jQuery("#logo, #content").alajaImagePreloader();
// setup Alaja Show
jQuery(".alajaShow", "#content").alajaShow();
// setup Alaja Tweet
jQuery("ins.tweet").alajaTweet({ excludeReplies: true, showAge: true, clearTags: true });
// togglers
jQuery("dl.toggle").each(function() {
var
holder = jQuery(this),
trigger = holder.find("dt").css({ cursor: "pointer" }),
triggerText = trigger.text(),
triggerOn = "– " + triggerText,
triggerOff = "+ " + triggerText,
target = holder.find("dd").hide();
trigger.html(triggerOff);
trigger.toggle(function() {
trigger.html(triggerOn);
holder.addClass("active");
}, function() {
trigger.html(triggerOff);
holder.removeClass("active");
});
trigger.click(function() {
target.slideToggle("fast");
return false;
});
});
// Alaja fancybox setup
{
var // default video playback window size
videoWidth = getOption("video-width", 680),
videoHeight = getOption("video-height", 495);
var fancyboxRegion = "#content, #featured, .middle";
var grab_param = function(name, url) { name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]"); var regexS = "[\\?&]" + name + "=([^&#]*)", regex = new RegExp(regexS), results = regex.exec(url); return (results == null) ? null : results[1]; }
var get_w = function(href) { var res = grab_param("width", href); if (res == null) return videoWidth; return parseInt(res); }
var get_h = function(href) { var res = grab_param("height", href); if (res == null) return videoHeight; return parseInt(res); }
var formatTitle = function(title, currentArray, currentIndex, currentOpts) { if (currentArray.length == 1 && !title) return ""; title = (title) ? title : ""; if (currentArray.length > 1) title = (currentIndex + 1) + " / " + currentArray.length + ". " + title; return "" + title + ""; };
var fancyboxImageDefaults = { titleFormat: formatTitle, titlePosition: "over", transitionIn: (jQuery.browser.msie) ? "none" : "elastic", transitionOut: "none", easingIn: "easeInExpo", easingOut: "easeOutExpo", padding: 0, centerOnScroll: true, hideOnContentClick: true, showCloseButton: false, opacity: true };
var fancyboxVideoDefaults = { width: videoWidth, height: videoHeight, padding: 0, autoScale: false, hideOnContentClick: false, hideOnOverlayClick: false, transitionIn: "none", transitionOut: "none", centerOnScroll: true, title: "", type: "swf", swf: { wmode: "transparent", allowfullscreen: true} };
var fancyboxMovDefaults = jQuery.extend({}, fancyboxVideoDefaults, { type: "mov", mov: { wmode: "transparent", autoplay: true, showlogo: false, type: "video/quicktime", cache: true, scale: "tofit", bgcolor: "white", postdomevents: true, controller: false} });
jQuery("a.lightbox:not(.white, .black, .youtube, .vimeo, .mov)", fancyboxRegion).fancybox(fancyboxImageDefaults);
jQuery("a.lightbox.white", fancyboxRegion).fancybox(jQuery.extend({}, fancyboxImageDefaults, { overlayColor: "white", overlayOpacity: 4 / 5 }));
jQuery("a.lightbox.black", fancyboxRegion).fancybox(jQuery.extend({}, fancyboxImageDefaults, { overlayColor: "black", overlayOpacity: 3 / 4 }));
jQuery("a.lightbox.youtube", fancyboxRegion).click(function() { jQuery.fancybox(jQuery.extend({}, fancyboxVideoDefaults, { href: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/') + "&autoplay=1", width: get_w(this.href), height: get_h(this.href) })); return false; });
jQuery("a.lightbox.vimeo", fancyboxRegion).click(function() { jQuery.fancybox(jQuery.extend({}, fancyboxVideoDefaults, { href: this.href.replace(new RegExp("([0-9])", "i"), "moogaloop.swf?autoplay=1&clip_id=$1"), width: get_w(this.href), height: get_h(this.href) })); return false; });
jQuery("a.lightbox.mov", fancyboxRegion).click(function() { jQuery.fancybox(jQuery.extend({}, fancyboxMovDefaults, { href: this.href, width: get_w(this.href), height: get_h(this.href) })); return false; });
}
// wordpress magic "read more" post link
alajaMagicMore();
});
// * * * * * * * * * * * * * * * * * * * * * * * *
// WordPress related
{
function getOption(name, def) {
var
val = jQuery("meta[name=\"js." + name + "\"]").attr("content"),
num = parseInt(val);
return (num) ? num : (val) ? val : def;
}
function alajaMagicMore() {
var
containerClass = ".magic-more",
resistBlock = ".magic-res",
text = "Read more…",
cntrl = jQuery("