$(document).ready(function(){		
			$(".materials_sort input").each(
				 /* при загрузке страницы меняем обычные на стильные radio */
				 function() {
				 changeRadioStart2(jQuery(this));
			 });
			 $(".slider-shell").jCarouselLite({
				btnNext: ".down",
				btnPrev: ".up",
				visible: 2,
				speed: 300
			 }); 
			 if ($('#HSMaterial option').size()>0) reselect('#HSMaterial');
			 if ($('#HSFloor option').size()>0) reselect('#HSFloor');
			 $('#HSMaterial').css({'display':'none'});
			 $('#HSFloor').css({'display':'none'});
			 $('.calcHousePriceDiv').css({'height':$('.projectMain')[0].offsetHeight +70});
			 
			//Set Default State of each portfolio piece
			 $(".paging").show();
			 $(".paging a:first").addClass("active");
			
			 //Get size of images, how many there are, then determin the size of the image reel.
			 var imageWidth = $(".window").width();
			 var imageSum = $(".image_reel img").size();
			 var imageReelWidth = imageWidth * imageSum;
			
			 //Adjust the image reel to its new size
			 $(".image_reel").css({'width' : imageReelWidth});
			
			 //Paging + Slider Function
			 rotate = function(){
			 var triggerID = $active.attr("rel") - 1; //Get number of times to slide
			 var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
			
			 $(".paging a").removeClass('active'); //Remove all active class
			 $active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
			
			 //Slider Animation
			 $(".image_reel").stop().animate({
				 left: -image_reelPosition
				 }, 600 );
			 };
			
			 //Rotation + Timing Event
			 rotateSwitch = function(){
				 play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
					 $active = $('.paging a.active').next();
					 if ( $active.length === 0) { //If paging reaches the end...
						 $active = $('.paging a:first'); //go back to first
					 }
					 rotate(); //Trigger the paging and slider function
				 }, 5000); //Timer speed in milliseconds (5 seconds)
			 };
			
			 rotateSwitch(); //Run function on launch
			
			 //On Hover
			 $(".image_reel a").hover(function() {
				 clearInterval(play); //Stop the rotation
				 }, function() {
				 rotateSwitch(); //Resume rotation
			 });
			
			 //On Click
			 $(".paging a").click(function() {
				 $active = $(this); //Activate the clicked paging
				 //Reset Timer
				 clearInterval(play); //Stop the rotation
				 rotate(); //Trigger rotation immediately
				 rotateSwitch(); // Resume rotation
				 return false; //Prevent browser jump to link anchor
			 });
		
});

function changeMainImg(e){
	$('#mainPicOfWork').attr('src',$(e).attr('src'));
}
