cfg.cycle = {  // global config of the cycle plugin
	imgHeight: "225px",
	imgWidth: "690px",
	imgBackground: "#fff",
	defaultTimeout: 10000,
	fx: "fade",
	imageNames: []
};

cfg.cycle.imageNames.push('cs/visual_hp_31.png');
cfg.cycle.imageNames.push('cs/visual_hp_21.png');
cfg.cycle.imageNames.push('cs/visual_hp_30.png');
cfg.cycle.imageNames.push('cs/visual_hp_32.png');
cfg.cycle.imageNames.push('cs/visual_hp_33.png');
cfg.cycle.imageNames.push('cs/visual_hp_34.png');



$(document).ready(function() {

	cfg.imgRoot = $("meta[name=img_root]").get(0).getAttribute("content");
	cfg.imgRootLng = $("meta[name=img_root_lng]").get(0).getAttribute("content");
	
	
	// homepage animation
	var cycleCounter = 0;
	var visualFrame = $('#visualFrame');
	var imageHtml;
	
	if (visualFrame.length > 0) {
		visualFrame.css({
			"zIndex": "10",
			"background": cfg.cycle.imgBackground,
			"width": cfg.cycle.imgWidth,
			"height": cfg.cycle.imgHeight
		});
		
		var imageHtml = []; // string buffering
		$.each(cfg.cycle.imageNames, function() {
			imageHtml.push('<img src = "');
			imageHtml.push(cfg.imgRoot);
			imageHtml.push(this);
			imageHtml.push('" alt="" title="" />');
		});
		imageHtml = imageHtml.join('');
		
		aBox$ = $("<div id=\"jsCycleImages\">" + imageHtml + "</div>");
		visualFrame.empty();
		aBox$.appendTo(visualFrame);
		aBox$.css("background", cfg.cycle.imgBackground);
		aBox$.css("height", cfg.cycle.imgHeight);
		
		aBox$.cycle({
			fx: cfg.cycle.fx,
	
			timeoutFn: function (currSlideElement, nextSlideElement, options, forwardFlag) {
				// callback for determining per-slide timeout value:  function(currSlideElement, nextSlideElement, options, forwardFlag)
				cycleCounter++;
				if (cycleCounter === cfg.cycle.imageNames.length) {
					cycleCounter = 0; 
				}
				if (cycleCounter === 1) {
					// on the 2nd image, show the link
					jBossLink$.show();
				} else {
					// return the link to original state
					jBossLink$.hide();
				}
				return cfg.cycle.defaultTimeout; 
			},
			next: "#visualFrame" 
		});
		
		// special link that appears only in 2nd banner
		var jBossLink$ = $('<a href="' + $("#hpJBossLink a").attr("href") + '"> </a>');
		jBossLink$.prependTo(visualFrame);
		jBossLink$.click(function () {
			window.location = this.href;
			return false;
		});
		jBossLink$.css({
			"position": "absolute",
			"top": "130px",
			"left": "520px",
			"height": "40px",
			"width": "160px",
			"zIndex": "100"
		});
		visualFrame.css("zIndex", "10");
		jBossLink$.hide();	
	}
});