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, data3, data4, 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","#772A01","#010877"]
	};
	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 options3 = {
		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 : ["#772A01", "#9923E5"]
	};
    var options4 = {
        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 : ["#772A01", "#9923E5"]
    };


	var previousPoint = null;
	var plot = $.plot($("#" + chartid), [{
						data : data,
						lines : {
							fill : true,
							fillColor : "rgba(155, 0, 0, 0.08)"
						}
					},{
						data : data2,
						lines : {
							fill : true,
							fillColor : "rgba(0, 155, 0, 0.08)"
						}
					}, {data : data3,
						lines : {
							fill : true,
							fillColor : "rgba(205, 155, 0, 0.08)"
						}
					}, {data : data4,
                        lines : {
                            fill : true,
                            fillColor : "rgba(0, 0, 255, 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();
	}

}