$(document).ready(function(){
  
  /* --------------------------------- START CLIENT TYPES --- */
  
  var cssObjVisOn = {
    'display' : 'block'
  }
  
  var cssObjVisOff = {
    'display' : 'none'
  }
  
  $("a.ct-link1").click(function () {
  	$("a.ct-link1").addClass("ct-link1-on");
  	$("a.ct-link2").removeClass("ct-link2-on");
  	$("a.ct-link3").removeClass("ct-link3-on");
  	$("a.ct-link4").removeClass("ct-link4-on");
    $("#ct-txt1").css(cssObjVisOn);
    $("#ct-txt2").css(cssObjVisOff);
    $("#ct-txt3").css(cssObjVisOff);
    $("#ct-txt4").css(cssObjVisOff);
    return false;
  });
  
  $("a.ct-link2").click(function () {
  	$("a.ct-link1").removeClass("ct-link1-on");
  	$("a.ct-link2").addClass("ct-link2-on");
  	$("a.ct-link3").removeClass("ct-link3-on");
  	$("a.ct-link4").removeClass("ct-link4-on");
    $("#ct-txt1").css(cssObjVisOff);
    $("#ct-txt2").css(cssObjVisOn);
    $("#ct-txt3").css(cssObjVisOff);
    $("#ct-txt4").css(cssObjVisOff);
    return false;
  });
  
  $("a.ct-link3").click(function () {
  	$("a.ct-link1").removeClass("ct-link1-on");
  	$("a.ct-link2").removeClass("ct-link2-on");
  	$("a.ct-link3").addClass("ct-link3-on");
  	$("a.ct-link4").removeClass("ct-link4-on");
    $("#ct-txt1").css(cssObjVisOff);
    $("#ct-txt2").css(cssObjVisOff);
    $("#ct-txt3").css(cssObjVisOn);
    $("#ct-txt4").css(cssObjVisOff);
    return false;
  });
  
  $("a.ct-link4").click(function () {
  	$("a.ct-link1").removeClass("ct-link1-on");
  	$("a.ct-link2").removeClass("ct-link2-on");
  	$("a.ct-link3").removeClass("ct-link3-on");
  	$("a.ct-link4").addClass("ct-link4-on");
    $("#ct-txt1").css(cssObjVisOff);
    $("#ct-txt2").css(cssObjVisOff);
    $("#ct-txt3").css(cssObjVisOff);
    $("#ct-txt4").css(cssObjVisOn);
    return false;
  });
  
  /* --------------------------------- END CLIENT TYPES --- */

        $("#0").css('borderWidth','3px').css('padding','0px');
  
 	$("#status").everyTime(5000,function(){	if ($("#status").html() == 'cycle')	$(this).trigger('click'); });
	
	$("#bc")
		.jCarouselLite({ 
			btnNext		: 	"#status", 
			speed		:	'4000',
			visible		:	1,
			btnGo		:	[ "#0", "#1", "#2", "#3", "#4"],
			afterEnd	: 	function(){ 
								$(".hold-items ul li").css('borderWidth','0px').css('padding','3px');
								var p = parseInt($(this).css('left'));
								p = (p*-1/743-1)%5;   // 743 = width of the main image, 5 = number of items
								$('#'+p).css('borderWidth','3px').css('padding','0px');
							}
		})
		.hover(
			function(){	$('#status').html($(this).attr('id'));	},
			function(){	if ($('#status').html().substring(0,1) != '_') $('#status').html('cycle');	}
		)
	; 

	$(".hold-items ul li")
		.hover(	function(){
				$(".hold-items ul li").css('borderWidth','0px').css('padding','3px');
				$(this).css('borderWidth','3px').css('padding','0px').trigger('click');
				$('#status').html($(this).attr('id'));
			},
			function(){	if ($('#status').html().substring(0,1) != '_') $('#status').html('cycle');	}
		)
		.click( function(){	$('#status').html('_'+$('#status').html($(this).attr('id'))); })
	;	

});