$(document).ready(function(){ 
	$("#Carousel").before('<div id="leftbutton"></div>');
    $("#Carousel").after('<div id="rightbutton"></div>');   
     
 	$("#Carousel").jCarouselLite({
        btnNext: "#rightbutton", 
        btnPrev: "#leftbutton",
		visible: 3,
		auto: 5000, 
    	speed: 1000  
     });   
	  
 
 
$("#rotatePicBlock span img:first").css('display', 'inline');
$("#rotatePicBlock span img").each(function(i){
	$(this).attr('id', 'pic_' + i);
});


picElems = $("#rotatePicBlock span img");
picElemsCount = picElems.size(); 
currentElem = 0;
currentStep = 6000; 

showElem = { 
   func: function() { 
   		
   		nextElem = currentElem + 1;
			if(nextElem == picElemsCount) nextElem = 0;
		
		$("#pic_" + currentElem).css('display', 'none').css({'z-index' : '-1'});
		$("#pic_" + nextElem).css('display', 'inline').css({'z-index' : '-1'});
		currentElem++;
			if(currentElem == picElemsCount) currentElem = 0;
			 
		setTimeout(showElem.func, currentStep);
   } 

} 

 

setTimeout(showElem.func, currentStep);

 
 $("#cright_top img").hover(function()
 {
     $(this).stop();
	 $(this).animate({
	    top:"-10px"    	
 	 }, 150);
 } , function()
 {  $(this).stop();
	$(this).animate({
        top:"0px"
    },150);
	}  
 );
 
	
});