/*************************************************** Hide & Show

tags by clicking on

***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $("#hide1").hide(); $("#hide2").hide(); $("#hide3").hide(); $("#hA, #hA1").hover(function() { $(this).next().slideToggle(600); }); $("h1").click(function() { $(this).next().slideToggle(2900); }); }); }); jQuery.noConflict()(function($){ $(document).ready(function() { $('a.preview').each(function() { $(this).removeAttr('data-rel').attr('rel', 'prettyPhoto'); }); }); }); /*************************************************** CYCLE SLIDER ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('#cycle-slider').cycle({ fx: 'scrollDown', prev: '#prev', next: '#next', easing: 'bounceout', pause: 0, timeout: 0, delay: -2000 }); }); }); /*************************************************** THUMB PORTFOLIO HOVER ***************************************************/ jQuery(document).ready(function($) { $(".portfolio-item-thumb").hover(function(){ $(this).find(".item-links").stop(true, true).animate({ opacity: 'show' }, 400); }, function() { $(this).find(".item-links").stop(true, true).animate({ opacity: 'hide' }, 400); }); }); /*************************************************** Nivo Slider ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('#slider3').nivoSlider({ pauseTime:3000, pauseOnHover:false }); }); }); jQuery.noConflict()(function($){ $(document).ready(function() { $('#slider4').nivoSlider({ pauseTime:5000, pauseOnHover:true, controlNavThumbs:true }); }); }); jQuery.noConflict()(function($){ $(document).ready(function() { //Hides the Slide Images and Panel Texts for Preloading jQuery('.slideimage').hide(); jQuery('.slide-minicaption').hide(); jQuery('.slide-minicaptiontitle').hide(); jQuery('.accordian-slider-caption').hide(); jQuery('.accordian-slider-captiontitle').hide(); }); }); jQuery.noConflict()(function($){ jQuery(window).bind("load", function() { jQuery('.slideimage:hidden').fadeIn(800); jQuery(".kwicks.horizontal li").css('background', '#FFF'); jQuery('.accordian-slider-caption').show(); jQuery('.accordian-slider-captiontitle').show(); jQuery('.kwicks').kwicks({ max : 960, spacing : 0 }); jQuery(function(){ jQuery(".accordian-slider-caption").fadeTo(1, 0); jQuery(".slide-minicaption").fadeTo(1, 0.9); jQuery(".kwicks").each(function () { jQuery(".kwicks").hover(function() { jQuery('.accordian-slider-caption').stop().animate({opacity: 0.9, left: '50'}, 900 ); },function(){ jQuery('.accordian-slider-caption').stop().animate({opacity: 0, left: '940'}, 900 ); }); }); }); }); }); /*************************************************** GRID PORTFOLIO/GRID HOMEPAGE IMAGE HOVER ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $(".item-hover").hover(function(){ $(this).find(".portfolio-thumbnail").stop(true, true).animate({ opacity: 'show' }, 1000); }, function() { $(this).find(".portfolio-thumbnail").stop(true, true).animate({ opacity: 'none' }, 1000); }); }); }); /*************************************************** ACCORDIAN SLIDER ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('.kwicks').kwicks({ max : 220, spacing : 5 }); }); }); /*************************************************** ACCORDIAN SLIDER ENDS ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { var originalFontSize = $('body').css('font-size'); $(".resetFont").click(function(){ $('body').css('font-size', originalFontSize); }); // Increase Font Size $(".increaseFont").click(function(){ var currentFontSize = $('body').css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 12); var newFontSize = currentFontSizeNum+1; $('body').css('font-size', newFontSize); return false; }); // Decrease Font Size $(".decreaseFont").click(function(){ var currentFontSize = $('body').css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 12); var newFontSize = currentFontSizeNum-1; $('body').css('font-size', newFontSize); return false; }); }) }); jQuery.noConflict()(function($){ $(document).ready(function() { var originalFontSize = $(':header').css('font-size'); $(".resetFontHeader").click(function(){ $(':header').css('font-size', originalFontSize); }); // Increase Font Size $(".increaseFontHeade").click(function(){ var currentFontSize = $(':header').css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 12); var newFontSize = currentFontSizeNum+1; $(':header').css('font-size', newFontSize); return false; }); // Decrease Font Size $(".decreaseFontHeader").click(function(){ var currentFontSize = $(':header').css('font-size'); var currentFontSizeNum = parseFloat(currentFontSize, 12); var newFontSize = currentFontSizeNum-1; $(':header').css('font-size', newFontSize); return false; }); }) }); jQuery.noConflict()(function($){ $(document).ready(function() { $("#switcher-handle > #handle").toggle ( function() { $('#switcher-handle').animate({left:'0px'}, {queue:false,duration:200}); $('#switcher-handle > #handle').addClass('out'); } ,function() { $('#switcher-handle').animate({left:'-182px'}, {queue:false,duration:200}); $('#switcher-handle > #handle').removeClass('out'); } ); }); }); /*--------------------------------FONT STYLER STARTS--------------------------------*/ jQuery.noConflict()(function($){ $(document).ready(function() { $('#body-font').bind('change', function() { var font = $(this).val(); $('p, a ,#main_navigation, span, ul ,li , ol').css('fontFamily', font); }); }); }); jQuery.noConflict()(function($){ $(document).ready(function() { $('#headings-font').bind('change', function() { var font = $(this).val(); $(':header, :header a, a:header, span:header, :header span').css('fontFamily', font); }); }); }); /*-----------------------------------------FONT STYLER ENDS--------------------------------*/ jQuery.noConflict()(function($){ jQuery("#slider-small").slides({ preload: true, effect: 'fade', fadeSpeed: 550, play: 3000 }); }); jQuery.noConflict()(function($){ $(document).ready(function() { if (jQuery().slides) { jQuery("#slides").hover( function() { jQuery('.slides-nav').fadeIn(400); }, function () { jQuery('.slides-nav').fadeOut(400); }); } }); }); /*-----------------SLIDES WITH CAPTION---------------*/ jQuery.noConflict()(function($){ $(function(){ $('#slides').slides({ effect: 'fade', fadeSpeed: 750, play: 5000, pause: 2500, hoverPause: true, animationStart: function(current){ $('.caption').animate({ },100); if (window.console && console.log) { // example return of current slide number console.log('animationStart on slide: ', current); }; }, animationComplete: function(current){ $('.caption').animate({ },200); if (window.console && console.log) { // example return of current slide number console.log('animationComplete on slide: ', current); }; }, slidesLoaded: function() { $('.caption').animate({ },200); } }); }); }); /*************************************************** TESTIMONIALS ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('#testimonials').cycle({ fx: 'scrollDown', speedIn: 800, speedOut: 800, delay: 7000 }); }); }); /*************************************************** TABIFY ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $(document).ready(function () { $('#menu').tabify() }); }); }); /*************************************************** FORM VALIDATION JAVASCRIPT ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('form#contact-form').submit(function() { $('form#contact-form .error').remove(); var hasError = false; $('.requiredField').each(function() { if(jQuery.trim($(this).val()) == '') { var labelText = $(this).prev('label').text(); $(this).parent().append('
You forgot to enter your '+labelText+'
'); $(this).addClass('inputError'); hasError = true; } else if($(this).hasClass('email')) { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; if(!emailReg.test(jQuery.trim($(this).val()))) { var labelText = $(this).prev('label').text(); $(this).parent().append('
You entered an invalid '+labelText+'
'); $(this).addClass('inputError'); hasError = true; } } }); if(!hasError) { $('form#contact-form input.submit').fadeOut('normal', function() { $(this).parent().append(''); }); var formInput = $(this).serialize(); $.post($(this).attr('action'),formInput, function(data){ $('form#contact-form').slideUp("fast", function() { $(this).before('
Your email was successfully sent. We will contact you as soon as possible.
'); }); }); } return false; }); }); }); /*************************************************** Registeration FORM VALIDATION JAVASCRIPT ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('form#reg-form').submit(function() { $('form#reg-form .error').remove(); var hasError = false; $('.requiredField').each(function() { if(jQuery.trim($(this).val()) == '') { var labelText = $(this).prev('label').text(); $(this).parent().append('
You forgot to enter your '+labelText+'
'); $(this).addClass('inputError'); hasError = true; } }); if(!hasError) { $('form#reg-form input.submit').fadeOut('normal', function() { $(this).parent().append(''); }); var formInput = $(this).serialize(); $.post($(this).attr('action'),formInput, function(data){ $('form#reg-form').slideUp("fast", function() { $(this).before('
Your registeration was successfully completed.
'); }); }); } return false; }); }); }); /*************************************************** CYCLE SLIDER ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('#details').cycle({ fx: 'fade', prev: '#prev', next: '#next', speedIn: 800, speedOut: 800, delay: 7000 }); }); }); /*************************************************** ADDITIONAL CODE FOR FILTER NAVIGATION ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function($){ $('ul#filterable a').click(function() { $(this).css('outline','none'); $('ul#filterable .current').removeClass('current'); $(this).parent().addClass('current'); return false; }); }); }); /*************************************************** PORTFOLIO IMAGE HOVER ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('.portfolio-img').each(function() { $(this).hover( function() { $(this).stop().animate({ opacity: 0.5 }, 400); }, function() { $(this).stop().animate({ opacity: 1.0 }, 400); }) }); }); }); jQuery.noConflict()(function($){ $(document).ready(function() { $('.portfolio-img-fancy').each(function() { $(this).hover( function() { $(this).stop().animate({ opacity: 0.7 }, 400); }, function() { $(this).stop().animate({ opacity: 1.0 }, 400); }) }); }); }); /*************************************************** TWITTER FEEDS ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $(".tweet").tweet({ username: "Designbymax_", join_text: null, avatar_size: null, count: 1, auto_join_text_default: "we said,", auto_join_text_ed: "we", auto_join_text_ing: "we were", auto_join_text_reply: "we replied to", auto_join_text_url: "we were checking out", loading_text: "loading tweets..." }); }); }); /*************************************************** CYCLE SLIDE ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $('#slider-two-third').cycle({ fx:'fade', speedIn: 1000, speedOut: 1000, delay: 2000 }); }); }); /*************************************************** PRETTY PHOTO ***************************************************/ jQuery.noConflict()(function($){ $(document).ready(function() { $("a[rel^='prettyPhoto']").prettyPhoto({opacity:0.50,default_width:500,default_height:344,theme:'light_rounded',hideflash:false,modal:false}); }); }); /*************************************************** MAIN NAVIGATION JQURY ***************************************************/ var arrowimages={down:['', ''], right:['', '']} var jqueryslidemenu={ animateduration: {over: 200, out: 200}, //duration of slide in/ out animation, in milliseconds buildmenu:function(menuid, arrowsvar){ jQuery(document).ready(function($){ $(" #main_navigation a").removeAttr("title"); var $mainmenu=$("#"+menuid+">ul")/*dbm*/ var $headers=$mainmenu.find("ul").parent() $headers.each(function(i){ var $curobj=$(this) var $subul=$(this).find('ul:eq(0)') this._dimensions={w:this.offsetWidth, h:this.offsetHeight, subulw:$subul.outerWidth(), subulh:$subul.outerHeight()} this.istopheader=$curobj.parents("ul").length==1? true : false $subul.css({top:this.istopheader? this._dimensions.h+"px" : 0}) var $targetul=$(this).children("ul:eq(0)") this._offsets={left:$(this).offset().left, top:$(this).offset().top} var menuleft=this.istopheader? 0 : this._dimensions.w menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) + 12 : menuleft if ($targetul.queue().length<=1) if(menuleft==0){ $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip") } if(menuleft!=0 && this.istopheader){ $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).addClass("menu_flip") }else{ $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip") } $curobj.hover( function(e){ var $targetul=$(this).children("ul:eq(0)") this._offsets={left:$(this).offset().left, top:$(this).offset().top} var menuleft=this.istopheader? 0 : this._dimensions.w menuleft=(this._offsets.left+menuleft+this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw+this._dimensions.w : -this._dimensions.w) + 12 : menuleft if ($targetul.queue().length<=1) //if 1 or less queued animations if(menuleft==0){ $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip").slideDown(jqueryslidemenu.animateduration.over) } if(menuleft!=0 && this.istopheader){ $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).addClass("menu_flip").slideDown(jqueryslidemenu.animateduration.over) }else{ $targetul.css({left:menuleft+"px", width:this._dimensions.subulw+'px'}).removeClass("menu_flip").slideDown(jqueryslidemenu.animateduration.over) } }, function(e){ var $targetul=$(this).children("ul:eq(0)") $targetul.slideUp(jqueryslidemenu.animateduration.out) } ) //end hover }) //end $headers.each() $mainmenu.find("ul").css({display:'none', visibility:'visible'})/*Custom JavaScript*/ }) //end document.ready } } //build menu with ID="main_navigation" on page: jqueryslidemenu.buildmenu("main_navigation", arrowimages) /*Custom JavaScript - WebStar*/ /*----------------------------------------------------------------------*/ /*PORTFOLIO FILTERABLE CODE*/ /*----------------------------------------------------------------------*/ jQuery.noConflict()(function($){ jQuery(document).ready(function($){ var speed = 700, // animation speed $wall = $('#portfolio').find('.portfolio-container ul') ; $wall.masonry({ singleMode: true, // only apply masonry layout to visible elements itemSelector: '.one-fourth:not(.invis)', animate: true, animationOptions: { duration: speed, queue: false } }); $('#filterable a').click(function(){ var colorClass = '.' + $(this).attr('class'); if(colorClass=='.all') { // show all hidden boxes $wall.children('.invis') .toggleClass('invis').fadeIn(speed); } else { // hide visible boxes $wall.children().not(colorClass).not('.invis') .toggleClass('invis').fadeOut(speed); // show hidden boxes $wall.children(colorClass+'.invis') .toggleClass('invis').fadeIn(speed); } $wall.masonry(); return false; }); }); }); jQuery.noConflict()(function($){ jQuery(document).ready(function($){ var speed = 700, // animation speed $wall = $('#portfolio').find('.portfolio-container ul') ; $wall.masonry({ singleMode: true, // only apply masonry layout to visible elements itemSelector: '.one-third:not(.invis)', animate: true, animationOptions: { duration: speed, queue: false } }); $('#filterable a').click(function(){ var colorClass = '.' + $(this).attr('class'); if(colorClass=='.all') { // show all hidden boxes $wall.children('.invis') .toggleClass('invis').fadeIn(speed); } else { // hide visible boxes $wall.children().not(colorClass).not('.invis') .toggleClass('invis').fadeOut(speed); // show hidden boxes $wall.children(colorClass+'.invis') .toggleClass('invis').fadeIn(speed); } $wall.masonry(); return false; }); }); }); jQuery.noConflict()(function($){ jQuery(document).ready(function($){ var speed = 700, // animation speed $wall = $('#portfolio').find('.portfolio-container ul') ; $wall.masonry({ singleMode: true, // only apply masonry layout to visible elements itemSelector: '.one-half:not(.invis)', animate: true, animationOptions: { duration: speed, queue: false } }); $('#filterable a').click(function(){ var colorClass = '.' + $(this).attr('class'); if(colorClass=='.all') { // show all hidden boxes $wall.children('.invis') .toggleClass('invis').fadeIn(speed); } else { // hide visible boxes $wall.children().not(colorClass).not('.invis') .toggleClass('invis').fadeOut(speed); // show hidden boxes $wall.children(colorClass+'.invis') .toggleClass('invis').fadeIn(speed); } $wall.masonry(); return false; }); }); });