var ghxHomepage = {
	changeColor: function(jObj, color) {
		jObj.stop().animate(
			{"color": color}, 1000
		);
	},
	addBannerCounter : function() {
		var scrollerIndex = jQuery(document.createElement("div"))
			.attr("id", "ghx-exchange-scroller-controls")
			.append(document.createElement("span"));
		var scrollContain = scrollerIndex.find("span"); 
		for(var i=0; i< jQuery(".ghx-exchange-item").length; i++ ) {
			scrollContain.append("<a href='#'>"+ parseInt(i+1) + "</a>");
		}
		jQuery("#ghx-exchange-scroller").after(scrollerIndex);
	},
	addBannerFunctionality : function() {
		var scrollerControls = jQuery("#ghx-exchange-scroller-controls a");
        scrollerControls.first().css("color", "#fff");
		jQuery("#ghx-scroll").serialScroll({
			items: ".ghx-exchange-item",
			interval: 20000,
			force: true,
			navigation: "#ghx-exchange-scroller-controls a",
			onBefore:function( e, elem, $pane, $items, pos ){
				e.preventDefault();
				if( this.blur )
					this.blur();
				jQuery("#ghx-exchange-scroller-controls span").stop().animate(
					{backgroundPosition:"("+ parseInt(pos*29 + pos*14)+"px 0)"},
					1000
				);
				ghxHomepage.changeColor(scrollerControls.eq(pos), "#fff");
				ghxHomepage.changeColor(scrollerControls.not(":eq("+pos+")"), "#003e6e");
			}		
		});
	},
	addNewsTicker : function() {
		jQuery(".news-ticker").vTicker({
		   speed: 500,
		   pause: 3000,
		   showItems: 1,
		   animation: "fade",
		   mousePause: true,
		   height: 0,
		   direction: "up"
		});
	},
	onReady : function() {
		ghxHomepage.addNewsTicker();
		ghxHomepage.addBannerCounter();
		ghxHomepage.addBannerFunctionality();
	}
};
jQuery(ghxHomepage.onReady);