function changeFirstPageClients(from){
	
	var i=0;
	var currShownObjs = 0;
	var triteElement = document.getElementById("trite-tri");
	var m = triteElement.children;
	
	to = (from+4>m.length)?m.length:from+4;
	for (i=0; i<m.length; i++){
		$(m.item(i)).hide();
	}
	
	for (i=from; i<to; i++){
		
		currShownObjs++;
		$(m.item(i)).show("slow");
	}
	newFrom = (to==m.length)?0:to;
	timer = setTimeout("changeFirstPageClients(newFrom)",5000);
}


$("#trite-tri").ready(function(){
	var triteElement = document.getElementById("trite-tri");
	if(triteElement){
		changeFirstPageClients(0);
	}
});



$(document).ready(function(){
	
	$("#phone").keyup(function(event){
		var phoneElement = document.getElementById("phone");
		
		if(phoneElement){
			if (!((event.keyCode >= '48' && event.keyCode <= '57')||(event.keyCode >= '96' && event.keyCode <= '105'))) {
				var val = $("#phone").val().toString();
				val.substr(0,(val.length-1));
				
				$("#phone").val(val.substr(0,(val.length-1)));
			}
		}
	});
	
	var animations = new Array(
		'fade'
	);
	
	/*var animations = new Array(
		'cube', 
		'cubeRandom', 
		'block', 
		'cubeStop', 
		'cubeHide', 
		'cubeSize', 
		'horizontal', 
		'showBars', 
		'showBarsRandom', 
		'tube',
		'fade',
		'fadeFour',
		'paralell',
		'blind',
		'blindHeight',
		'blindWidth',
		'directionTop',
		'directionBottom',
		'directionRight',
		'directionLeft',
		'cubeStopRandom',
		'cubeSpread',
		'cubeJelly'
	);*/
	
	$('.box_skitter_large').skitter(animations[0]);
	$('.container_skitter').width(694).height(285);
	$('.box_skitter').width(694).height(285);
	
	// Highlight
	$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});
	
	$('.main li:has(ul) > a').addClass('more'); //Tursi vsqko LI, v koeto ima UL i LI e roditelski element na A. Ako sa izpylneni usloviqta, dobavq na A class "more". Taka ako v LI imame UL, shte stava qsno, che imame submenu i shte podtikvame user-a da click-a.
	$('a.more').append('<span class="arrow">&nbsp;&nbsp;&raquo;</span>'); //S tozi red dobavqme strelkichki na vsqko A, koeto ima class "more".
	$('.main li').hover(function () {
		$(this).find('ul:first').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).addClass('active_list');
	}, function () {
		$(this).children('ul.active_list').stop(true, true).animate({opacity: 'toggle', height: 'toggle'}, 200).removeClass('active_list');
	});	 // Gornite nqkolko reda predstavlqvat effecta na slide up & down. Vajno e da go zadadem za vsqko pyrvo UL. V red 6-ti tyrsim pyrvoto UL, koeto se namira w .MAIN LI i mu puskame animaciq, koqto go slide-va nadolu i mu dobavq class "active_list". V red 8 (koito predstavlqva hover out), tyrsim UL, koeto veche ima class "active_list" i kazvame ako mishoka ne e vyrhu nego da se izpylni animaciqta i da se premahne class-a "active_list". Po tozi nachin ako mrydnem mishkata vstrani menu-to shte se zatvori.

});