Learn how to use jQuery at the Blog

Baritchi Holding « visit

  • Added 9 months ago
  • 81 Lines of Code shown
  • 5 Links of Interest
http://baritchi.eu
This is my Source Code and I don't want to show it here
View Source Code only (as overlay)
// That code snippet belongs to Baritchi Holding - http://baritchi.eu

$(document).ready(function(){
	
	Cufon.replace('#mainnav a', { hover: true })('h1')('#image_nav a', {hover: true})('.ui-tabs-nav a', { hover: true})('strong.name')('#recent_work h2')('.left a', { hover: true })('a.case_study', { hover: true })('label.radio')('.error p.description');
	
	$('#members a').click( function() {
		return false;
	});
	
	$('#recent_work_images').cycle({
		fx: 'fade',
		timeout: 7000,
		speed: 1000,
		random: true
	});
	
	$('#project_images').before('<ol id="image_nav" class="clear">').cycle({ 
		    fx:     'fade', 
		    speed:  '1000', 
		    timeout: 0, 
		    pager:  '#image_nav',
		    pagerAnchorBuilder: function(idx, slide){
            myClass = (idx==0)?' class="current"':'';
            return '<li'+myClass+'><a href="#"><strong>'+(idx+1)+'</strong><em>'+(idx+1)+'</em></a></li>';
        }
	});
	
	$('.clients').cycle({ 
	    fx:    'fade', 
		speed: 1000,
		timeout: 0,
		end: 0,
		next: '#more'
	});
	
	$('.left ul li a').each( function() {
		var x = $(this).attr('rel');
		$(this).mouseover( function() {
			$('.right #client_list ul li a').each( function() {
				if( $(this).attr('rel') == x) {
					$(this).addClass('active');
				}
			});
		});
		$(this).mouseout( function() {
			$('.right #client_list ul li a').each( function() {
				if( $(this).attr('rel') == x) {
					$(this).removeClass('active');
				}
			});
		});
	});
		
	$("a[rel*=external]").attr({target: "_blank"});
	$("#client_list ul li a").attr({target: "_blank"});
	
    $('#contact_location').tabs({ fx: { opacity: 'toggle' } });
     
    $('input[type="file"]').si_files({
		button: {
			src: '/images/interface/resume.gif',
			width: 140,
			height: 14
		}
	});
	
		$("#contact_us").validate({
		rules: {
			name: "required",
			email: {required:true, email: true},
			subject: "required",
			message: "required"
		},
		messages: {
			name: "Full name required",
			email: "Proper email address required",
			subject: "Subject required",
			message: "Message required"
		}
	});	
	
});