var SD = {
	carousel: function(items) {
		var itemCtrl = '<ul id="carousel-dots">';
		var className = 'sel';
		for (var i = 0; i < items.length; i++) {
			if (i > 0) {
				className = '';
			}

			itemCtrl += '<li'+(className !== '' ? ' class="'+className+'"' : '')+'>'+i+'</li>'
		}
		itemCtrl += '</ul>';

		$('.jcarousel-skin-neat')
			.prepend('<h2 id="carousel-title"></h2>')
			.prepend(itemCtrl);

			$('div.jcarousel-container div.cgj_image a')
				.live('click', function() {
					$.colorbox({
	  				transition:'fade', 
	  				speed:500, 
	  				href: function() {
	  					return $('div.jcarousel-container div.cgj_image img').attr('src');
	  				}
	  			});
					return false;
				});

		setTimeout(function() {
			$('#carousel-title').html('&nbsp;');
		}, 200);
		
		var $dots = $('#carousel-dots');
		$('.jcarousel-scroll a').click(function() {
			var direction = $(this).is('a.cgj_next') ? true : false;

				if (direction) {
					$dots
						.find('li.sel')
						.removeClass('sel')
						.next()
						.addClass('sel');
				} else {
					$dots
						.find('li.sel')
						.removeClass('sel')
						.prev()
						.addClass('sel');
				}

				if ($dots.find('li.sel').length === 0) {
					if (direction) {
						$dots.find('li:first-child').addClass('sel');
					} else {
						$dots.find('li:last-child').addClass('sel');
					}
				}
				
				return false;				
		});
	}
}

$(function() {
	if (the_carousel !== null) {
		SD.carousel(the_carousel);
	}
	
	$('#about-us-pages a').click(function() {
		$('#about-us-pages a').removeClass('active');
		$(this).addClass('active');
		$('#about-us-img').attr('src', $(this).attr('href'));
		return false;
	})
});