• Meta

  Added 4 months ago

• Categories

  • Slider
  • Form
  • Validate
  • Navigation
  • Scrolling

• Links of interest

  1. Original Source
  2. Form jQuery Plugin
  3. Validation jQuery Plugin
  4. jQuery UI
  5. scrollTo jQuery Plugin
  6. LocalScroll jQuery Plugin
  7. Labelify jQuery Plugin

// cufon replace
	Cufon.replace('.geosembol', {
	  fontFamily: 'geosembol'
	});
	Cufon.replace('.geosembolhover', {
	  fontFamily: 'geosembol',
	  hover: {
	    color: '(black)'
	  }
	});

	$(document).ready(function() {
	  // search label
	  $("input:text, textarea").labelify();

	  // validate forms
	  $('form#application').validate();
	  $('form#contactus').validate();

	  $('form#contactus').ajaxForm(function() {
	    alert("Thank you for your comment. We will contact you shortly.");
	    $('form#contactus').hide();
	  });

	  $('form#application').ajaxForm(function() {
	    alert("Thank you for your comment. We will contact you shortly.");
	    $('form#application').hide();
	  });

/*$("form#application input.submit").click(function() {
        	alert("Thank you for your submission. We will contact you shortly.");
        });*/


	  // move landing page
	  $("#landing").click(function() {
	    $('ul.main').animate({
	      'marginLeft': "-=100%"
	    }, 500);
	    $('#aboutus').show();
	    $('menu').show();
	    $('div.footer').show();
	    $('div#mainlogo').show();
	    $('div.parallax').show();
	    $('ul.submenu li a.aboutus').addClass('active');
	  });


	  // services text swap
	  $(".openone").click(function() {
	    $(this).addClass('active');
	    $('.opentwo, .openthree, .openfour, .openfive').removeClass('active');
	    $('p.one').stop(true, true).show("drop", {}, 500);
	    $('p.landing, p.two, p.three, p.four, p.five').hide();
	    return false;
	  });
	  $(".opentwo").click(function() {
	    $(this).addClass('active');
	    $('.openone, .openthree, .openfour, .openfive').removeClass('active');
	    $('p.two').stop(true, true).show("drop", {}, 500);
	    $('p.landing, p.one, p.three, p.four, p.five').hide();
	    return false;
	  });
	  $(".openthree").click(function() {
	    $(this).addClass('active');
	    $('.openone, .opentwo, .openfour, .openfive').removeClass('active');
	    $('p.three').stop(true, true).show("drop", {}, 500);
	    $('p.landing, p.one, p.two, p.four, p.five').hide();
	    return false;
	  });
	  $(".openfour").click(function() {
	    $(this).addClass('active');
	    $('.openone, .opentwo, .openthree, .openfive').removeClass('active');
	    $('p.four').stop(true, true).show("drop", {}, 500);
	    $('p.landing, p.one, p.two, p.three, p.five').hide();
	    return false;
	  });
	  $(".openfive").click(function() {
	    $(this).addClass('active');
	    $('.openone, .opentwo, .openthree, .openfour').removeClass('active');
	    $('p.five').stop(true, true).show("drop", {}, 500);
	    $('p.landing, p.one, p.two, p.three, p.four').hide();
	    return false;
	  });


	  // menu expand
	  $('menu').hover(function() {
	    $(this).parents().find('menu').delay(300).stop(true, true).animate({
	      'left': "-40px"
	    }, 500);
	    $(this).find('span').addClass('left');
	  }, function() {
	    $(this).parents().find('menu').stop(true, true).animate({
	      'left': "-655px"
	    });
	    $(this).find('span').addClass('right');
	    $(this).find('span').removeClass('left');
	  });

	  // close left menu on click
	  $('menu ul li a').click(function() {
	    $(this).parents().find('menu').stop(true, true).animate({
	      'left': "-655px"
	    });
	  })


	  // menu scroll
	  $('menu ul li a, a[class$=next], ul.submenu li a').click(function() {
	    var target = $(this).attr('href');
	    $.scrollTo(target, 1000);

	    $('ul.submenu li a').removeClass('active').filter('a[href=' + target + ']').addClass('active');

	    if ($('menu span').is('.left')) $('a.opentab').click(); // Close the open menu.

	    var currentx = $(window).scrollLeft();
	    var target = $(target).offset().left;

	    if (currentx > target) {
	      var change = '+=200px';
	    } else if (currentx == target) {
	      var change = '=0px';
	    } else var change = '-=200px';

	    $('ul.main').animate({
	      'backgroundPosition': change
	    }, 1000);

	    return false;
	  });


	  // expand page width/height 100%
	  $(window).resize(function() {
	    $('li#landing, li#aboutus, li#ourservices, li#ourdifference, li#careers, li#contactus').css({
	      'width': (($(window).width())) + 'px'
	    });
	    $('li#landing, li#aboutus, li#ourservices, li#ourdifference, li#careers, li#contactus').css({
	      'height': (($(window).height())) + 'px'
	    });
	    $('#aboutus h2, div.footer, #ourservices h2, #ourdifference h2, #careers h2, #contactus h2').css({
	      'width': (($(window).width()) - 180) + 'px'
	    });
	  }).resize();
	});

