$(function() {
	if ($("#hb_wrap").length>0) {
		HB1();
	} else {
		HB2();
	}
})

function HB2() {
	var hb_wrap=$("#hb2_wrap"),
		slides = hb_wrap.find(".hb_item"),
		num_slides=slides.length,
		hb_pos=0
		
	slides.eq(0).fadeIn();
		
	hb_wrap.prepend("<span class='hb2_nav hb2_navleft'><span class=arrow-left></span></span>");
	hb_wrap.append("<span class='hb2_nav hb2_navright'><span class=arrow-right></span></span>");
	hb_wrap.delegate(".hb2_nav","click",function() {
	
		var actual_current=hb_pos%num_slides;
		slides.eq(actual_current).fadeOut();
		if ($(this).hasClass("hb2_navright")) {
			hb_pos++;
		} else {
			hb_pos--;
		}
		actual_current=hb_pos%num_slides;
		slides.eq(actual_current).fadeIn();
	});
	var pager=$("<div id='hb2_pager'></div>");
	slides.each(function(i,el) {
		pager.append("<span class='hb2_pager_link'>"+(i+1)+"</span>");
	});
	pager.delegate(".hb2_pager_link","click",function() {
		var actual_current=hb_pos%num_slides;
		slides.eq(actual_current).fadeOut();
		var slide_pos = parseInt($(this).html())-1;
		
		slides.eq(slide_pos).fadeIn();
		
		hb_pos=slide_pos;
		$(".hb2_pager_link.activepager").removeClass("activepager");
		$(this).addClass("activepager");
		
		clearInterval(banner_cycle)
		
	});
	pager.appendTo(hb_wrap)
	
	banner_cycle = setInterval(function() {
		
		var actual_current=hb_pos%num_slides;
		slides.eq(actual_current).fadeOut();
		var slide_pos = (hb_pos + 1) % num_slides;
		
		slides.eq(slide_pos).fadeIn();
		
		hb_pos=slide_pos;
		$(".hb2_pager_link.activepager").removeClass("activepager");
		$(".hb2_pager_link").eq(hb_pos).addClass("activepager");
		
	},4500);
	
}


function HB1() {
	var hb = $("#hb_wrap"),
		slides = hb.find(".hb_item"),
		text_slides = hb.find(".hb_text_item"),
		num_slides=slides.length,
		transition_speed = 200;
	
	$("#hb_text .hb_text_item:first-child").css("display","block")
	
	
	slides.each(function(i,el) {
		var slide=$(el);
		var slide_img=slide.find("img");
		var css = getSlideCSS(i,slide);
		//slide_img.height(css.height);
		slide.css(css)
	});
	var next =$("<span id=hb_next><img src='images/next_arrow.png' /></span>")
	next.click(function() {
		var clone = $("#hb").children(".hb_item:first-child").clone(true);
		var lastcss=getSlideCSS(5,clone);
		lastcss.opacity = 0;
		clone.css(lastcss);
		
		//clone.find("img").height(lastcss.height);
		hb.find("#hb").append(clone);
		var slides = $("#hb").children(".hb_item");
		var num_slides=slides.length;
		slides.each(function(i,el) {
			var slide=$(el);
			var slide_img=slide.find("img");
			var css = getSlideCSS(i-1,slide);
			var callback=$.noop;
			if (i==0) {
				
				css.opacity = 0;
				callback=function() {
					$(this).remove();
				}
			}
			slide.animate(css,transition_speed,callback);
			//slide_img.animate({height:css.height},transition_speed);
			
		});
		$(".hb_text_item.shown").removeClass("shown").fadeOut(transition_speed);
		var first_slide_id=slides.eq(1).data("id");
		text_slides.filter("[data-id="+first_slide_id+"]").fadeIn(transition_speed).addClass("shown")
	})
	$("#hb_wrap").append(next);
	
	
	function getSlideCSS(i,slide) {
		var slide_img=slide.find("img");
		var max_offset=160;
		var per_slide_offset=max_offset/num_slides;
		return {
			left: (i*per_slide_offset)+"px",
			top:i*4,
			height:slide_img.data("height")-(i*8),
			//height:slide_img.data("height"),
			opacity:(i>0) ? 0.95-(i*0.15) : 1,
			zIndex:(num_slides-i)+200
		}
		//opacity:1-(((i+1)/num_slides)-1/num_slides),		
	}
	
};