';
html += '
';
html += 'Date Here
'; html += ''; html += '
please submit resume to:
jobs@sullivannyc.comPlease Submit Resume to:
jobs@sullivannyc.com
';
html += '
';
html += '
');
var $curSlide = $slides.find('img:eq(0)'),
$nextSlide = $slides.find('img:eq(1)'),
dur = 5000;
$nextSlide.css('opacity', 0).bind('load', function () {
api.sizeOverlay();
$loader.animate({
'opacity' : 0
}, 250, function () {
$title.text(self.zoomStack[index].title);
$text.html(self.zoomStack[index].text);
$curSlide.animate({
'opacity' : 0
}, dur);
$nextSlide.animate({
'opacity' : 1
}, dur);
});
setTimeout(function () {
$curSlide.remove();
self.overlay.find('.prev').bind('click', api.prevOverlay);
self.overlay.find('.next').bind('click', api.nextOverlay);
}, dur);
});
},
prevOverlay : function () {
var index = Suli.utils.getPrev(self.curOverlayIndex, self.zoomStack.length);
api.moveOverlay(index);
return false;
},
nextOverlay : function () {
var index = Suli.utils.getNext(self.curOverlayIndex, self.zoomStack.length);
api.moveOverlay(index);
return false;
},
sizeOverlay : function ($obj) {
var $overlay = (self.overlayOpen) ? self.overlay : $obj,
$pasteboard = $overlay.find('.pasteboard'),
$slides = $overlay.find('.slides'),
$nav = $overlay.find('.overlay_arrows'),
$loader = $overlay.find('.loader'),
$slide = $slides.find('img:last'),
slideDim = {
width : $slide.width(),
height : $slide.height()
};
$overlay.height(self.viewport.height());
$overlay.width(self.viewport.width());
$pasteboard.height(self.viewport.height() - 80);
$pasteboard.width(self.viewport.width());
$slides.height(self.viewport.height() - 80);
$slides.width(self.viewport.width());
if ($slide.height() >= $pasteboard.height()) {
$slide.height($pasteboard.height() - 40);
slideDim = {
width : $slide.width(),
height : $slide.height()
}
}
$slide.css({
'left' : (self.viewport.width() - slideDim.width) / 2,
'top' : ((self.viewport.height() - slideDim.height - 80 ) / 2)
});
$loader.css({
'left' : (self.viewport.width() - 60) / 2,
'top' : ((self.viewport.height() - 60 - 80 ) / 2)
});
$nav.css({
'top' : ((self.viewport.height() - 70 - 80 ) / 2)
});
return false;
},
closeOverlay : function () {
self.overlay.animate({
'marginTop' : -self.viewport.height()
}, 800, 'easeOutExpo', function () {
self.overlay.remove();
self.viewport.unbind('resize', api.sizeOverlay);
self.overlayOpen = false;
self.overlay = null;
return false;
});
return false;
},
buildPlayer : function (index, $obj) {
var file = self.slideStack[index].video;
$obj.parent().parent().append('');
$obj.parent().parent().append('');
var $play = $('.slideshow .play'),
$pause = $('.slideshow .pause');
$pause.hide();
$play.css({
'opacity' : 0,
'left' : (self.slideStack[index].img.small.width - 110) / 2,
'top' : (self.slideStack[index].img.small.height - 110) / 2
});
$obj.jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
m4v : file,
poster : self.slideStack[index].img.small.src
});
$play.animate({
'opacity' : 1
}, 400).bind('click', function () {
$obj.jPlayer('play');
$play.animate({
'opacity' : 0
}, 400, function () {
$pause.show();
});
return false;
});
$pause.bind('click', function (){
$obj.jPlayer('pause');
$pause.hide();
$play.animate({
'opacity' : 1
}, 400);
});
},
ended: function (event) {
$(this).jPlayer('stop');
},
swfPath : '/assets/swf',
supplied : "m4v"
});
},
destroyPlayer : function ($obj) {
// $obj.jPlayer('destroy');
$('.pause').hide();
$('.play').animate({
'opacity' : 0
}, 400, function () {
$(this).remove();
});
},
move : function (index, dir, type) {
// Unbind Clicks
self.prev.unbind('click', api.prev).bind('click', function () { return false; });
self.next.unbind('click', api.next).bind('click', function () { return false; });
// Set Load Status
self.info.find('h3').html('loading …');
self.info.find('p').text(' ');
// Set Current Index
_setCurSlideIndex(index);
// Add Slide
self.slides.append(Suli.tmpl.slide(self.slideStack[index]));
// Styles
var $curSlide = self.slides.find('.slide:eq(0)'),
$nextSlide = self.slides.find('.slide:eq(1)'),
curAnim = {},
nextStyle = {},
nextAnim = {};
curAnim[dir] = -300;
curAnim.opacity = 0.5
nextStyle[dir] = self.slideWidth;
nextAnim[dir] = 0;
// Pause Player
if (self.curSlideType === 'video') {
$curSlide.jPlayer('pause');
}
$nextSlide.css(nextStyle).find('img').bind('load', function () {
if (self.curSlideType === 'video') {
api.destroyPlayer($curSlide);
}
if (type === 'video') {
$nextSlide.find('img').replaceWith('');
var $player = $('#player_' + self.slideStack[index].id);
$player.css({
'height' : self.slideStack[index].img.small.height,
'width' : self.slideStack[index].img.small.width,
'opacity' : 0
});
// Build It!
api.buildPlayer(index, $player);
}
$curSlide.animate(curAnim, 800, 'easeOutExpo');
$nextSlide.animate(nextAnim, 1000, 'easeOutExpo', function () {
if (type === 'video') {
$player.animate({
'opacity' : 1
}, 400);
}
// Show Zoom Button
if (self.slideStack[index].img.large) {
self.zoom.addClass('show');
} else {
self.zoom.removeClass('show');
}
// Update Info
_updateInfo(index);
// Reset Style, Remove Current
$nextSlide.removeAttr('style');
$curSlide.remove();
// Rebind Clicks
self.prev.bind('click', api.prev);
self.next.bind('click', api.next);
self.curSlideType = type;
});
});
},
getType : function (index) {
var type = (self.slideStack[index].video) ? 'video' : 'image';
return type;
},
prev : function () {
var index = Suli.utils.getPrev(api.getCurrent().index, self.slideLen);
api.move(index, 'right', api.getType(index));
return false;
},
next : function () {
var index = Suli.utils.getNext(api.getCurrent().index, self.slideLen);
api.move(index, 'left', api.getType(index));
return false;
}
};
// Binds Controls, and exposes API
return api.init();
};
/*
======================================================
Dynamic Filter
======================================================
*/
Suli.Filter = function ($grid, $nav, data) {
this.grid = $grid;
this.nav = $nav;
this.data = data;
this.locationTitle = document.title;
var self = this,
_grid = self.grid,
_template = function (item, end) {
var html = '';
html += (end === true) ? '