var galleryImgNo = 1;

function loadJCarousel () {
		$(".gallery").jCarouselLite({
		btnNext: ".next",
		btnPrev: ".prev",
		visible: 1,
		btnGo:
		[".button0", ".button1",
		".button2", ".button3"],
		beforeStart: function(a) {	
		},
		afterEnd: function(a) {
			galleryImgNo = a.attr('class');
			galleryImgNo = galleryImgNo.split("_")[1];
			$(".button").removeClass('selected');
			$(".button"+galleryImgNo).addClass('selected');
		}
		});
}

function loadPortfolio (portfolio) {
	$("#section-gallery").html('<p id="ajax-large"><img src="loader-port.gif"/></p>');
//	$("#work-description").html('<p id="ajax-small"><img src="loader-port.gif"/></p>');
	$("#section-gallery").load("portfolio/" + portfolio + "/carousel.html");
//	$("#work-description").load("portfolio/" + portfolio + "/description.html");
}

function loadService (service) {
  	$("#service-section").html('<p id="ajax-ser"><img src="loader-ser.gif"/></p>');
	$("#service-section").load("services/" + service + "/service.html");
}

$(document).ready(function() {

	$(".portfolio li a").removeAttr("href");
		   
	$(".portfolio li a").click(function () { 
      		loadPortfolio($(this).attr('rel'));
	  	$(".portfolio li a").removeClass("selected");
	  	$(this).addClass("selected");
    	});
	$(".portfolio li a:first").addClass("selected");
	$("#service-section .inner a").removeAttr("href");
	$(".services-box a, #service-section .inner a, .backto a").click(function () { 
      		loadService($(this).attr('rel'));
	});
});