$(document).ready(function(){
	var ourlocation = location.href;
	var urlvars = ourlocation.split("?");
	var id = urlvars[1];
	var idary = id.split("&");
	var getvar;
	var param;
	if (idary.length > 1) {
		getvar = idary[1].split("=");
		param = getvar[1];
	} else {
		param = 1;
	}
	var flex;
	var jflex;
	
	$.ajax({
			method: "get",url: "xml/ajaxGrid.php", data: "city="+param,
			beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
			complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
			success: function(html){ //so, if data is retrieved, store it in html
				$("#XMLtable").show("slow"); //animation
				$("#XMLtable").html(html); //show the html inside .content div
				stats(param);
				if (param == 1) {
					flex = ".Zagreb";
					jflex = ".jZagreb";
					$(".banner_grad").html("<img src='images/gradovi/panorama-header-zagreb.jpg'>");
				} else if (param == 10) {
					flex = ".Osijek";
					jflex = ".jOsijek";
					$(".banner_grad").html("<img src='images/gradovi/panorama-header-osijek.jpg'>");
				} else if (param == 7) {
					flex = ".Split";
					jflex = ".jSplit";
					$(".banner_grad").html("<img src='images/gradovi/panorama-header-split.jpg'>");
				}
				$(flex).flexigrid({height:580, width:990, resizable: false});
				$(jflex).flexigrid({height:580, width:990, resizable: false});
				artiklHover();
			}
		}); //close $.ajax(
	
	$.ajax({
			method: "get",url: "xml/ajaxTable.php",
			beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
			complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
			success: function(html2){ //so, if data is retrieved, store it in html
				$("#XMLRight").show("slow"); //animation
				$("#XMLRight").html(html2); //show the html inside .content div
			}
		}); //close $.ajax(
	
	$(':image').click(function() { //start function when any link is clickedd
		$("#XMLtable").empty();
		$("#XMLRight").empty();
		$("#mstats").empty();
		var grad = $(this).attr("name");
		var flex;
		var jflex;
		$.ajax({
			method: "get",url: "xml/ajaxGrid.php",data: "city="+grad,
			beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
			complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
			success: function(html){ //so, if data is retrieved, store it in html
				$("#XMLtable").show("slow"); //animation
				$("#XMLtable").html(html); //show the html inside .content div
				stats(grad);
				if (grad == 1) {
					flex = ".Zagreb";
					jflex = ".jZagreb";
					$(".banner_grad").html("<img src='images/gradovi/panorama-header-zagreb.jpg'>");
				} else if (grad == 10) {
					flex = ".Osijek";
					jflex = ".jOsijek";
					$(".banner_grad").html("<img src='images/gradovi/panorama-header-osijek.jpg'>");
				} else if (grad == 7) {
					flex = ".Split";
					jflex = ".jSplit";
					$(".banner_grad").html("<img src='images/gradovi/panorama-header-split.jpg'>");
				}
				$(flex).flexigrid({height:580, width:990, resizable: false});
				$(jflex).flexigrid({height:580, width:990, resizable: false});
				artiklHover();
			}
		}); //close $.ajax(
		
		$.ajax({
			method: "get",url: "xml/ajaxTable.php",data: "city="+grad,
			beforeSend: function(){$("#loading").show("fast");}, //show loading just when link is clicked
			complete: function(){ $("#loading").hide("fast");}, //stop showing loading when the process is complete
			error: function (XMLHttpRequest, textStatus, errorThrown) {
				// typically only one of textStatus or errorThrown 
				// will have info
				alert(textStatus); // the options for this ajax request
			},
			success: function(html2){ //so, if data is retrieved, store it in html
				$("#XMLRight").show("slow"); //animation
				$("#XMLRight").html(html2); //show the html inside .content div
			}
		}); //close $.ajax(
	});
	
	function artiklHover() {
		$(".imeArtikla").hover (
			function() {
				var offset = $(this).offset();
				var slika = $(this).attr("alt");
				$("#pictureBox").css({'margin-top' : offset.top-160, 'margin-left' : offset.left+130, 'z-index' : '2'});
				$("#pictureBox").html("<img src='images/proizvodi/"+slika+"' alt='slika proizvoda' />");
				$("#pictureBox").show();
			},
			function() {
				$("#pictureBox").hide();
			}
		);
	}

	function stats(grad) {
		var index = 2;
		var art = $("#artiklCount").html();
		var ducan = null;
		var htm = "";
		var htm2 = null;
		var Zgmin = new Array();
		var Zgmax = new Array();
		//var zgdate = $("#Zagreb_date").html();
		var ducani_zg = new Array("Billa", "Getro", "Interspar", "Kaufland", "Konzum", "Mercator", "Plodine");
		var ducani_os = new Array("Billa", "Interspar", "Kaufland", "Konzum", "Mercator", "Plodine");
		var ducani_sp = new Array("Kaufland", "Kerum", "Konzum", "Plodine");
		
		if (grad == 1) {
			for (index; index<=8; index++) {
				var cnt = 1;
				var cnt2 = 1;
				$(".Zagreb tr").each(function() {
					if ($(this).children().eq(index).hasClass("min")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("min_akcija")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("max")) {
						Zgmax[(index)] = cnt2++;
					}
					if ($(this).children().eq(index).hasClass("max_akcija")) {
						Zgmax[(index)] = cnt2++;
					}
				});
				$(".jZagreb tr").each(function() {
					if ($(this).children().eq(index).hasClass("min")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("min_akcija")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("max")) {
						Zgmax[(index)] = cnt2++;
					}
					if ($(this).children().eq(index).hasClass("max_akcija")) {
						Zgmax[(index)] = cnt2++;
					}
				});
			}
			htm = "<table><tr><th colspan=\"3\" style=\"text-align: center; background-color: #5b5495; color: #ffffff; font-size: 14px; padding: 5px;\">Zagreb</th></tr>";
			for (var i=0; i<=6; i++) {
				if(Zgmin[(i+2)]>=Zgmax[(i+2)]) {
					var disp = "style=\"background-color: #9ce976; padding: 5px; color: #000000\"";
				} else {
					disp = "style=\"background-color: #fe9292; padding: 3px; color: #000000\"";
				}
				htm += "<tr><td width=\"70\" style=\"padding:10px;\"><img alt=\"logo-ducana\" width=\"48\" height=\"48\" src=\"images/akcije/logo/" + ducani_zg[i] + ".jpg\" /></td><td width=\"900\" style=\"font-size:12px\"><img src=\"images/00ff33.gif\" width=\"" + Zgmin[(i+2)]*8 + "\" height=\"10\"> " +Zgmin[(i+2)]+ "/" + art +" = " + Math.round((Zgmin[(i+2)]*10/art)*100)/10 + "%<br /><img src=\"images/ff0033.gif\" width=\"" + Zgmax[(i+2)]*8 + "\" height=\"10\"> " +Zgmax[(i+2)]+ "/" + art +" = " + Math.round((Zgmax[(i+2)]*10/art)*100)/10 + "%</td><td " + disp + "><strong>" + (Zgmin[(i+2)]-Zgmax[(i+2)]) + "</strong></td>";
			}
			htm += "</tr></table>";
		}
		
		if (grad == 10) {
			index = 2;
			for (index; index<=7; index++) {
				var broj = 0;
				var cnt = 1;
				var cnt2 = 1;
				$(".Osijek tr").each(function() {
					if ($(this).children().eq(index).hasClass("min")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("min_akcija")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("max")) {
						Zgmax[(index)] = cnt2++;
					}
					if ($(this).children().eq(index).hasClass("max_akcija")) {
						Zgmax[(index)] = cnt2++;
					}
					broj++;
				});
				$(".jOsijek tr").each(function() {
					if ($(this).children().eq(index).hasClass("min")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("min_akcija")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("max")) {
						Zgmax[(index)] = cnt2++;
					}
					if ($(this).children().eq(index).hasClass("max_akcija")) {
						Zgmax[(index)] = cnt2++;
					}
					broj++;
				});
			}
			htm += "<table><tr><th colspan=\"3\" style=\"text-align: center; background-color: #5b5495; color: #ffffff; font-size: 14px; padding: 5px;\">Osijek</th></tr>";
			for (var i=0; i<=5; i++) {
				if(Zgmin[(i+2)]>=Zgmax[(i+2)]) {
					var disp = "style=\"background-color: #9ce976; padding: 5px; color: #000000\"";
				} else {
					disp = "style=\"background-color: #fe9292; padding: 3px; color: #000000\"";
				}
				htm += "<tr><td width=\"70\" style=\"padding:10px;\"><img  width=\"48\" height=\"48\" src=\"images/akcije/logo/" + ducani_os[i] + ".jpg\" /></td><td width=\"900\" style=\"font-size:12px\"><img src=\"images/00ff33.gif\" width=\"" + Zgmin[(i+2)]*8 + "\" height=\"8\"> " +Zgmin[(i+2)]+ "/" + art +" = " + Math.round((Zgmin[(i+2)]*10/art)*100)/10 + "%<br /><img src=\"images/ff0033.gif\" width=\"" + Zgmax[(i+2)]*8 + "\" height=\"8\"> " +Zgmax[(i+2)]+ "/" + art +" = " + Math.round((Zgmax[(i+2)]*10/art)*100)/10 + "%</td><td " + disp + "><strong>" + (Zgmin[(i+2)]-Zgmax[(i+2)]) + "</strong></td>";
			}
			htm += "</tr></table>";
		}
		if (grad == 7) {
			index = 2;
			for (index; index<=5; index++) {
				var broj = 0;
				var cnt = 1;
				var cnt2 = 1;
				$(".Split tr").each(function() {
					if ($(this).children().eq(index).hasClass("min")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("min_akcija")) {
						Zgmin[(index)] = cnt++;
					}
					if ($(this).children().eq(index).hasClass("max")) {
						Zgmax[(index)] = cnt2++;
					}
					if ($(this).children().eq(index).hasClass("max_akcija")) {
						Zgmax[(index)] = cnt2++;
					}
					broj++;
				});
			}
			htm += "<table><tr><th colspan=\"3\" style=\"text-align: center; background-color: #5b5495; color: #ffffff; font-size: 14px; padding: 5px;\">Split</th></tr>";
			for (var i=0; i<=3; i++) {
				if(Zgmin[(i+2)]>=Zgmax[(i+2)]) {
					var disp = "style=\"background-color: #9ce976; padding: 5px; color: #000000\"";
				} else {
					disp = "style=\"background-color: #fe9292; padding: 3px; color: #000000\"";
				}
				htm += "<tr><td width=\"70\" style=\"padding:10px;\"><img src=\"images/logo-" + ducani_sp[i] + ".jpg\" /></td><td width=\"250\" style=\"font-size:12px\"><img src=\"images/00ff33.gif\" width=\"" + Zgmin[(i+2)]*8 + "\" height=\"8\"> " +Zgmin[(i+2)]+ "/" + art +" = " + Math.round((Zgmin[(i+2)]*10/art)*100)/10 + "%<br /><img src=\"images/ff0033.gif\" width=\"" + Zgmax[(i+2)]*8 + "\" height=\"8\"> " +Zgmax[(i+2)]+ "/" + art +" = " + Math.round((Zgmax[(i+2)]*10/art)*100)/10 + "%</td><td " + disp + "><strong>" + (Zgmin[(i+2)]-Zgmax[(i+2)]) + "</strong></td>";
			}
			htm += "</tr></table>";
		}

		$("#mstats").html(htm);
	}
				
});