/*-------------------------------------------------------------------------
Theme Name: EGO - html - v.1
For any questions concerning this theme please refer to documention or
our forum at support.udfrance.com.
/*------------------------------------------------------------------------
//GENERAL FUNCTONS ///////////////////////////////////////////////////////
-------------------------------------------------------------------------*/
$(document).ready(function(){
/*vars used throughout*/
var thumb = $('.thumb,.round-thumb'),
thumbW,
thumbH,
thumbCaption,
target,
hoverSpeed=500,
hoverEase='easeOutExpo',
targetNetwork =$('ul.socialSmall li a'),
toggleMenu =$('.mobileMenuToggle'),
lightboxTransition = 'fade', //Set lightbox transition type
overlayOpacity =0.8, //Fancybox overlay opacity
overlayColor = '#000', //Fancybox overlay color
videoWidth = 663, //Fancybox video width
videoHeight = 372; //Fancybox video height
lazyload = true;
//LAZY LOADING -------------------------------------------------------------------------/
$(function() {
if(lazyload==false || isMobile == true) return false;
$("img.lazy").lazyload({
placeholder : "images/blank.gif",
effect : "fadeIn"
});
});
//MOBILE MENU -----------------------------------------------------------------------/
toggleMenu.on('click', function(event) {
if($(this).parent().find('ul.navigation').is(':hidden')){
$(this).parent().find('ul.navigation').slideDown();
$(this).addClass('open');
}else{
$(this).parent().find('ul.navigation').slideUp();
$(this).removeClass('open');
}
event.preventDefault();
});
//ROLLOVER SPECIFIC ---------------------------------------------------------------------/
/*general
-------------------*/
thumb.on({
mouseenter: function () {
//check if device is mobile
//or within an inactive filter category
//or if its video content in which case do nothing
if(isMobile == true) return false;
thumbW = thumb.find('a').find('img').width();
thumbH = thumb.find('a').find('img').height();
//get refrences needed
thumbCaption = $(this).find('a').attr('title');
//add rolloverscreen
if(!$(this).find('a').find('div').hasClass('thumb-rollover')) $(this).find('a').append('');
//set it to the image size and fade in
hoverScreen = $('.thumb-rollover')
hoverScreen.css({width:thumbW,height:thumbH});
//make sure caption is filled out
if (typeof thumbCaption !== 'undefined' && thumbCaption !== false && $(this).find(hoverScreen).is(':empty')) {
//construct rollover & animate
$(this).find(hoverScreen).append(''+thumbCaption+'
');
target = $(this).find(hoverScreen);
target.stop().animate({opacity:1},hoverSpeed, hoverEase);
}
},
mouseleave: function () {
if(isMobile == true) return false;
//animate out
$(this).find(hoverScreen).animate({opacity:0},hoverSpeed,hoverEase,function(){
//delete rollover
$(this).remove();
});
}
});
//LIGHTBOX SPECIFIC ---------------------------------------------------------------------/
/*lightbox-img
-------------------------------*/
$('a.lightbox').fancybox({
'transitionIn' : lightboxTransition,
'transitionOut' : lightboxTransition,
'titlePosition' : 'over',
'padding' : '0',
'overlayOpacity' : overlayOpacity,
'overlayColor' : overlayColor,
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
var obj = currentArray[ currentIndex ] //get current image
var target = $(obj).parent(); //get its container
//CASE 1: thumb has associated html content
if($(target).next().hasClass('fancybox-html')){
//check if stack order should be displayed
if ($(target).next().length && $(obj).attr('rel')){
return '' + ' Image:'+(currentIndex + 1) + ' / ' + currentArray.length+'
'+($(target).next().html()) + '';
}else {
return '' + ($(target).next().html()) + '';
}
//CASE 2: thumb is a part of a group and has a title only
} else if($(obj).attr('rel') && $(obj).attr('title')){
return '' + ' Image:'+ (currentIndex + 1) + ' / ' + currentArray.length + '
'+ (title.length?''+title:'') + '';
//CASE 3: thumb has no info but belongs to group
} else if($(obj).attr('rel')) {
return '' + ' Image:'+(currentIndex + 1) + ' / ' + currentArray.length+'
'+'';
//CASE 4: thumb has a title only
} else if($(obj).attr('title')) {
//if image is not associated with group, hide image numbering
return '' +(title.length ?''+title :'') + '';
//CASE 5: no info & does not belong to group
}else{
// hide title overlay
$('#fancybox-title-over').hide();
}
},
//animate image info on complete
'onComplete':function(){
//check for smallest breakpoints
if($(window).width()<=767){
$('.fancybox-title-over').css({display:'none'});
}else{
$('.fancybox-title-over').hide().fadeIn('slow');
}
}
});
/*lightbox-media
-------------------------------*/
$('a.media').fancybox({
'transitionIn' : lightboxTransition,
'transitionOut' : lightboxTransition,
'padding' : '0',
'titlePosition' : 'outside',
'width' : videoWidth,
'height' : videoHeight,
'overlayOpacity' : overlayOpacity,
'overlayColor' : overlayColor,
'autoscale' : false,
'type' : 'iframe',
'swf' : {
'wmode' : 'transparent',
'allowfullscreen' : 'true'},
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
var obj = currentArray[ currentIndex ] //get current image
var target = $(obj).parent(); //get its container
if($(target).next().hasClass('fancybox-html')){
return '' + ($(target).next().html()) + '';
};
},
//animate image info on complete
'onComplete':function(){
//check for smallest breakpoints
if($(window).width()<=767){
$('.fancybox-title-outside').css({display:'none'});
}else{
$('.fancybox-title-outside').hide().fadeIn('slow');
}
}
});
});