var app = angular.module('myApp', []);

app.controller('Mapa', function ($scope) {
	var nesto = "333";
	$scope.Uvod = function() {
		$scope.uvod=true;
		$("#uvod").velocity("fadeIn", { delay: 500, duration: 1500 });        
	};
	$scope.novoRacunanje = function() {

		var temp_array= $scope.regions.map(function(item){
			return item.population;
		});
		var highest_value = Math.max.apply(Math, temp_array);
		
		// tooltip za coveculjka
		$(function () {
		  $('[data-toggle="tooltip"]').tooltip()
		});
		$('#example').tooltip();

		$(function() {
			for(i = 0; i < $scope.regions.length; i++) {

				$('#'+ $scope.regions[i].region_code)
				.css({'fill': 'rgba(116, 194, 116,' + $scope.regions[i].population/highest_value +')'})
				.data('region', $scope.regions[i]);
			}
			$('.map path').mouseover(function (e) {	
				$('.n1').remove();			
				var region_data=$(this).data('region');
				if (region_data.region_name == 'Sjever') {
					$('.Sjever').addClass('highlight');
					regija = $scope.profil[1].region;
					slika = $scope.profil[1].slika;
					godine = $scope.profil[1].godine;
					sprema = $scope.profil[1].sprema;
					prihodi = $scope.profil[1].prihodi;
				}
				else if (region_data.region_name == 'Centar') {
					$('.Centar').addClass('highlight');
					regija = $scope.profil[2].region;
					slika = $scope.profil[2].slika;
					godine = $scope.profil[2].godine;
					sprema = $scope.profil[2].sprema;
					prihodi = $scope.profil[2].prihodi;
				}
				else if (region_data.region_name == 'Jug') {
					$('.Jug').addClass('highlight');
					regija = $scope.profil[3].region;
					slika = $scope.profil[3].slika;
					godine = $scope.profil[3].godine;
					sprema = $scope.profil[3].sprema;
					prihodi = $scope.profil[3].prihodi;
				}
				$('<div class="info_panel">'+
					region_data.region_name + '<br>' +
					'<span class="broj-mapa">' + region_data.population.toLocaleString("en-UK") + '%</span>' +
					'</div>'
				 )
				.appendTo('body');
				$('<div class="n1"><p class="silueta-naslov-g">' + regija + '</p>' +							
							'<img src="slike/' + slika + '">' +
							'<p class="silueta-naslov">Godine</p>'+
							'<p>' + godine + '</p>'+
							'<p class="silueta-naslov">Škola</p>'+
							'<p>' + sprema + '</p>' +
							'<p class="silueta-naslov">Prihod domaćinstva</p>'+
							'<p>' + prihodi + '</p></div>'
				 )
				.appendTo('#n1');
			})
			.mouseleave(function () {				
				$('.info_panel').remove();
				$('.n1').remove();
				$('.Sjever').removeClass('highlight');
				$('.Centar').removeClass('highlight');
				$('.Jug').removeClass('highlight');
				// cg
				regija = $scope.profil[0].region;
				slika = $scope.profil[0].slika;
				godine = $scope.profil[0].godine;
				sprema = $scope.profil[0].sprema;
				prihodi = $scope.profil[0].prihodi;
				$('<div class="n1"><p class="silueta-naslov-g">' + regija + '</p>' +							
				'<img src="slike/' + slika + '">' +
				'<p class="silueta-naslov">Godine</p>'+
				'<p>' + godine + '</p>'+
				'<p class="silueta-naslov">Škola</p>'+
				'<p>' + sprema + '</p>' +
				'<p class="silueta-naslov">Prihod domaćinstva</p>'+
				'<p>' + prihodi + '</p></div>'
				 )
				.appendTo('#n1');
			})
			.mousemove(function(e) {
				var mouseX = e.pageX, //X coordinates of mouse
					mouseY = e.pageY; //Y coordinates of mouse
					
					console.log('mrda');

				$('.info_panel').css({
					top: mouseY-50,
					left: mouseX - ($('.info_panel').width()/2)
				});
			})
			// grad
			$('.map circle').mouseover(function (e) {
				$('.n1').remove();
				var region_data=$(this).data('region');
				$('<div class="info_panel">'+
					region_data.region_name + '<br>' +
					'<span class="broj-mapa">' + region_data.population.toLocaleString("en-UK") + '%</span>' +
					'</div>'
				 )
				.appendTo('body');
				// pg
				regija = $scope.profil[4].region;
				slika = $scope.profil[4].slika;
				godine = $scope.profil[4].godine;
				sprema = $scope.profil[4].sprema;
				prihodi = $scope.profil[4].prihodi;
					$('<div class="n1"><p class="silueta-naslov-g">' + regija + '</p>' +							
					'<img src="slike/' + slika + '">' +
					'<p class="silueta-naslov">Godine</p>'+
					'<p>' + godine + '</p>'+
					'<p class="silueta-naslov">Škola</p>'+
					'<p>' + sprema + '</p>' +
					'<p class="silueta-naslov">Prihod domaćinstva</p>'+
					'<p>' + prihodi + '</p></div>'
					 )
					.appendTo('#n1');
			})
			.mousemove(function(e) {
				var mouseX = e.pageX, //X coordinates of mouse
					mouseY = e.pageY; //Y coordinates of mouse
					
					console.log('mrda');

				$('.info_panel').css({
					top: mouseY-50,
					left: mouseX - ($('.info_panel').width()/2)
				});
			});

		});
		
		// amimacije za mapu
		$("#jg")
		.velocity("fadeIn", { duration: 2000 });		
		$("#cn")
		.velocity("fadeIn", { duration: 1000 });
		$("#sj")
		.velocity("fadeIn", { duration: 500 });
		$("#broj")
		.velocity("fadeIn", { duration: 1500 });
	};
	
	//
	$scope.uvod=true;
	//pitanje
	$scope.pitanje = "Koliko često koristite internet?";
	// info bar chart
	$scope.info=[];	
	$scope.statistika=[];	
	$scope.regions=[];	
	$scope.novoRacunanje();
	//$scope.region = "sdsdsd11111";
	
    // nova sjednica
    $scope.Stanje1 = function() {
		//$scope.region = "-";
		$("#uvod").velocity("fadeOut", { delay: 500, duration: 1500 });
		$scope.uvod=false;
		// blic recenice
		$scope.blic=[
			{"blic":"Trećina stanovnika Crne Gore uopšte ne koristi internet."},
			{"blic":"Na jugu, 81,2% građana koristi internet."},
			{"blic":"Svaki drugi Podgoričanin ili Podgoričanka koriste internet redovono, svakog dana."},
		];
		//pitanje
		$scope.pitanje = "Koliko često koristite internet?";
		// profil
		$scope.profil=[
			{
				"region": "Crna Gora",
				"slika": "musko.png",
				"godine": "40 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Sjever",
				"slika": "musko.png",
				"godine": "41 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "srednji (250-600)"
			},
			{
				"region": "Centar",
				"slika": "zena.png",
				"godine": "39 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Jug",
				"slika": "zena.png",
				"godine": "40 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Podgorica",
				"slika": "musko.png",
				"godine": "38 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			}
		];
		
		// definisati CG
		regija = $scope.profil[0].region;
		slika = $scope.profil[0].slika;
		godine = $scope.profil[0].godine;
		sprema = $scope.profil[0].sprema;
		prihodi = $scope.profil[0].prihodi;
		$('<div class="n1"><p class="silueta-naslov-g">' + regija + '</p>' +							
		'<img src="slike/' + slika + '">' +
		'<p class="silueta-naslov">Godine</p>'+
		'<p>' + godine + '</p>'+
		'<p class="silueta-naslov">Škola</p>'+
		'<p>' + sprema + '</p>' +
		'<p class="silueta-naslov">Prihod domaćinstva</p>'+
		'<p>' + prihodi + '</p></div>'
		 )
		.appendTo('#n1');

		// info bar chart
		$scope.info=[
			{
				"pitanje": "Redovno, svakog dana",
				"procenat": 50.1
			},
			{
				"pitanje": "Dva do tri puta nedjeljno",
				"procenat": 5.3
			},
			{
				"pitanje": "Jednom nedjeljno",
				"procenat": 2
			},
			{
				"pitanje": "Dva do tri puta mjesečno",
				"procenat": 1.5
			},
			{
				"pitanje": "Rjeđe od toga",
				"procenat": 5.5
			},
			{
				"pitanje": "Nikada",
				"procenat": 35.7
			}
		];
	
		$scope.statistikaZaglavlje=[
			{
				"tab": "Region"
			},
			{
				"tab": "Redovno, svakog dana"
			},
			{
				"tab": "Dva do tri puta nedjeljno"
			},
			{
				"tab": "Jednom nedjeljno"
			},
			{
				"tab": "Dva do tri puta mjesečno"
			},
			{
				"tab": "Rjeđe od toga"
			},
			{
				"tab": "Nikada"
			}
		];
	
		$scope.statistika=[
			{
				"region": "Sjever",
				"procenat1": 34.3,
				"procenat2": 9,
				"procenat3": 4.4,
				"procenat4": 6.7,
				"procenat5": 7,
				"procenat6": 38.7,
			},
			{
				"region": "Centar",
				"procenat1": 51,
				"procenat2": 5.3,
				"procenat3": 2,
				"procenat4": 1.8,
				"procenat5": 5.7,
				"procenat6": 34.1,
			},
			{
				"region": "Jug",
				"procenat1": 51.9,
				"procenat2": 16.5,
				"procenat3": 4.5,
				"procenat4": 5.3,
				"procenat5": 3,
				"procenat6": 18.8,
			},
			{
				"region": "CRNA GORA",
				"procenat1": 45.5,
				"procenat2": 8.9,
				"procenat3": 3.4,
				"procenat4": 4.1,
				"procenat5": 5.5,
				"procenat6": 32.6,
			}
		];
		
		$scope.regions=[
			{
				"region_name": "Sjever",
				"region_code": "sj",
				"population": 61.3
			},
			{
				"region_name": "Centar",
				"region_code": "cn",
				"population": 65.9
			},
			{
				"region_name": "Jug",
				"region_code": "jg",
				"population": 81.2
			},
			{
				"region_name": "Podgorica",
				"region_code": "tg",
				"population": 64.3
			}
		];
		$scope.novoRacunanje();
    };
	
	
	    // nova sjednica
    $scope.Stanje2 = function() {
		$('.n1').remove();
		$("#uvod").velocity("fadeOut", { delay: 500, duration: 1500 });
		$scope.blic=[
			{"blic":"Svaki četvrti stanovnik centralne regije tvrdi da isključivo koristi e-mail."},
			{"blic":"Tek nešto više od polovine stanovnika Podgorice koristi e-mail."}
		];
		$scope.uvod=false;
		$scope.profil=[
			{
				"region": "Crna Gora",
				"slika": "musko.png",
				"godine": "39 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Sjever",
				"slika": "musko.png",
				"godine": "40 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "srednji (250-600)"
			},
			{
				"region": "Centar",
				"slika": "zena.png",
				"godine": "38 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Jug",
				"slika": "zena.png",
				"godine": "40 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Podgorica",
				"slika": "musko.png",
				"godine": "37 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			}
		];
		
		// definisati CG
		regija = $scope.profil[0].region;
		slika = $scope.profil[0].slika;
		godine = $scope.profil[0].godine;
		sprema = $scope.profil[0].sprema;
		prihodi = $scope.profil[0].prihodi;
		$('<div class="n1"><p class="silueta-naslov-g">' + regija + '</p>' +							
		'<img src="slike/' + slika + '">' +
		'<p class="silueta-naslov">Godine</p>'+
		'<p>' + godine + '</p>'+
		'<p class="silueta-naslov">Škola</p>'+
		'<p>' + sprema + '</p>' +
		'<p class="silueta-naslov">Prihod domaćinstva</p>'+
		'<p>' + prihodi + '</p></div>'
		 )
		.appendTo('#n1');
		//pitanje
		$scope.pitanje = "U kojoj mjeri ste zamijenili tradicionalnu poštu internetom i e-mailom?";
		// info bar chart
		$scope.info=[
			{
				"pitanje": "U potpunosti, isključivo koristim e-mail",
				"procenat": 20.4
			},
			{
				"pitanje": "Skoro u potpunosti koristim e-mail, kad god je to moguće",
				"procenat": 21.9
			},
			{
				"pitanje": "Djelimično, povremeno koristim e-mail",
				"procenat": 12.7
			},
			{
				"pitanje": "Ne koristim e-mail",
				"procenat": 44.9
			}
		];
	
		$scope.statistikaZaglavlje=[
			{
				"tab": "Region"
			},
			{
				"tab": "U potpunosti, isključivo koristim e-mail"
			},
			{
				"tab": "Skoro u potpunosti koristim e-mail, kad god je to moguće"
			},
			{
				"tab": "Djelimično, povremeno koristim e-mail"
			},
			{
				"tab": "Ne koristim e-mail"
			}
		];
	
		$scope.statistika=[
			{
				"region": "Sjever",
				"procenat1": 12.4,
				"procenat2": 14.7,
				"procenat3": 19.1,
				"procenat4": 53.9
			},
			{
				"region": "Centar",
				"procenat1": 24.3,
				"procenat2": 20.7,
				"procenat3": 12.1,
				"procenat4": 42.9
			},
			{
				"region": "Jug",
				"procenat1": 17.1,
				"procenat2": 18.6,
				"procenat3": 29.3,
				"procenat4": 35
			},
			{
				"region": "CRNA GORA",
				"procenat1": 18.8,
				"procenat2": 18.2,
				"procenat3": 17.9,
				"procenat4": 45.1
			}
		];
		
		$scope.regions=[
			{
				"region_name": "Sjever",
				"region_code": "sj",
				"population": 46.1
			},
			{
				"region_name": "Centar",
				"region_code": "cn",
				"population": 57.1
			},
			{
				"region_name": "Jug",
				"region_code": "jg",
				"population": 65
			},
			{
				"region_name": "Podgorica",
				"region_code": "tg",
				"population": 55.1
			}
		];
		$scope.novoRacunanje();
    };
	
		    // nova sjednica
    $scope.Stanje3 = function() {
		$('.n1').remove();
		$("#uvod").velocity("fadeOut", { delay: 500, duration: 1500 });
		$scope.uvod=false;
		$scope.blic=[
			{"blic":"Više od polovine građana na sjeveru kupuje stvari preko interneta."},
			{"blic":"35,6% stanovnika na jugu kupuje stvari preko interneta jednom u tri mjeseca i češće."},
			{"blic":"Stanovnici Podgorice u manjoj mjeru u odnosu na Crnu Goru koriste online trgovinu."},
		];
		$scope.profil=[
			{
				"region": "Crna Gora",
				"slika": "musko.png",
				"godine": "38 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Sjever",
				"slika": "musko.png",
				"godine": "39 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "srednji (250-600)"
			},
			{
				"region": "Centar",
				"slika": "zena.png",
				"godine": "36 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Jug",
				"slika": "zena.png",
				"godine": "40 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			},
			{
				"region": "Podgorica",
				"slika": "musko.png",
				"godine": "35 god",
				"sprema": "četvorogodišnja srednja",
				"prihodi": "visoki (600+)"
			}
		];
		
		// definisati CG
		regija = $scope.profil[0].region;
		slika = $scope.profil[0].slika;
		godine = $scope.profil[0].godine;
		sprema = $scope.profil[0].sprema;
		prihodi = $scope.profil[0].prihodi;
		$('<div class="n1"><p class="silueta-naslov-g">' + regija + '</p>' +							
		'<img src="slike/' + slika + '">' +
		'<p class="silueta-naslov">Godine</p>'+
		'<p>' + godine + '</p>'+
		'<p class="silueta-naslov">Škola</p>'+
		'<p>' + sprema + '</p>' +
		'<p class="silueta-naslov">Prihod domaćinstva</p>'+
		'<p>' + prihodi + '</p></div>'
		 )
		.appendTo('#n1');
		//pitanje
		$scope.pitanje = "Koliko često kupujete stvari preko interneta?";
		// info bar chart
		$scope.info=[
			{
				"pitanje": "Češće nego jednom mjesečno",
				"procenat": 3.9
			},
			{
				"pitanje": "Jednom u tri mjeseca",
				"procenat": 12.5
			},
			{
				"pitanje": "Jednom u pola godine",
				"procenat": 9.7
			},
			{
				"pitanje": "Jednom u godinu dana",
				"procenat": 7.9
			},
			{
				"pitanje": "Rjeđe od jednom u godinu dana",
				"procenat": 5.7
			},
			{
				"pitanje": "Ne kupujem stvari preko interneta",
				"procenat": 60.3
			}
		];
	
		$scope.statistikaZaglavlje=[
			{
				"tab": "Region"
			},
			{
				"tab": "Češće nego jednom mjesečno"
			},
			{
				"tab": "Jednom u tri mjeseca"
			},
			{
				"tab": "Jednom u pola godine"
			},
			{
				"tab": "Jednom u godinu dana"
			},
			{
				"tab": "Rjeđe od jednom u godinu dana"
			},
			{
				"tab": "Ne kupujem stvari preko interneta"
			}
		];
	
		$scope.statistika=[
			{
				"region": "Sjever",
				"procenat1": 7.2,
				"procenat2": 9.1,
				"procenat3": 8.7,
				"procenat4": 13.5,
				"procenat5": 15.4,
				"procenat6": 46.2
			},
			{
				"region": "Centar",
				"procenat1": 6.8,
				"procenat2": 12.5,
				"procenat3": 10.3,
				"procenat4": 8.4,
				"procenat5": 5.8,
				"procenat6": 56.3
			},
			{
				"region": "Jug",
				"procenat1": 16.6,
				"procenat2": 19,
				"procenat3": 6.2,
				"procenat4": 4.3,
				"procenat5": 1.4,
				"procenat6": 52.6
			},
			{
				"region": "CRNA GORA",
				"procenat1": 9.5,
				"procenat2": 13.3,
				"procenat3": 8.5,
				"procenat4": 8.5,
				"procenat5": 7.5,
				"procenat6": 52.8
			}
		];
		
		$scope.regions=[
			{
				"region_name": "Sjever",
				"region_code": "sj",
				"population": 53.8
			},
			{
				"region_name": "Centar",
				"region_code": "cn",
				"population": 43.7
			},
			{
				"region_name": "Jug",
				"region_code": "jg",
				"population": 47.4
			},
			{
				"region_name": "Podgorica",
				"region_code": "tg",
				"population": 39.7
			}
		];
		$scope.novoRacunanje();
    };
	
});





