/* HEADER BANNER */

/* arrays variable */	
var bannerImage = [];	// images
var bannerLink = [];	// links for "read more"
var bannerName = [];	// title
var bannerText = [];	// text
var bannerReqLink = [];	// links for "Request a quote"
var bannerReqText = [];	// text for "Request a quote"
var bannerNumb = 0;
$(document).ready(function() {/* header banner */	
	
	/* generate arrays: */
	$('.banner_in li').each(function(index){
		bannerImage[index]=$('.bann_img').eq(index).attr('src');
		bannerLink[index]=$('.bann_link').eq(index).attr('href');
		bannerName[index]=$('.bann_name').eq(index).text();
		bannerText[index]=$('.bann_text').eq(index).text();
		bannerReqLink[index]=$('.bann_req').eq(index).attr('href');
		bannerReqText[index]=$('.bann_req').eq(index).text();
		bannerNumb = index;	
	});
	
	/* generating code */
	banner(0);
	$('.banner_nav a').click(function(){
		cur = $(this);
		bannerNavClick(cur);
	});
	intID = setInterval(function(){
		n = Number($('.banner_nav a.active').text());
		sp = 1500;
		if(n>bannerNumb) {cur=$('.banner_nav a').eq(0); }
		else {cur=$('.banner_nav a').eq(n); }
		/* navigate buttons */
		$('.banner_nav a').removeClass('active');
		cur.addClass('active');
		/* image */
		// direct = Number(cur.text());
		// mL = (direct-1) * 940 * (-1);
		// $('.banner_img').stop(true,true).animate({marginLeft: mL },sp);
		// /* text */
		// mT = (direct-1) * 375 * (-1);
		// $('.banner_text_in').stop(true,true).eq(0).animate({marginTop: mT },sp);	
		
		
		
		direct = Number(cur.text());
		mL = (direct-1) * 940 * (-1);
		mT = (direct-1) * 375 * (-1);
		
		
		$('.banner_block').css('background','url('+$('.banner_img img').eq(direct-1).attr('src')+')');

		$('.banner_img').fadeOut(sp,function (){ 
			$('.banner_img').css('margin-left',mL);
			$('.banner_img').fadeIn(sp);
		});
		
		$('.banner_text_in').fadeOut(sp/2,function (){ 
			$('.banner_text_in').eq(0).css('margin-top',mT);
			$('.banner_text_in').fadeIn(sp/2);
		});
	
		
		
	},10000);
});


function banner(l){
	$('.banner_in').after('<div class="banner_block"><div class="banner_img">'+bannerImages()+'</div></div>');
	$('.banner_block').after('<div class="banner_text">'+bannerTxt()+'</div>');
	$('.header_banner_bott').html('<div class="banner_nav">'+bannerNav(l)+'</div>');	
	
}
function bannerNav(curI){
	navs = ' ';className = '';
	for(i=0;i<(bannerNumb+1);i++){
		i==curI ? className='active' : className='';
		navs = navs + '<a href="javascript:;" class="'+className+'">'+(i+1)+'</a>';
	}
	return navs;
}
function bannerNavClick(cur){

	/* navigate buttons */
	pT = $('.banner_nav a.active').text();
	nT = cur.text();
	razn = pT - nT;
	sp = 1500;

	$('.banner_nav a').removeClass('active');
	cur.addClass('active');
	/* image */
	direct = Number(nT)
	mL = (direct-1) * 940 * (-1);
		mT = (direct-1) * 375 * (-1);
		
		$('.banner_block').css('background','url('+$('.banner_img img').eq(direct-1).attr('src')+')');
		
		$('.banner_img').fadeOut(sp,function (){ 
			$('.banner_img').css('margin-left',mL);
			$('.banner_img').fadeIn(sp);
		});
		
		$('.banner_text_in').fadeOut(sp/2,function (){ 
			$('.banner_text_in').eq(0).css('margin-top',mT);
			$('.banner_text_in').fadeIn(sp/2);
		});
		
	clearInterval(intID);
	intID = setInterval(function(){
		n = Number($('.banner_nav a.active').text());
		sp = 1500;
		if(n>bannerNumb) {cur=$('.banner_nav a').eq(0); }
		else {cur=$('.banner_nav a').eq(n);}
		/* navigate buttons */
		$('.banner_nav a').removeClass('active');
		cur.addClass('active');
		/* image */
		direct = Number(cur.text());
		// mL = (direct-1) * 940 * (-1);
		// $('.banner_img').stop(true,true).animate({marginLeft: mL },sp);
		// /* text */
		// mT = (direct-1) * 375 * (-1);
		// $('.banner_text_in').stop(true,true).eq(0).animate({marginTop: mT },sp);	
		
		mL = (direct-1) * 940 * (-1);
		mT = (direct-1) * 375 * (-1);
		
		$('.banner_block').css('background','url('+$('.banner_img img').eq(direct-1).attr('src')+')');
		$('.banner_img').fadeOut(sp,function (){ 
			$('.banner_img').css('margin-left',mL);
			$('.banner_img').fadeIn(sp);
		});
		
		$('.banner_text_in').fadeOut(sp/2,function (){ 
			$('.banner_text_in').eq(0).css('margin-top',mT);
			$('.banner_text_in').fadeIn(sp/2);
		});
	},10000);
}
function bannerImages(){
	images = '';
	for(i=0;i<(bannerNumb+1);i++){images = images + '<img src="'+bannerImage[i]+'" alt=""  />';}
	return images;
}
function bannerTxt(){
	txt = '';
	for(i=0;i<(bannerNumb+1);i++){txt = txt + '<div class="banner_text_in"><h2 class="bann_name">'+bannerName[i]+'</h2><p>'+bannerText[i]+'... <a href="'+bannerLink[i]+'">Read more</a></p><a href="'+bannerReqLink[i]+'" class="banner_req">'+bannerReqText[i]+'</a></div>';}
	return txt;
}