jQuery(document).ready(function($) {

var bps = {
	timerinterval : 5500,
	pics_step : -1,
	step_pics : [],
	pics_img : Array(),
	timerid : 0,
	create : function() {
		this.addelement('<div>','#bannerpicsstepbox','bannerpicsstepbox_content');
		this.addelement('<a>','#bannerpicsstepbox_content','','steplistbox_img_url');
		this.addelement('<div>','.steplistbox_img_url','steplistbox_img_hint2');
		this.addelement('<div>','.steplistbox_img_url','steplistbox_img_hint');
		this.addelement('<img>','.steplistbox_img_url','bannerpicsstepbox_img1');
		this.addelement('<img>','.steplistbox_img_url','bannerpicsstepbox_img2');

		this.addelement('<div>','#bannerpicsstepbox','','bannerslider_block');
		this.addelement('<div>','.bannerslider_block','','slider_block_top pngf');
		this.addelement('<div>','.bannerslider_block','','slider_block_middle');
		this.addelement('<div>','.bannerslider_block','','slider_block_bottom pngf');

		this.load();
	},
	load : function() {
		var step_pics_a = $(".bannerpicsstepbox_steppics > a");
		var step_pics_img = $(".bannerpicsstepbox_steppics a > img");
		var step_pics_span = $(".bannerpicsstepbox_steppics > span");
		for (var i=0; i<step_pics_a.size(); i++) {
			var itm = {}
			itm.href = $(step_pics_a[i]).attr('href');
			itm.title = $(step_pics_a[i]).attr('title');
			itm.src = $(step_pics_img[i]).attr('src');
			itm.span = $(step_pics_span[i]).html();
			itm.alt = $(step_pics_img[i]).attr('alt');		
			this.step_pics[i] = itm;
			this.pics_img[i] = new Image();
			this.pics_img[i].src = itm.src;
			this.pics_img[i].title = itm.title;
			delete itm;
		}
		$("#bannerpicsstepbox").hover(function(){bps.stop();},function(){bps.start();});
		this.change();
		this.start();
	},
	addelement : function(tag,parent,id,classname) {
		if (id) {var input = $(tag, {id: id});} else {var input = $(tag);}
		if (classname) {$(input).addClass(classname);}
		$(parent).append(input);
	},
	move : function() {
		this.change();
	},
	change : function() {
		if (this.pics_step+1>=this.pics_img.length) this.pics_step = -1; 
		this.pics_step++;
		var pa = this.pics_step;
		if ($("#bannerpicsstepbox_img1").attr('src')=="") $("#bannerpicsstepbox_img1").attr('src',this.pics_img[pa].src);
		$("#bannerpicsstepbox_img1").attr('alt',this.pics_img[pa].title);
		$("#bannerpicsstepbox_img2").attr('src',this.pics_img[pa].src); 
		$("#bannerpicsstepbox_img2").attr('alt',this.pics_img[pa].title); 
		var src1 = $("#bannerpicsstepbox_img1").attr('src'); 
		var src2 = $("#bannerpicsstepbox_img2").attr('src'); 
		$("#bannerpicsstepbox_img1").fadeOut(100,function() { 
			$("#bannerpicsstepbox_img1").attr('src',src2); 
			$('.slider_block_middle').html('<a href="'+bps.step_pics[pa].href+'"><span class="h2">'+bps.step_pics[pa].alt+'</span><span class="h1">'+bps.step_pics[pa].title+'</span><p>'+bps.step_pics[pa].span+'</p></a><a href="'+bps.step_pics[pa].href+'" class="more"></a>');
			$('.slider_block_middle .h1').html(($('.slider_block_middle .h1').html().length > 60?$('.slider_block_middle .h1').html().substr(0,$('.slider_block_middle .h1').html().length/2)+'...':$('.slider_block_middle .h1').html()));
			$("#bannerpicsstepbox_img1").fadeIn(1000); 	
		}); 
		$("#bannerpicsstepbox_img2").attr('src',src1);
	},
	start : function() {
		this.timerid = setInterval(function () {bps.move()}, bps.timerinterval);
	},
	stop : function() {
		clearInterval(bps.timerid);
	}
}

bps.create();

});