//-------------------------------------------------------------------------------------------------
		//  VARS
		//-------------------------------------------------------------------------------------------------
		var bussContentBlockIdArray = new Array();
		var bussContentBlockDataArray = new Array();
		var bussCenterContentBlockArray = new Array();
		var activeBussContentBlockId = ""; 
		var map;
		        
		//-------------------------------------------------------------------------------------------------
		//  CONSTRUCTOR
		//-------------------------------------------------------------------------------------------------
		
		$(function(){
			 $('div#center div.bussen_topcontent div.bussen_topcontent_contentblock').hide();
		});                                                                                   
		
		$(document).ready(function(){	                         
			                                
			populateBussContentBlockArrays(); 
			getAndSetFirstBussContentBlockId();
			setContentBlocks();                                                 
			
			$('a.bussen_centercontent_block').click(centerContentBlockClickHandler);
			
			map = new GMap2(document.getElementById("map_canvas"));
			initialize(); 
			
			//http://www.google.com/latitude/apps/badge/api?user=-8455383010321071252&type=json
			//var url = 'http://www.google.com/latitude/apps/badge/api?user=-8455383010321071252&type=json';
			loadBusPositions();
			$('a#busReloadButton').click(reloadBussPositions);

		});
		 
		
		//-------------------------------------------------------------------------------------------------
		//  FUNCTIONS
		//-------------------------------------------------------------------------------------------------
            
		
		function populateBussContentBlockArrays(){
			
			$('div.bussen_contentblock').each( function(index){
				bussContentBlockIdArray.push($(this).attr('id'));
				bussContentBlockDataArray.push($(this).html());
			});
			
			$('#bussen_content').html(''); 
			
			$('a.bussen_centercontent_block').each( function(index){
			   bussCenterContentBlockArray.push($(this));
			});
			
		}
		
		function getAndSetFirstBussContentBlockId(){
			                                   
			if (location.href.indexOf("#") == -1) {
				
				var vscroll = (document.all ? document.scrollTop : window.pageYOffset);
				var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
				window.location.hash = bussContentBlockIdArray[0];
				window.scrollTo(hscroll, vscroll);
				
			}
			 
			activeBussContentBlockId = window.location.hash;			
			
		}
		
		function setContentBlocks(){
			
			var i = 0;
			                                                                       
			jQuery.each(bussContentBlockIdArray, function(index) {
                    
				if( "#"+this == activeBussContentBlockId){ 
					
					$('div.bussen_topcontent').html(bussContentBlockDataArray[index]); 
					
				}else{
					           
					//bussCenterContentBlockArray[i].hide();
					bussCenterContentBlockArray[i].html(bussContentBlockDataArray[index]);
					bussCenterContentBlockArray[i].attr('id', bussContentBlockIdArray[index]);
					
					i++;
					
				}
				
			});  
			
			if( activeBussContentBlockId == '#bildspel' ){
				initBussenImageGallery();
			}else{
				stopBussenImageGallery();
			}
			
		}
		
		function centerContentBlockClickHandler(){
			 
			var currentTopHtml = $('div.bussen_topcontent').html();
			var currentTopId = activeBussContentBlockId;
			var vscroll = (document.all ? document.scrollTop : window.pageYOffset);
			var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
			
			$('div.bussen_topcontent').html($(this).html());
			window.location.hash = $(this).attr('id');		 
			activeBussContentBlockId = window.location.hash;
			
			$(this).html(currentTopHtml);
			$(this).attr('id', currentTopId);
			
			window.scrollTo(hscroll, vscroll);
			
			if( activeBussContentBlockId == '#bildspel' ){
				initBussenImageGallery();
			}else{
				stopBussenImageGallery();
			}
			
		} 
		
		//------------------------------------------------------
		        var markerOptions;
			    function initialize() {  
				
			      if (GBrowserIsCompatible()) {
			        
			        map.setCenter(new GLatLng(59.324183, 18.06221), 13);
					map.addControl(new GSmallMapControl());
					
					// Create our "tiny" marker icon
					var blueIcon = new GIcon(G_DEFAULT_ICON);                                           
				    blueIcon.image = "http://telia4g.se/wp-content/themes/telia/images/busicon.png";
					//http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png
					blueIcon.iconSize = new GSize(32, 32);
					blueIcon.shadowSize = new GSize(0, 20);
					blueIcon.iconAnchor = new GPoint(15, 32);
					
					// Set up our GMarkerOptions object
					markerOptions = { icon:blueIcon };
					
					//cafeIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/blue-dot.png";
					//cafeIcon.shadow = "http://chart.apis.google.com/chart?chst=d_map_pin_shadow";
					//cafeIcon.iconSize = new GSize(32, 32);
					//cafeIcon.shadowSize = new GSize(22, 20);
					//cafeIcon.iconAnchor = new GPoint(6, 20);
					//cafeIcon.infoWindowAnchor = new GPoint(5, 1);
					// Set up our GMarkerOptions object literal
					//markerOptions = { icon:cafeIcon };
			
					
					/*
			        // Add 10 markers to the map at random locations
			        var bounds = map.getBounds();
			        var southWest = bounds.getSouthWest();
			        var northEast = bounds.getNorthEast();
			        var lngSpan = northEast.lng() - southWest.lng();
			        var latSpan = northEast.lat() - southWest.lat();
			        for (var i = 0; i < 10; i++) {
			          var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
			                                  southWest.lng() + lngSpan * Math.random());
			          map.addOverlay(new GMarker(point));
			        } 
					http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=stockholm&sll=37.0625,-95.677068&sspn=45.014453,85.166016&ie=UTF8&hq=&hnear=Stockholm+urban+area,+Stockholm,+Sweden&ll=59.332183,18.06221&spn=0.028456,0.08317&z=14
					*/
					
					//http://ddb-tools.com/telia4g/wp-content/themes/telia/map.php
					
			      }
			    } 
				
				var isLoading = true;
				function reloadBussPositions(){
					
					if( !isLoading ){
						loadBusPositions();
					}
					
				}
				
				function loadBusPositions(){
					isLoading = true;
					$( 'a#busReloadButton' ).addClass('loader').text('Uppdaterar bussarnas position');
					
					var url = 'http://telia4g.se/wp-content/themes/telia/map_data.php?t='+String(new Date().getTime());
					//alert(url);
					$.getJSON(url, function(data) {
						setMapSpots(data);
					});
					
				}
				
				function setMapSpots( jsonData ){
					
					map.clearOverlays();
					
					//buss 1
					var buss1 = new GLatLng(jsonData.buss_1.lo, jsonData.buss_1.la);
			        map.addOverlay(new GMarker(buss1, markerOptions));
					animateToBussPos(jsonData.buss_1.lo, jsonData.buss_1.la);
			
					//var buss2 = new GLatLng(jsonData.buss_2.lo, jsonData.buss_2.la);
			        //map.addOverlay(new GMarker(buss2, markerOptions));
			
					//var buss3 = new GLatLng(jsonData.buss_3.lo, jsonData.buss_3.la);
			        //map.addOverlay(new GMarker(buss3, markerOptions));
			
					isLoading = false;
					$( 'a#busReloadButton' ).removeClass('loader').text('Uppdatera bussarnas position');
					
				}
			   	
				var haspos = false;
				function animateToBussPos( x, y ) { 
					if( !haspos ){
						haspos = true;
						map.panTo(new GLatLng(x, y));
					}
				}