var RocknCoder = RocknCoder || {};
RocknCoder.Pages = RocknCoder.Pages || {};

RocknCoder.Pages.Kernel = function (event) {
	var that = this,
		eventType = event.type,
		pageName = $(this).attr("data-rockncoder-jspage");
	if (RocknCoder && RocknCoder.Pages && pageName && RocknCoder.Pages[pageName] && RocknCoder.Pages[pageName][eventType]) {
		RocknCoder.Pages[pageName][eventType].call(that);
	}
};

RocknCoder.Pages.Events = function () {
	$("div[data-rockncoder-jspage]").on(
		'pagebeforecreate pagecreate pagebeforeload pagebeforeshow pageshow pagebeforechange pagechange pagebeforehide pagehide pageinit',
		RocknCoder.Pages.Kernel).on(
		"pageinit", RocknCoder.hideAddressBar);
} ();

RocknCoder.Pages.manageBarChart = function () {
	var pageshow = function () {
			updateChart();
//			$("#refreshBarChart").click(function(){
//				updateChart();
//			});
			window.setInterval(updateChart,300);
			
		},
		pagehide = function () {
			$("#refreshBarChart").unbind('click');
		},
		updateChart= function(){
			var barA = parseInt($("#pageBarSliderA").val(),10),
				barB = parseInt($("#pageBarSliderB").val(),10),
				barC = parseInt($("#pageBarSliderC").val(),10),
				barD = parseInt($("#pageBarSliderD").val(),10),
				barE = parseInt($("#pageBarSliderE").val(),10),
				barF = parseInt($("#pageBarSliderF").val(),10),
				barG = parseInt($("#pageBarSliderG").val(),10),
				barH = parseInt($("#pageBarSliderH").val(),10),
				barI = parseInt($("#pageBarSliderI").val(),10),
				barJ = parseInt($("#pageBarSliderJ").val(),10);
			
				
                

				
			showChart(barA, barB, barC, barD, barE, barF, barG, barH, barI, barJ);
		},
		showChart = function(barA, barB, barC, barD, barE, barF, barG, barH, barI, barJ){
			$.jqplot('barChart', [[[barA,1], [barB,2], [barC,3], [barD,4], [barE,5], [barF,6], [barG,7], [barH,8], [barI,9], [barJ,10]]], {
				seriesDefaults:{
					renderer:$.jqplot.BarRenderer,
					shadowAngle: 12345678910,
					rendererOptions: {
						barDirection: 'horizontal'
					},
					pointLabels: {show: true, formatString: '%d'}
				},
				axes: {
					yaxis: {
						renderer: $.jqplot.CategoryAxisRenderer
					}
				}
			}).replot({clear: true, resetAxes:true});
		};
	return {
		pageshow: pageshow,
		pagehide: pagehide
	};
}();