/*========================================================================= owl Flex Slider ========================================================================= */ jQuery(document).ready(function($) { $(function(){$('.flexowlslider .owlslides > li').addClass('dnone');$('.flexowlslider').flexowlslider({animation:"fade",owlslideshow:true,owlslideshowSpeed:7000,animationDuration:600,prevText:"Previous",nextText:"Next",controlNav:true,})}) }); /*========================================================================= Flex Slider ========================================================================= */ jQuery(document).ready(function($) { $(function(){$('.flexslider .slides > li').addClass('dnone');$('.flexslider').flexslider({animation:"fade",slideshow:true,slideshowSpeed:7000,animationDuration:600,prevText:"Previous",nextText:"Next",controlNav:true,})}) }); /*========================================================================= Contact form ========================================================================= */ jQuery(document).ready(function($) { // clear input on focus $('.wpcf7-form-control-wrap input#name1').focus(function() { if($(name1).val()=="name") { $(name1).val(''); } }); $('.wpcf7-form-control-wrap input#email1').focus(function() { if($(email1).val()=="email") { $(email1).val(''); } }); $('.wpcf7-form-control-wrap input#phone1').focus(function() { if($(phone1).val()=="phone") { $(phone1).val(''); } }); $('.wpcf7-form-control-wrap textarea#message1').focus(function() { if($(message1).val()=="message") { $(message1).val(''); } }); // if field is empty afterward, add text again $('.wpcf7-form-control-wrap input#name1').blur(function() { if($(name1).val()=="") { $(name1).val('name'); } }); $('.wpcf7-form-control-wrap input#email1').blur(function() { if($(email1).val()=="") { $(email1).val('email'); } }); $('.wpcf7-form-control-wrap input#phone1').blur(function() { if($(phone1).val()=="") { $(phone1).val('phone'); } }); $('.wpcf7-form-control-wrap textarea#message1').blur(function() { if($(message1).val()=="") { $(message1).val('message'); } }); }); /*========================================================================= Feature box Fade effect ========================================================================= */ jQuery(".features, .features-inner").delegate(".features ul li li, .features-inner ul li li", "mouseout mouseover", function(m) { if (m.type == 'mouseover') { jQuery(".features ul li li, .features-inner ul li li").not(this).dequeue().animate({opacity: 0.3}, 400); } else { jQuery(".features ul li li, .features-inner ul li li").not(this).dequeue().animate({opacity: 1}, 400);} }); /*========================================================================= Flickr Fade effect ========================================================================= */ jQuery(".flickr").delegate("#fbox li a img", "mouseout mouseover", function(m) { if (m.type == 'mouseover') { jQuery("#fbox li a img").not(this).dequeue().animate({opacity: 0.5}, 400); } else { jQuery("#fbox li a img").not(this).dequeue().animate({opacity: 1}, 400);} }); /*========================================================================= Close Message box ========================================================================= */ jQuery(document).ready(function($) { $('.message-box').find('.closemsg').click(function() { $(this).parent('.message-box').slideUp(500); }); }); /*========================================================================= Tweets ========================================================================= */ function urlToLink(text) { var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig; return text.replace(exp, "$1"); } function relTime(time_value) { time_value = time_value.replace(/(\+[0-9]{4}\s)/ig, ""); var parsed_date = Date.parse(time_value); var relative_to = (arguments.length > 1) ? arguments[1] : new Date(); var timeago = parseInt((relative_to.getTime() - parsed_date) / 1000); if (timeago < 60) return 'less than a minute ago'; else if (timeago < 120) return 'about a minute ago'; else if (timeago < (45 * 60)) return (parseInt(timeago / 60)).toString() + ' minutes ago'; else if (timeago < (90 * 60)) return 'about an hour ago'; else if (timeago < (24 * 60 * 60)) return 'about ' + (parseInt(timeago / 3600)).toString() + ' hours ago'; else if (timeago < (48 * 60 * 60)) return '1 day ago'; else return (parseInt(timeago / 86400)).toString() + ' days ago'; } (function($){ $(document).ready(function(){ /*========================================================================= Flex Slider ========================================================================= */ $(window).load(function() { $('.flexslider').flexslider(); }); /*========================================================================= Tooltip Demo ========================================================================= */ $('body').tooltip({ selector: "a[rel=tooltip]" }) $('.tooltip-test').tooltip() $('.popover-test').popover() /*========================================================================= Popover Demo ========================================================================= */ $("a[rel=popover]") .popover() .click(function(e) { e.preventDefault() }) /*========================================================================= Accordion ========================================================================= */ var $container = $('.acc-container, .acc-containerfaq'), $trigger = $('.acc-trigger, .acc-triggerfaq'); $container.hide(); $trigger.first().addClass('active').next().show(); var fullWidth = $container.outerWidth(true); /*$trigger.css('width', fullWidth); $container.css('width', fullWidth);*/ $trigger.on('click', function(e) { if( $(this).next().is(':hidden') ) { $trigger.removeClass('active').next().slideUp(300); $(this).toggleClass('').next().slideDown(300); } e.preventDefault(); }); // Resize $(window).on('resize', function() { fullWidth = $container.outerWidth(true) $trigger.css('width', $trigger.parent().width() ); $container.css('width', $container.parent().width() ); }); /*========================================================================= Tabs ========================================================================= */ var $tabsNav = $('.tabs-nav'), $tabsNavLis = $tabsNav.children('li'), $tabContent = $('.tab-content'); $tabsNav.each(function() { var $this = $(this); $this.next().children('.tab-content').stop(true,true).hide() .first().show(); $this.children('li').first().addClass('active').stop(true,true).show(); }); $tabsNavLis.on('click', function(e) { var $this = $(this); $this.siblings().removeClass('active').end() .addClass('active'); $this.parent().next().children('.tab-content').stop(true,true).hide() .siblings( $this.find('a').attr('href') ).fadeIn(); e.preventDefault(); }); /*========================================================================= Isotope Portfolio Filter ========================================================================= */ var $container = $('#portfolio-wrapper'); $select = $('#filters select'); // initialize Isotope $container.isotope({ // options... resizable: false, // disable normal resizing // set columnWidth to a percentage of container width masonry: { columnWidth: $container.width() / 12 } }); // update columnWidth on window resize $(window).smartresize(function(){ $container.isotope({ // update columnWidth to a percentage of container width masonry: { columnWidth: $container.width() / 12 } }); }); $container.isotope({ itemSelector : '.portfolio-item' }); $select.change(function() { var filters = $(this).val(); $container.isotope({ filter: filters }); }); var $optionSets = $('#filters .option-set'), $optionLinks = $optionSets.find('a'); $optionLinks.click(function(){ var $this = $(this); // don't proceed if already selected if ( $this.hasClass('selected') ) { return false; } var $optionSet = $this.parents('.option-set'); $optionSet.find('.selected').removeClass('selected'); $this.addClass('selected'); // make option object dynamically, i.e. { filter: '.my-filter-class' } var options = {}, key = $optionSet.attr('data-option-key'), value = $this.attr('data-option-value'); // parse 'false' as false boolean value = value === 'false' ? false : value; options[ key ] = value; if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) { // changes in layout modes need extra logic changeLayoutMode( $this, options ) } else { // otherwise, apply new options $container.isotope( options ); } return false; }); /* End Document */ }); })(this.jQuery);