var $j = jQuery.noConflict();
$j(function() {

	$j('.sub-menu').wrap('<div class="sub" />');
	$j('#footer-author ul').addClass('float-left');
	$j('#footer-author ul li:last').css({ 'border': 'none', 'padding-right': '0' });

	$j('.latest-blog-post ul li:first-child').css({ 'background': 'none' });

	$j('div.column-right-panel:last-child').css({ 'border': 'none' });

	$j('ul.list-3 li:first').css({ 'background': 'none' });

	$j('.avatar').corner('80px');
	$j('#preview_inner div img, div#header .right ul li a, a.button-light, a.button-dark, a.comment-reply-link, .button-three, .search-submit, input.wpcf7-submit, .newsletter-submit, .pagenav-prev a, .pagenav-next a, ul.wp-tag-cloud li a, ul.list-2 li a, .our-team-img img').corner('20px');
	$j('#thumbs span img, .testimonials-img img').corner('10px');


	// Save  the jQuery objects for later use
	var outer		= $j("#preview_outer");
	var arrow		= $j("#arrow");
	var thumbs		= $j("#thumbs span");

	var preview_pos;
	var preview_els	= $j("#preview_inner div");
	var image_width	= preview_els.eq(0).width(); // Get width of imaages

	// Hook up the click event
	thumbs.click(function() {
		// Get position of current image
		preview_pos = preview_els.eq( thumbs.index( this) ).position();

		outer.stop().animate( {'scrollLeft' : preview_pos.left},	500 );
		arrow.stop().animate( {'left' : $j(this).position().left },	500 );
	});

	// Reset positions on load
	arrow.css( {'left' : thumbs.eq(0).position().left } ).show();
	outer.animate( {'scrollLeft' : 0}, 0 );

	// Set initial width
	$j("#preview_inner").css('width', preview_els.length * image_width);

});