$(document).ready(function() {
						   
	// Major SiFR
	$.sifr({
		path: "/assets/fonts/",
		save: true 
	});  
    $("h1").sifr({
		font: "corbelb",
		color: "#0082C2"
	});
	$("h2").sifr({
		font: "corbel",
		color: "#0082C2"
	});	
	$("h3").sifr({
		font: "corbelb",
		color: "#666666"
	});
	$(".preamble").sifr({
		font: "corbeli"
	});
	
	
	// Homepage Product Switch
	$('.switch').hide();
	$('#switchEmail').show().addClass('switchVis');
	$('#Email').addClass('current');
	$('.switchFor').hover( function(){
		$('.switch').hide();
		$('#'+'switch'+$(this).attr('id')).show().addClass('switchVis');
		$('.switchFor').removeClass('current');
		$('#'+$(this).attr('id')).addClass('current');
	});
	// Homepage Product Switch
	
	// Minor SiFR
	$.sifr({
		path: "/assets/fonts/",
		save: true 
	});  
   
	$("#footer h3").sifr({
		font: "corbelb",
		color: "#FFF"
	});
	$(".boxes4 h3").sifr({
		font: "corbelb",
		color: "#FFFFFF"
	});
	
	
	
	
	// Client logo animation
	$('#clientSet').cycle();
	// End client logo animation
	
	// Title Roller 
	$('#titleRoller').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	//$('#titleRoller h2').hide();
	
	// Add » character to relevent elements
	$('.list a.smallArrow').before('<span class="jqList">&raquo;</span>');
	$('.list a.big').before('<span class="jqListBig">&raquo;</span>');
	$('.switchFor a span').after(' &raquo;');
	// Add &raquo; character to relevent elements
	
	
	
	// Thick box and hover
	$(".thickbox").fancybox({
		'titleShow'		: true,
		'transition'	: 'fade',
		'titlePosition'	: 'outside'
		
	});
	
	$(".thickbox").hover(function() {
		$(this).css({'z-index' : '10'});
		var theWidth = $(this).children().attr('bigWidth')+'px';
		var theHeight = $(this).children().attr('bigHeight')+'px';
		$(this).children().animate({
			marginTop: '0', 
			marginLeft: '-200px', 
			top: '50%', 
			left: '50%', 
			width: theWidth, 
			height: theHeight,
			padding: '20px' 
		}, 200);
	}, function() {
		
		var theWidth = $(this).children().attr('smallWidth')+'px';
		var theHeight = $(this).children().attr('smallHeight')+'px';
		$(this).children().animate({
			marginTop: '0', 
			marginLeft: '0', 
			top: '50%', 
			left: '50%', 
			width: theWidth, 
			height: theHeight,
			padding: '05px' 
		}, 400).css({'z-index' : '0'});;
	
	});
	
	
	
	
	
	

});