var bnr_duration = 5000;
var bnr_cnt = 1;
var bnr_curr = 1;
var bnr_jmp;
var t;
var nav_str="";

//alert("rotatingbanner.js loaded");

$(document).ready(function() {

	//alert("jquery area");	

	var flasharea = $("#flashbnr2load");
	var htmlarea = $("#htmlbnr2load");
	
  	if (navigator.platform == "iPhone" || navigator.platform == "iPad") {
		
		//alert("iphone/ipad environment - html banner load");
		
		flasharea.remove();
		htmlarea.css("display","block");
		
		$.get( htmlarea.attr("title"), function(data) {
			  //alert(data);
			  htmlarea.html(data);
			  init_sbanner();
		});
		
	} else {
	
		//alert("non-mobile - flash banner load");
	
		htmlarea.remove();
		flasharea.css("display","block");
	}
	
});

function init_sbanner() {

	$("#productShowcase").css("height","210px");
	$("#TV").css("height","245px");
	
	//initialize banners and create code for html buttons
	$("#rotatingbanner span").each(function() {
		nav_str = nav_str + "<a id='bnrnav"+bnr_cnt+"' class='navbut'>"+bnr_cnt+"</a>";
		$(this).attr("id","bnr"+bnr_cnt++);
	});
	
	//init all nav buttons
	$("#rotatingbanner_nav").html(nav_str);
	$(".navbut").click(function() {
		var idname = $(this).attr("id");
		var navid = idname.substr(6);
		clearTimeout(t);
		$("#rotatingbanner span").css("display","none");
		jumpbanner(navid);
		marknavi($(this));
	});
	
	//start running
	$("#bnr1").show();
	t = setTimeout(movebanner, bnr_duration);
	marknavi($("#bnrnav"+bnr_curr));
}

//to start banner rotating
function movebanner() {
	$("#bnr"+bnr_curr++).hide();
	if (bnr_curr==bnr_cnt) bnr_curr=1;
	$("#bnr"+bnr_curr).show();
	marknavi($("#bnrnav"+bnr_curr));
	t = setTimeout(movebanner, bnr_duration);
}

//to stop rotating and jump to chosen banner
function jumpbanner(bnr_jmp) {
	$("#bnr"+bnr_curr).hide();			
	$("#bnr"+bnr_jmp).show();
	bnr_curr = bnr_jmp;
	t = setTimeout(movebanner, bnr_duration);
}

//to mark the current banner on the navigation buttons
function marknavi(navobj) {
	$(".navbut").css({'background-color' : '#cccccc', 'color' : '#333333'});
	navobj.css({'background-color' : '#999999', 'color' : '#ffffff'});
}