$(document).ready(function() {

	var flasharea = $("#flashbnr2load");
	var htmlarea = $("#htmlbnr2load");
	
  	if (navigator.platform == "iPhone" || navigator.platform == "iPad") {
		
		flasharea.html(""); 
		htmlarea.css("display","block");
		$("#productShowcase").css("height","210px");
		$("#TV").css("height","245px");
		
		var bnr_duration = 5000;
		var bnr_cnt = 1;
		var bnr_curr = 1;
		var bnr_jmp;
		var t;
		var nav_str="";
		
		//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));
		
	} else {
	
		htmlarea.html("");
		flasharea.css("display","block");
	
	}
	
	//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'});
	}
	
});