/***************************************************
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;
});
});
});