// cufon replace
	Cufon.replace('.geosembol', { fontFamily: 'geosembol' });
	Cufon.replace('.geosembolhover', { fontFamily: 'geosembol',	hover: { color: '(black)' }	});
	
	$(document).ready(function(){
		// search label
		$("input:text, textarea").labelify();
		
		// validate forms
		$('form#application').validate();
		$('form#contactus').validate();
		
		$('form#contactus').ajaxForm(function() {
			alert("Thank you for your comment. We will contact you shortly.");
			$('form#contactus').hide();
		});
		
		$('form#application').ajaxForm(function() {
			alert("Thank you for your comment. We will contact you shortly.");
			$('form#application').hide();
		});
		
        /*$("form#application input.submit").click(function() {
        	alert("Thank you for your submission. We will contact you shortly.");
        });*/
        	
        	
		// move landing page
		$("#landing").click(function() {
			$('ul.main').animate({'marginLeft' : "-=100%" }, 500);
			$('#aboutus').show();
			$('menu').show();
			$('div.footer').show();
			$('div#mainlogo').show();
			$('div.parallax').show();
			$('ul.submenu li a.aboutus').addClass('active'); 
		});
		
		
		// services text swap
		$(".openone").click(function() {
			$(this).addClass('active');
			$('.opentwo, .openthree, .openfour, .openfive').removeClass('active');
			$('p.one').stop(true, true).show("drop", {}, 500);
			$('p.landing, p.two, p.three, p.four, p.five').hide();
			return false;
		});
		$(".opentwo").click(function() {
			$(this).addClass('active');
			$('.openone, .openthree, .openfour, .openfive').removeClass('active');
			$('p.two').stop(true, true).show("drop", {}, 500);
			$('p.landing, p.one, p.three, p.four, p.five').hide();
			return false;
		});
		$(".openthree").click(function() {
			$(this).addClass('active');
			$('.openone, .opentwo, .openfour, .openfive').removeClass('active');
			$('p.three').stop(true, true).show("drop", {}, 500);
			$('p.landing, p.one, p.two, p.four, p.five').hide();
			return false;
		});
		$(".openfour").click(function() {
			$(this).addClass('active');
			$('.openone, .opentwo, .openthree, .openfive').removeClass('active');
			$('p.four').stop(true, true).show("drop", {}, 500);
			$('p.landing, p.one, p.two, p.three, p.five').hide();
			return false;
		});
		$(".openfive").click(function() {
			$(this).addClass('active');
			$('.openone, .opentwo, .openthree, .openfour').removeClass('active');
			$('p.five').stop(true, true).show("drop", {}, 500);
			$('p.landing, p.one, p.two, p.three, p.four').hide();
			return false;
		});
		
		
		// menu expand
		$('menu').hover(function() {
		  $(this).parents().find('menu').delay(300).stop(true, true).animate({'left' : "-40px" }, 500);
		  $(this).find('span').addClass('left');
		}, function() {
		  $(this).parents().find('menu').stop(true, true).animate({'left' : "-655px" });
		   $(this).find('span').addClass('right');
		   $(this).find('span').removeClass('left');
		});
		
		// close left menu on click
		$('menu ul li a').click(function () {
			$(this).parents().find('menu').stop(true, true).animate({'left' : "-655px" });
		})
	

		// menu scroll
		$('menu ul li a, a[class$=next], ul.submenu li a').click(function () {
			var target = $(this).attr('href');
			$.scrollTo(target, 1000);
			
			$('ul.submenu li a').removeClass('active').filter('a[href='+target+']').addClass('active'); 

			if ($('menu span').is('.left'))
				$('a.opentab').click(); // Close the open menu.
			
			var currentx = $(window).scrollLeft();
			var target = $(target).offset().left;
			
			if (currentx > target) {	
				var change = '+=200px';
			} else if (currentx == target) {
				var change = '=0px';
			}
			else
				var change = '-=200px';
				
			$('ul.main').animate({'backgroundPosition': change }, 1000);
			
			return false;
		});

		
		// expand page width/height 100%
		 $(window).resize(function () {
			 $('li#landing, li#aboutus, li#ourservices, li#ourdifference, li#careers, li#contactus').css({'width':(($(window).width()))+'px'});
			 $('li#landing, li#aboutus, li#ourservices, li#ourdifference, li#careers, li#contactus').css({'height':(($(window).height()))+'px'});
			 $('#aboutus h2, div.footer, #ourservices h2, #ourdifference h2, #careers h2, #contactus h2').css({'width':(($(window).width())-180)+'px'});
		}).resize();
	});