$(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 --- */
  
  
  $(".qrcode").click(function () {
    
		coverThePage();
	    
		var dataString = '';
		
		$.ajax({
			type: "POST",
			url: "/qrcode.html",
			data: dataString,
			cache: false,
			success: function(html) {
				$("#layer-over").html(html);
				
				$("#coverpage, .close").click(function () {
        	$("#layer-over").remove();
          $("#coverpage").fadeTo("medium", 0.00, function() {
          	var cssObj = {
          	  "z-index": "0",
          	  "height": "0px"
          	}
          	$("#coverpage").css(cssObj);
          	$('#coverpage').remove();
          });
          return false;
        });
			}
		});
    
    return false;
  });
  
  /* *** *********** *** */
  
  
  /***** COVER PAGE ****/
  function coverThePage() {
  	
  	$('<div id="coverpage"></div>').appendTo('body');
  	$('<div id="layer-over"></div>').appendTo('body');
  	
  	var cssObj = {
      "z-index": "1000"
    }
  	
  	$("#coverpage").css(cssObj);
  	$("#coverpage").fadeTo("fast", 0.60);
  	
  	var getFooterTop = $("#footer").position();
  	var setCoverHeight = getFooterTop.top + $("#footer").height();
  	
  	if (setCoverHeight > $('body').height()) {
  		setCoverHeight = setCoverHeight + 100 + 'px';
  		$("#coverpage").height(setCoverHeight);
  	} else{
  		$("#coverpage").height($('body').height());
  	}
  }
  /***********************/
  
  

        $("#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'))); })
	;	

});