function formatNumber(num, dec, thou, pnt, curr1, curr2, n1, n2) {
	var x = Math.round(num * Math.pow(10, dec));
	if (x >= 0)
		n1 = n2 = '';
	var y = ('' + Math.abs(x)).split('');
	var z = y.length - dec;
	if (z < 0)
		z--;
	for (var i = z; i < 0; i++)
		y.unshift('0');
	if (z < 0)
		z = 1;
	y.splice(z, 0, pnt);
	if (y[0] == pnt)
		y.unshift('0');
	while (z > 3) {
		z -= 3;
		y.splice(z, 0, thou);
	}
	var r = curr1 + n1 + y.join('') + n2 + curr2;
	return r;
}


function selectCity() {
	var cid = document.getElementById("cid");
	document.location = "index?id=" + cid.value;
	// $.get("index.php", {id:cid.value},
	// function (data, textStatus) {

	// $("body").html(data);
	// this; // the options for this ajax request
	// }
	// );
}

function selectRegion() {
	var rid = document.getElementById("rid");
	document.location = "index?id=" + rid.value;
	// $.ajax({
	// url: "index.php",
	// type: "GET",
	// data: "id="+rid.value,
	// cache: false,
	// success: function(html){
	// $("body").replace(html);
	// }
	// });
}

function initCharts(chartid, data, data2, setini, setinip, setinib) {
	var options = {
		series : {
			shadowSize : 3,
			lines : {
				lineWidth : 2,
				show : setini
			}
		},
		xaxis : {
			tickDecimals : 0,
			ticks : [[1, "<br/>V1<br/>Jan"], [5, "<br/><br/>Feb"],
					[9, "<br/><br/>Mar"], [14, "<br/><br/>Apr"],
					[18, "<br/><br/>Maj"], [23, "<br/><br/>Jun"],
					[27, "<br/>V27<br/>Jul"], [31, "<br/><br/>Aug"],
					[36, "<br/><br/>Sep"], [40, "<br/><br/>Okt"],
					[44, "<br/><br/>Nov"], [49, "<br/>V49<br/>Dec"]]
		},
		grid : {
			borderColor : "#666",
			backgroundColor : {
				colors : ["#FFF", "#ddd"]
			},
			labelMargin : 5,
			hoverable : true,
			clickable : false,
			autoHighlight : true,
			markings : [{
						xaxis : {
							from : 31,
							to : 40
						},
						color : "#FFF"
					}, {
						xaxis : {
							from : 0,
							to : 5
						},
						color : "#FFF"
					}, {
						xaxis : {
							from : 49,
							to : 52
						},
						color : "#FFF"
					}, {
						xaxis : {
							from : 14,
							to : 23
						},
						color : "#FFF"
					}]
		},
		colors : ["#01772A", "#E59923"]
	};
	var options2 = {
		series : {
			shadowSize : 5,
			lines : {
				lineWidth : 2,
				show : setini
			}
		},
		xaxis : {
			tickDecimals : 0,
			ticks : [[1, "<br/>V1<br/>Jan"], [5, "<br/><br/>Feb"],
					[9, "<br/><br/>Mar"], [14, "<br/><br/>Apr"],
					[18, "<br/><br/>Maj"], [23, "<br/><br/>Jun"],
					[27, "<br/>V27<br/>Jul"], [31, "<br/><br/>Aug"],
					[36, "<br/><br/>Sep"], [40, "<br/><br/>Okt"],
					[44, "<br/><br/>Nov"], [49, "<br/>V49<br/>Dec"]]
		},
		grid : {
			borderColor : "#666",
			backgroundColor : {
				colors : ["#FFF", "#ddd"]
			},
			labelMargin : 5,
			hoverable : true,
			clickable : false,
			autoHighlight : true,
			markings : [{
						xaxis : {
							from : 31,
							to : 40
						},
						color : "#FFF"
					}, {
						xaxis : {
							from : 0,
							to : 5
						},
						color : "#FFF"
					}, {
						xaxis : {
							from : 49,
							to : 52
						},
						color : "#FFF"
					}, {
						xaxis : {
							from : 14,
							to : 23
						},
						color : "#FFF"
					}]
		},
		colors : ["#01772A", "#E59923"]
	};
	var previousPoint = null;
	var plot = $.plot($("#" + chartid), [{
						data : data2,
						lines : {
							fill : true,
							fillColor : "rgba(0, 155, 0, 0.08)"
						}
					}, {data : data,
						lines : {
							fill : true,
							fillColor : "rgba(205, 155, 0, 0.08)"
						}
					}], options);

	$("#" + chartid).bind("plothover", function(event, pos, item) {
		if (item) {
			if (previousPoint != item.datapoint) {
				previousPoint = item.datapoint;
				$("#tooltip").remove();
				var x = item.datapoint[0].toFixed(2), y = item.datapoint[1]
						.toFixed(2);

				if (event.target.id == "chart5" || event.target.id == "chart6") {

					var idi = item.dataIndex + 1;
					showTooltip(item.pageX, item.pageY, "Vecka: "
									+ idi
									+ ", Pris "
									+ formatNumber(item.datapoint[1], 0, ' ',
											' sek', '', '', '-', ''));

				} else if

				(event.target.id == "mc5" || event.target.id == "mc6") {

					var idi = item.dataIndex + 1;
					showTooltip(item.pageX, item.pageY, "Vecka: "
									+ idi
									+ ", Pris "
									+ formatNumber(item.datapoint[1], 0, ' ',
											' sek', '', '', '-', ''));

				}

				else {
					var idi = item.dataIndex + 1;
					showTooltip(item.pageX, item.pageY, "Vecka: " + idi
									+ ", Antal " + item.datapoint[1]);
				}
			}
		} else {
			$("#tooltip").remove();
			previousPoint = null;
		}
	});

	function showTooltip(x, y, contents) {
		$('<div id="tooltip">' + contents + '</div>').css({
					position : 'absolute',
					display : 'none',
					top : y + 10,
					left : x + 10,
					border : '2px solid #000',
					padding : '10px',
					'background-color' : '#eee'
				}).appendTo("body").toggle();
	}

}