$(function (){

	$('.cwrapp').append('<div class="pika-stage"><div class="navi-c"> <a id="prev" href="#"> </a> <a id="next" href="#"> </a></div><div class="img-l"> </div><div class="caption"><div class="zagol"> </div><div class="itm-des"> </div></div></div>')
	
		function resetAll(){
			i = 0;
			o = 0;	
			for(var z=0; z<4;z++){loadItems()}		
		}
	
	
	
	$('.c_itm').live('click',function(){
		var ind = $(this).index();
		$('.wbox:not(:eq('+ind+'))').fadeIn(500)
		$('.wbox').eq(ind).fadeOut(500);
		
		var desc = $(this).find('.c_desc').html();
		var title = $(this).find('.c_title').text();
		var img = $(this).find('.im-wr img').clone();
		var alink = $(this).find('.c_link').text();
		
		if(!title.length){
			$(".c-inner *").remove();
			resetAll(); 	
		}
		
		
		
		$('.zagol').eq(0).stop().animate({opacity:0},250,function(){
			$(this).html('<a href="'+alink+'">'+title+'</a>').animate({opacity:1},250);		  
		})
		
		$('.img-l').stop().animate({opacity:0},250,function(){
			$(this).html(img).animate({opacity:1},250);		  
		})	  
		
		$('.itm-des').stop().animate({opacity:0},250,function(){
			$(this).html(desc).animate({opacity:1},250);	
			$(this).find('a').addClass('link_bg')		  
		})	
	
	})
	


	
		
	
	function loadItems(){
		$.ajax({
		type: 'POST',
		url:'/arr',	
		data: 'n='+i,					
		success: function(html){					
				$(".c-inner").append(html);				
				if(html.length==224){
					$('.wbox:last').remove();
					$('.c_itm:last').css('border','none');
					}
				
						
						  
			}	
		});	
		i++;	
	}	
	
	$(".carousel").append('<div class="c-inner clearfix">')	
	
	resetAll()
		
	
	$('#next').click(function(){
		loadItems()
		if($(".c-inner li").eq(o).find('img').length){
			$(".c-inner li").eq(o).animate({'marginLeft':'-172px'},1000);
			o++;
			$(".c-inner li").eq(o).click()		
		}
	})	
	
	
	$('#prev').click(function(){
		var r = o-1;
		$(".c-inner li").eq(r).animate({'marginLeft':'0'},1000);
		if(o>0){o--;}
		$(".c-inner li").eq(r).click()	
		
		
	})	
	
	
	
	$('div').eq(0).everyTime(3000,function(){
		$('#next').click()
		
	})
	
	$('div').eq(1).oneTime(500,function(){
		$(".c-inner li").eq(o).click()
	})
	
	
	$('.pika-stage').hover(function(){
	$('.navi-c').fadeIn(500);
	
	
	}, function(){
		$('.navi-c').fadeOut(500);
		
		
		
		}
	
	)	
	
		$('.cwrapp').hover(function(){
			$('div').eq(0).stopTime();
		},function(){
		
		$('div').eq(0).everyTime(3000,function(){
			$('#next').click()
			$(".c-inner li").eq(o).click()
		})
		
		
		
		})
	
	
	
	
	
	$('#send').live('click',function(){
		jQuery.each($('#cost_form .check'), function(){	
		
		if($.trim(($(this).val())).length < 3){$(this).addClass('error');} else {$(this).removeClass('error');} 	
		});			
		
		if ($('#cost_form .error').length==0){		
			var datastring =  $('#cost_form form').serialize();
			var text ='Сообщение отправлено. После анализа Вашей информации менеджеры ArtGK обязательно с Вами свяжутся';
			
			$.ajax({
			type: 'POST',
			url:'/sendmail.php',	
			data: datastring,				
			success: function(){
			
			$('#cost_form form').empty();
			$('#cost_form form').html('<h3>'+text+'</h3>');
			
			$('#send').removeAttr('disabled');	
			$('#__overlay').find('img').remove();				       
			},
			error:function(){$(this).text('eroor')}			
			});
			return false;		
		}
	
	}); 		


});