$(function() {

	
	var offset = $('#project_img_container').offset();
	var carousel_position = offset.top;
	$('#content_projects .jcarousel-container').css('top',carousel_position);


		
	
		var prj_img_width = $('#project_img img').width() - 30;
		$('#project_img span').width(prj_img_width);
		
		var first_smimg = $('.carousel_vertical li:first a');
			first_smimg.attr('class','active');
		
			if (first_smimg.children('img').attr('src')==undefined) 
			{
				$('#project_img img').css('display','none');
				return false;
			}	
			
			//var first_smimg_src = first_smimg.children('img').attr('src').split('.')[0] + '_a.jpg';
			var first_smimg_src = first_smimg.children('img').attr('src').split('.')[0] + '_a.' + first_smimg.children('img').attr('src').split('.')[1] + '.jpg';
			
				//alert(first_smimg.children('img').attr('src').split('i=')[1]);
				
				// Отображаем первую по центру
				$('#project_img img').attr('src',first_smimg.children('img').attr('src').split('i=')[1]);
				
				$('.carousel_vertical li:first a img').attr('src',first_smimg_src);
				
			var first_link_title = first_smimg.attr('title');
			if (first_link_title != '') $('#project_img span').text(first_link_title).show();	

			$('.carousel_vertical li a').click(function() {
				
			if ($(this).attr('class') != 'active') {
				var smimg_active = $('.carousel_vertical li a[class=active]');
					smimg_active.attr('class','');
					
					//var smimg_active_src = smimg_active.children('img').attr('src').split('_a.jpg')[0] + '.jpg';
					var smimg_active_src = smimg_active.children('img').attr('src').split('_a.')[0] + '.' + smimg_active.children('img').attr('src').split('_a.')[1];
						smimg_active.children('img').attr('src',smimg_active_src);
						
				$(this).attr('class','active');
				
				
				//alert($(this).children('img').attr('src').split('.')[0] + '_a.' + $(this).children('img').attr('src').split('.')[1] + '.jpg');
				
				var smimg_src = $(this).children('img').attr('src').split('.')[0] + '_a.' + $(this).children('img').attr('src').split('.')[1] + '.jpg';
				//$(this).children('img').attr('src',smimg_src);
				
				var link_src = $(this).attr('href');
				var link_title = $(this).attr('title');
				$('#project_img img').attr('src',link_src);
				if (link_title != '') $('#project_img span').text(link_title).show();
					else $('#project_img span').hide();
			}
			return false;
			
		});
		$('.carousel_vertical li a').mouseover(function() {
			if (($(this).attr('class') != 'active'))
			{
				smimg_src = $(this).children('img').attr('src').split('.')[0] + '_a.' + $(this).children('img').attr('src').split('.')[1] + '.jpg';
				$(this).children('img').attr('src',smimg_src);
			}
		});
		$('.carousel_vertical li a').mouseout(function() {
			if (($(this).attr('class') != 'active'))
			{
			smimg_src = $(this).children('img').attr('src').split('_a.')[0] + '.' + $(this).children('img').attr('src').split('.')[1] + '.jpg';
			$(this).children('img').attr('src',smimg_src);
			}
		});
	
});