// Höfum map breytuna global svo við getum referencað hana utan init fallsins
var map = null;
// Aðrar global variables
var markers = null;
// Öllum wfs layerum er bætt við þetta array sem síðan er bætt við client select gaurinn
var client_select_wfs_arr = [];
var client_select = null;
var viewLink;
function initmap()
{

		
	map = new OpenLayers.Map('map', {
                                            maxExtent: new OpenLayers.Bounds(143000,255000,866000,735000),
                                                                                        units:'m',
                                            panDuration: 100,
                                            controls: [
                                            new OpenLayers.Control.Navigation(
                                                {dragPanOptions: {enableKinetic: true}}
                                            )],
                                            maxResolution: '180/256',
                                            scales:[6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000],
                                            projection:"EPSG:3057", 
                                            theme: null
                                            });	
        OpenLayers.IMAGE_RELOAD_ATTEMPTS = 3;
	
                                           
	var atlas = new OpenLayers.Layer.TMS('Kort',
                        ['http://tc0.loftmyndir.is/tc_r/tilecache.py','http://tc1.loftmyndir.is/tc_r/tilecache.py','http://tc2.loftmyndir.is/tc_r/tilecache.py','http://tc3.loftmyndir.is/tc_r/tilecache.py'],
			{	layername:'atlas',
				type:'jpeg', 
				kortasja: 'mini.loftmyndir.is',
				serviceVersion:'',
				isBaseLayer: true,
				displayInLayerSwitcher:true, 
				attribution: ' © Loftmyndir ehf. Allur réttur áskilinn.',  
				transitionEffect:'resize', 
				scales: [6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000],
				//maxExtent: new OpenLayers.Bounds(143000,255000,866000,735000),
				//bbox: new OpenLayers.Bounds(143000,255000,866000,735000),
				//scales:[1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000,500,250],
				buffer:1});
	
	map.addLayers([atlas]);    
        map.addControl(new OpenLayers.Control.Attribution());
	
                                           
	var myndkort_old = new OpenLayers.Layer.TMS('Loftmynd',
                        ['http://mini.loftmyndir.is/tiles/'],
			{	layername:'myndkort_old',
				type:'jpeg', 
				kortasja: 'mini.loftmyndir.is',
				serviceVersion:'',
				isBaseLayer: true,
				displayInLayerSwitcher:true, 
				attribution: ' © Loftmyndir ehf. Allur réttur áskilinn.',  
				transitionEffect:'resize', 
				scales: [6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000],
				//maxExtent: new OpenLayers.Bounds(143000,255000,866000,735000),
				//bbox: new OpenLayers.Bounds(143000,255000,866000,735000),
				//scales:[1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000,500,250],
				buffer:1});
	
	map.addLayers([myndkort_old]);    
        map.addControl(new OpenLayers.Control.Attribution());
	
    var VegirMyndkort_scales = [6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000,500,250];
    
    var VegirMyndkort = new OpenLayers.Layer.WMS.Untiled("VegirMyndkort",
        ["http://geoserver.loftmyndir.is/wms/service"],
        {layers: 'LM_vegir_ornefni',
        styles: '',
         format:'image/png',
         transparent: true},
        {singleTile:true,
        'visibility':false,
        'displayInLayerSwitcher':true,
         'isBaseLayer': false,
         scales: VegirMyndkort_scales,
         unsupportedBrowsers: []});

	map.addLayers([VegirMyndkort]);	        
    var skamyndir_scales = [6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000,500,250];
    
    var skamyndir = new OpenLayers.Layer.WMS.Untiled("Skámyndir",
        ["http://mini.loftmyndir.is/proxies/geoserver.php?"],
        {layers: 'loftmyndir:lm_skamyndir_flokkur',
        styles: '',
         format:'image/png',
         transparent: true},
        {singleTile:true,
        'visibility':false,
        'displayInLayerSwitcher':true,
         'isBaseLayer': false,
         scales: skamyndir_scales,
         unsupportedBrowsers: []});

	map.addLayers([skamyndir]);	        
    var vefmyndavelar_scales = [6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000,500,250];
    
    var vefmyndavelar = new OpenLayers.Layer.WMS.Untiled("Vefmyndavélar",
        ["http://mini.loftmyndir.is/proxies/geoserver.php?"],
        {layers: 'loftmyndir:lm_vefmynd_join_vefmynd_group',
        styles: '',
         format:'image/png',
         transparent: true},
        {singleTile:true,
        'visibility':false,
        'displayInLayerSwitcher':true,
         'isBaseLayer': false,
         scales: vefmyndavelar_scales,
         unsupportedBrowsers: []});

	map.addLayers([vefmyndavelar]);	        
    var poi_scales = [100000, 50000, 25000, 10000, 5000, 2000, 1000, 500, 250];
    
    var poi = new OpenLayers.Layer.WMS.Untiled("POI",
        ["http://mini.loftmyndir.is/proxies/geoserver.php?"],
        {layers: 'lm_poi_ordered_scales',
        styles: 'lm_poi_16x',
         format:'image/png',
         transparent: true},
        {singleTile:true,
        'visibility':false,
        'displayInLayerSwitcher':true,
         'isBaseLayer': false,
         scales: poi_scales,
         unsupportedBrowsers: []});

	map.addLayers([poi]);	        
    var panoLinurWMS_scales = [6800000,3400000,1700000,10000000,500000,250000,100000, 50000, 25000, 10000, 5000, 2000, 1000, 500, 250];
    
    var panoLinurWMS = new OpenLayers.Layer.WMS.Untiled("GotumyndirWMS",
        ["http://mini.loftmyndir.is/proxies/geoserver.php?"],
        {layers: 'loftmyndir:lm_pano_vegir_birta_union',
        styles: '',
         format:'image/png',
         transparent: true},
        {singleTile:true,
        'visibility':false,
        'displayInLayerSwitcher':true,
         'isBaseLayer': false,
         scales: panoLinurWMS_scales,
         unsupportedBrowsers: []});

	map.addLayers([panoLinurWMS]);	        
        // CONTROLS SEM EKKI ER HÆGT AÐ TAKA ÚT
        
	var scalebar = new OpenLayers.Control.ScaleBar({
		maxWidth: 300, minWidth: 200,
		divisions: 2,   // default is 2
		subdivisions: 5 // default is 2

	});
	map.addControl(scalebar);
        
        //$j(".olControlLayerSwitcher").hide();$j(".olControlPanZoom").hide();
        
        map.addControl(new OpenLayers.Control.PanZoomBar({'div':OpenLayers.Util.getElement('LM_panzoombar')}));
        doTheFunkyBar();
        
        /*layerSwitcher = new OpenLayers.Control.LayerSwitcher();
        map.addControl(layerSwitcher);
        layerSwitcher.minimizeControl();*/
        
        /* Hrannar 30.05.11
        layerSwitcher = new OpenLayers.Control.newLayerSwitcher();
        map.addControl(layerSwitcher);
        layerSwitcher.minimizeControl(); */
        
        //map.zoomToMaxExtent();
        
        if( !isPermalink ){  //ef ekki er kallað með permalinkgenereruðu urli annars sér permalink control um þetta
            //upphafsstaðsetningu og zoom
            var lonlat = new OpenLayers.LonLat(470000 ,500000);
            var startZoom = 2;
            if ($j(window).width() > 1600)
                startZoom = startZoom+1; // fyrir stærri skjái
            map.setCenter(lonlat, startZoom ,false,false);
        }
        
        // CONTROLS SEM HÆGT ER AÐ TAKA ÚT        
        
        markers = new OpenLayers.Layer.Markers("Merki",{'displayInLayerSwitcher':false});
        map.addLayer(markers); 
        	
       
        initControls();
            
        onAppResize();
	//map.updateSize();                
 }
function zoomToStartPosition(){
    var lonlat = new OpenLayers.LonLat(470000 ,500000);
    map.setCenter(lonlat, 2,false,false); 
}
 
function initAjax()
{

        try
        {
                // Firefox, Opera 8.0+, Safari
                xmlHttp=new XMLHttpRequest();
        }
        catch(e)
        {
                // Internet Explorer
                try
                {
                        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
                }
                catch(e2)
                {
                        try
                        {
                                xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
                        }
                        catch(e3)
                        {
                                alert("Your browser does not support AJAX!");
                        }
                }

        }
}
/****************************** sendAJAXRequest ****/
function sendAJAXRequest(url, callback)
{
        initAjax();
        xmlHttp.onreadystatechange = callback;
        xmlHttp.open("GET",url,true);
        xmlHttp.send(null);
}

function sendSyncAJAXRequest(url)
{
	initAjax();
	//xmlHttp.onreadystatechange = callback;
	xmlHttp.open("GET",url,false);
	xmlHttp.send(null);
	return xmlHttp.responseText;
	//alert(xmlHttp.responseText);
}

/*function moveEndHandler(evt){
}*/		

function setBM( targetZoomLevel ){		
   // map.layers[0].params.LAYERS = theBM[targetZoomLevel];
}		


    
    function initSlider(){

        //Texti fyrir um mini.loftmyndir.is
        var subHeader1 = "<div class='slider_sub_header'>Leitaðu eftir heimilisföngum, örnefnum eða áhugaverðum stöðum</div>";
        var subHeadertxt1 = "<div class='slider_sub_txt'>Þú slærð inn það leitarorð sem þú hefur í huga og mini.loftmyndir.is reynir að finna það fyrir þig hvort sem það er veitingastaður, heimilsfang, pósthús, foss, apótek eða bara fjall. </div>";
        var subHeader2 = "<br/><div class='slider_sub_header'>Vegvísun, finndu bestu leiðina</div>";
        var subHeadertxt2 = "<div class='slider_sub_txt'>Þú getur notað mini.loftmyndir.is til að finna leiðir milli tveggja staða með þvi að slá inn heimilisföng eða hægri-smella á kortið til að setja upphafs og endapunkta. <img style='padding-top:3px;' src='img/gui/slider_more_arrow_txt.png' onclick='javascript:$j( \"#sliderAccordion\" ).accordion( \"option\", \"active\", 1 );'/></div>";
        var subHeader3 = "<br/><div class='slider_sub_header'>Deildu kortinu með vinum þínum</div>";
        var subHeadertxt3 = "<div class='slider_sub_txt'>Þegar þú hefur fundið staðinn sem þú varst að leita af getur þú deilt honum með öðrum með því að pósta honum á Facebook eða Twitter eða í tölvupósti.</div>";
        var subHeader4 = "<br/><div class='slider_sub_header'>Val um hefðbundið kort eða loftmynd</div>";
        var subHeadertxt4 = "<div class='slider_sub_txt'>Þú getur skipt á milli loftmynda og landakorts til að glöggva sig betur á aðstæðum. Á  mini.loftmyndir.is eru loftmyndir sem ná yfir allt landið.  Það skiptir því ekki máli hvort þú ert að skoða Reykjavík eða ert uppi á hálendi.  </div>";

        $j("#sliderAccordion").append("<h3><a href='#'>Vegvísun</a></h3><div><p><div id='routingPanel'></div></p></div>");
        $j("#sliderAccordion").append("<h3><a href='#'>Leitarniðurstöður</a></h3><div><p><div id='searchResultPanel'></div></p></div>");
        //$j("#sliderAccordion").append("<h3><a href='#'>Þekjur</a></h3><div><p><div id='testarea'></div></p></div>");
        $j("#sliderAccordion").append("<h3><a href='#'>Um mini.loftmyndir.is</a></h3><div><p><div id='umMapPanel'>" + subHeader1 + subHeadertxt1 + subHeader2 + subHeadertxt2 + subHeader3 + subHeadertxt3 + subHeader4 + subHeadertxt4 + "</div></p></div>");
    }

    $j(document).ready(function() {

        initializeSliderClick();

        // hafa spalta lokaðan í upphafi
        // ok ekki hafa það þannig!!!! ..eða ekki
        $j("a#sliderPanelBtn").click();
    });

    function initializeSliderClick()
    {
        $j("a#sliderPanelBtn").click(function(e) {

            e.preventDefault();

            var slidepx=$j("div#sliderPanel").width() + 10;

            var duration = 250;
            if ( !$j("div#sliderPanel").is(':animated') ) {

                //if (parseInt($j("div#sliderPanel").css('marginLeft'), 10) < slidepx) {
                if ($j('#sliderPanelBtn').hasClass('close'))
                {
                    $j("div#LM_panzoombar").animate({
                        left: "+=250px"
                    }, duration );
                    $j("div.olControlScaleBar").animate({
                        left: "+=250px"
                    }, duration );

                    $j(this).removeClass('close').html('');
                    margin = "+=" + slidepx;

                } else {

                    $j(this).addClass('close').html('');
                    margin = "-=" + slidepx;
                    $j("div#LM_panzoombar").animate({
                        left: "-=250px"
                    }, duration );
                    $j("div.olControlScaleBar").animate({
                        left: "-=250px"
                    }, duration );
                }

                $j("div#sliderPanel").animate({
                    marginLeft: margin
                }, {
                    duration: 'slow',
                    easing: 'easeOutQuint'
                });
            }

        });
        var leToolBarMover = setTimeout(function(){grabZoomBarAndMove();}, 1000);
    }

    function grabZoomBarAndMove(){

        //$j(".olControlScaleBar").hide();
        $j(".olControlScaleBar").css("left", "270px");
        //$j(".olControlScaleBar").fadeIn();
    }

    function updateWhenLSIsUpdated(){

        var pzbControl = map.getControlsBy("CLASS_NAME","OpenLayers.Control.PanZoomBar")[0];
        pzbControl.destroy();

        map.addControl(new OpenLayers.Control.PanZoomBar({'div':OpenLayers.Util.getElement('LM_panzoombar')}));
        // Hér á að tryggja að customisering á panzoombar haldist við layer breytinguna
        doTheFunkyBar();

        if( $j("#sliderPanelBtn").hasClass("close") ){
            $j(".LM_PanZoomBarContainer").css("left","0px");
            $j("#LM_panzoombar").css("left","0px");
        }else{
            $j(".LM_PanZoomBarContainer").css("left","350px");
            $j("#LM_panzoombar").css("left","350px");
        }
    }/*
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 contextMenu.js.php
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/**
 * Class: ContextMenu
 * Version: 1.00.A
 * URL: http://www.openjs.com/scripts/ui/context_menu/
 * This library lets you create context menus(or right click menu as some call them) in your web pages. You can specify any
 * 		list element as the menu. You can also set a context for the menu - or use the document - for a global context menu.
 * 		This library supports multiple context menus for different contetxts.
 * Example: ContextMenu.set("menu-id");
 * 			ContextMenu.set("menu-element-id", "context-element-id");
 */

 // Hrannar
 var rightClickMousePosX = 0;
 var rightClickMousePosY = 0;

var ContextMenu = {
	"max_width"	: false, // The width,
	"max_height": false, // and height of the current window - to make sure that the menu dont go outside that limit.
	"menu"		: "",
	"context"	: "",
	"active_menu":"", // This will have the id of the current shown menu

	//Functions
	"_init":function() {
                
		var body = document.getElementsByTagName("body")[0];
                
		ContextMenu.max_width = body.clientWidth || body.offsetWidth;
		ContextMenu.max_height= body.clientHeight|| body.offsetHeight;

              
                // Hrannar: Kommentað út en veit ekki til hvers þessi event er eða hvers vegna þetta virkar 
                // alveg eins og áður.  Sennilega einhver conflict í IE8 þar sem resize eventinn er registeraður annarsstaðar
		//ContextMenu._addEvent(window,"resize",ContextMenu._init);
	},

	/**
	 * This function binds a context menu list to the right click event.
	 * Arguments: menu_id - The ID of the ul/Li list that should be used as the Menu
	 * 			  context_id - [OPTIONAL] The ID of the element that would serve as the context for this menu. If none is specified, it defaults to 'document'
	 * Example: ContextMenu.set("menu-id");
	 * 			ContextMenu.set("menu-element-id", "context-element-id");
	 */
	"set": function(menu_id, context_id) {
        
		if(!ContextMenu.max_width) 
                    {ContextMenu._init();} //Initalize the library if its not already done.
		if(!context_id) 
                    {context_id = document;}
		else if(typeof(context_id) == "string") 
                    {context_id = document.getElementById(context_id);}

		ContextMenu._addEvent(context_id, "contextmenu", function(e) {
			ContextMenu._stopEvent(e); //We don't want the browsers Context menu appearing - so disable it.
			ContextMenu.menu = menu_id;
			ContextMenu.context = context_id;
			ContextMenu._handleRightClick(e);
		});
	},

	"_handleRightClick":function(e) {
		e=e||window.event;
		var left= parseInt(e.clientX);
		var top = parseInt(e.clientY);

		// Hrannar
		rightClickMousePosX = parseInt(e.clientX);
		rightClickMousePosY = parseInt(e.clientY);           

		//We should have the width and hight of the menu to caluclate the menu position correctly.
		//	That why I did not used visility:hidden instead of display:none to hide the menu.
		//	If it was display:none, getting this values would be not so easy.
		var menu = document.getElementById(ContextMenu.menu);
		var width = menu.clientWidth  || menu.offsetWidth ;
		var height= menu.clientHeight || menu.offsetHeight ;

		//If the context menu goes of the window, make sure it stays in.
		if(ContextMenu.max_width < left + width) left= left - width;
		if(ContextMenu.max_height< top + height) top = top - height;
		if(top < 0) top = 0;
		if(left< 0) left= 0;

		ContextMenu.show(ContextMenu.menu, left, top);
	},

	/**
	 * Show the given list as the context menu at the provided coordinates
	 * Arguments: menu_id - The ID of the ul/Li list that should be used as the Menu
	 *			  left - The x value of where the menu should appear
	 * 			  top - The y value.
	 * Example: ContextMenu.show("menu-id", 200, 350);
	 */
	"show": function(menu_id, left, top) {
		ContextMenu.hide(); //Remove any existing menus.
		left=left||0;top=top||0;//Default values for top and left
		var menu = document.getElementById(menu_id);
		menu.style.top = top + "px";
		menu.style.left= left + "px";
		menu.style.visibility= "visible";
		setTimeout("ContextMenu._addEvent(document,'click', ContextMenu.hide);", 200);
		ContextMenu.active_menu = menu_id;
	},

	/**
	 * Hides the currently displayed menu.
	 * Example: ContextMenu.hide();
	 */
	"hide": function() {
		if(!ContextMenu.active_menu) return;
		ContextMenu._removeEvent(document,"click", ContextMenu.hide);
		document.getElementById(ContextMenu.active_menu).style.visibility = "hidden";
		ContextMenu.active_menu = "";
	},


	/////////////////////////////// Library Functions ///////////////////////////////
	"_stopEvent": function(e) {
		e=e||window.event;
		e.cancelBubble = true;
		e.returnValue = false;
		if(e.stopPropagation) e.stopPropagation();
		if(e.preventDefault) e.preventDefault();
		return false;
	},

	"_addEvent" :function(ele,type,func,capture) {
                
		if(typeof ele == "string") 
                    ele = document.getElementById(ele);

                
		if(ele.attachEvent) 
                    {return ele.attachEvent('on' + type, func);}
		else if(ele.addEventListener) 
                    {ele.addEventListener(type, func, false);}
		else 
                    {ele['on' + type] = func;}
	},

	"_removeEvent": function(ele, type, func) {
		if(typeof ele == "string") ele = document.getElementById(ele);

		if(ele.removeEventListener) ele.removeEventListener(type, func, false);
		else if(ele.detachEvent) ele.detachEvent('on' + type, func);
		else if(ele['on' + type]) delete ele['on' + type];
	}
};//<script type="text/javascript">
/*
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 routing.js.php
 Dependensies: Context menu needs to run first
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */
// Global breytur fyrir routing
var routeFromHereCoords = "";
var routeToHereCoords = "";
var client_layers = [];
var submitFromAddr = "";
var chosenFromZip = "";
var submitToAddress = "";
var chosenToZip = "";
var vectors = null;


// Hér kemur það sem þarf að keyra eftir að kortið hefur initað sig
function initRouting()
{
    //////////////////////////////////////////////////////////////////////////// Vector
    // Setjum útlit á vegvísunar layerinn
    var layer_style = OpenLayers.Util.extend({}, OpenLayers.Feature.Vector.style['default']);
    //layer_style.fillOpacity = 0.2;
    //layer_style.graphicOpacity = 1;
    var style_routing = OpenLayers.Util.extend({}, layer_style);
    style_routing.strokeColor = "#bd1776"; // bleikfjólublár
    //style_routing.graphicName = "star";
    //style_routing.pointRadius = 0;
    style_routing.strokeWidth = 4;
    style_routing.strokeOpacity = 0.9;
    style_routing.strokeLinejoin = "miter";
    style_routing.strokeLineCap = "butt";

    // Setjum inn vectorlayer til að birta niðurstöðu vegvísunar á kortinu
    vectors = new OpenLayers.Layer.Vector("Vegvísun", {style: style_routing, 'displayInLayerSwitcher':true});
    //client_layers.push(vectors);
    map.addLayer(vectors);
    //////////////////////////////////////////////////////////////////////////// Vector end

    //Insert HTML Container for Routing
    //RoutingHtml = "<h3><a href='#'>Vegvísun</a></h3><div>";
    var RoutingHtml = "<div id='RoutingDIV'>";
    RoutingHtml += "<img id='vegvisun_divider1' src='img/vegvisun/vegvisun_divider_pixel.gif'>";
    RoutingHtml += "<div id='vegvisun_A'><img src='img/routing/routing_marker_A.png'></div><div id='fromtext'>Frá:</div><input id='routing_from_addr' type='text'><div id='routingFromSuggDiv' style='z-index:10000;position:absolute;top:74px;left:41px;'></div>";
    RoutingHtml += "<div id='vegvisun_B'><img src='img/routing/routing_marker_B.png'></div><div id='totext'>Til:</div><input id='routing_to_addr' type='text'><div id='routingToSuggDiv' style='z-index:10000;position:absolute;top:126px;left:41px;'></div>";
    RoutingHtml += "<img id='vegvisun_divider2' src='img/vegvisun/vegvisun_divider_pixel.gif'>";
    RoutingHtml += "<img id='routingLoading' src='img/gui/loading_16x16_trans.gif' width='16' height='16' /><div id='routingLoadingTxt'>...reikna út vegvísun.</div><input id='clear_routing_button' class='hidden' type='button' value='Hreinsa' onclick='clearRoutingResults();'><input id='routing_button' type='button' value='Finna leið' onclick='clearZips();getRoute();'>";
    //Insert HTML container for routing results
    RoutingHtml += "<div id='RoutingResultsDIV'><div id='rResultsHtml'></div></div>";
    RoutingHtml += "</div>";
    $j("#routingPanel").append(RoutingHtml);



    // Búum til nýtt context menu (f. hægrismell)
    var cuztomContextMenu = "<!-- The second Menu(Special) --><ul class=context-menu id=special-menu>";
    cuztomContextMenu += "<li><a href=javascript:contextZoomIn();><div class='contextMenuLiDiv'><div class='contextMenuIconDiv'><img class='ContextIconZoomInImg' src='img/clearpix.gif' /></div><div class='contextMenuTextDiv'>Þysja inn</div></div></a></li>";
    cuztomContextMenu += "<li><a href=javascript:contextZoomOut();><div class='contextMenuLiDiv'><div class='contextMenuIconDiv'><img class='ContextIconZoomOutImg' src='img/clearpix.gif' /></div><div class='contextMenuTextDiv'>Þysja út</div></div></a></li>";
    cuztomContextMenu += "<li><a href=javascript:centerMapHere();><div class='contextMenuLiDiv'><div class='contextMenuIconDiv'><img class='ContextIconCenterHereImg' src='img/clearpix.gif' /></div><div class='contextMenuTextDiv'>Miðja kort hér</div></div></a></li>";
    cuztomContextMenu += "<li><a href=javascript:routeFromHere();><div class='contextMenuLiDiv'><div class='contextMenuIconDiv'><img class='ContextIconRouteFromImg' src='img/clearpix.gif' /></div><div class='contextMenuTextDiv'>Vegvísun frá</div></div></a></li>";
    cuztomContextMenu += "<li><a href=javascript:routeToHere();><div class='contextMenuLiDiv'><div class='contextMenuIconDiv'><img class='ContextIconRouteToImg' src='img/clearpix.gif' /></div><div class='contextMenuTextDiv'>Vegvísun til</div></div></a></li>";
    cuztomContextMenu += "<div  id='clear_routing_context_button'></div>";
    cuztomContextMenu +="</ul>";
    $j("body").append(cuztomContextMenu); // Öddum þessu á domið

    //return;

    ContextMenu.set("special-menu", "map");

    markers.setZIndex(10000); // svo að markerar komi alltaf ofan á.



    // To handle Enter keypress 
    $j('#routing_to_addr').keyup(
        function (e)
        {
            if (e.keyCode == 13) //Enter
            {
                if ( $j('#routing_to_addr').val() != '' )
                {
                    if ( $j('#routing_from_addr').val() != '' )
                    {
                        // ----- Let's route!! ------
                        // make sure inputbox background color is white
                        $j('#routing_from_addr').css( 'background-color', '#FFFFFF' );
                        $j('#routing_to_addr').css( 'background-color', '#FFFFFF' );
                        $j("#rResultsHtml").html("");
                        clearZips();
                        //setTimeout("getRoute();",200);
                        setTimeout("getRoutePathClick();",200);
                    }

                    else
                    {
                        $j('#routing_from_addr').css( 'background-color', '#FFDDDD' ); //pink warning background color
                        $j('#routing_from_addr').focus();
                    }
                }

            }
        }
    )


    $j('#routing_from_addr').keyup(
        function (e)
        {
            if (e.keyCode == 13) //Enter
            {
                if ( $j('#routing_from_addr').val() != '' )
                {
                    if ( $j('#routing_to_addr').val() != '' )
                    {
                        // ----- Let's route!! ------
                        // make sure inputbox background color is white
                        $j('#routing_from_addr').css( 'background-color', '#FFFFFF' );
                        $j('#routing_to_addr').css( 'background-color', '#FFFFFF' );
                        $j("#rResultsHtml").html("");
                        clearZips();
                        //setTimeout("getRoute();",200);
                        setTimeout("getRoutePathClick();",200);
                    }
                    else
                    {
                        $j('#routing_to_addr').css( 'background-color', '#FFDDDD' ); //pink warning background color
                        $j('#routing_to_addr').focus();
                    }
                }

            }
        }
    )

}


// Býr til javascript object fyrir vegvísun sem inniheldur öll helstu gildi
function routingDataObject(roadname, length,speed,vegnumer,sdirection,tdirection,yfirbord,afrein,klassi,roundabout,oneway,source,target,source2target)
{
    this.roadname=roadname;
    this.length=length;
    this.speed=speed;
    this.vegnumer=vegnumer;
    this.sdirection=sdirection;
    this.tdirection=tdirection;
    this.yfirbord=yfirbord;
    this.afrein=afrein;
    this.klassi=klassi;
    this.roundabout=roundabout;
    this.oneway=oneway;
    this.source=source;
    this.target=target;
    this.source2target=source2target; // true s->t  - false t->s - til að vita hvernig við erum að ferðast í gegnum legginn
}

function getRoute()
{

    //debugger;
    //Hreinsa gamlar niðurstöður
    vectors.destroyFeatures();
    markers.clearMarkers();

    // From:
    if (chosenFromZip == "")
    {
        var fromZips = new Array();
        // prófum þetta helvíti - frá
        fromZips = saekjaPostnumer($j("#routing_from_addr").val(), "from");
        /*if (from_city == "nada")
         {
         fromZips = checkAddressUnique( escape( $j("#routing_from_addr").val() ) );
         }*/
        if (fromZips.length > 1)
        {
            htmlZippoz = "<b><font color=red >ATH!</font></b> Heimilisfangið <b>" + $j("#routing_from_addr").val()  + "</b> fannst á " + fromZips.length + " stöðum. Þrengið leitina með því að velja póstnúmer.<br>";
            for( i=0; i < fromZips.length; i++)
            {
                var svf = fromZips[i][2]; // Þéttbýlisstaður
                if (svf == "")
                    svf = fromZips[i][1]; // Ef ekki þéttblisstaður þá birta sveitarfélagsnafn
                //htmlZippoz += "<input type=radio name=fromZipRadio value=" + fromZips[i][0] + " onclick='javascript:chooseFromZip("+fromZips[i][0]+")'>" + fromZips[i][0] + " " + svf + "</input><br>";
                htmlZippoz += "<input type=radio name=fromZipRadio value=" + fromZips[i][0] + " onclick='javascript:chooseFromZip("+fromZips[i][0]+","+fromZips[i][3]+")'>" + fromZips[i][0] + " " + svf + "</input><br>";
            }
            $j("#rResultsHtml").html(htmlZippoz);
            $j("#RoutingResultsDIV").css("visibility","visible");
            return;
        }
        else if (fromZips.length == 1)
        {
            selectFromPoint(fromZips[0]);
        }
        else
        {
            // Ekkert fannst
            // Birta skilaboð í niðurstöðureitinn og hætta
            $j("#routing_from_addr").css("background-color","#FFDDDD");
            htmlZippoz = "<b><font color=red >ATH!</font></b> Heimilisfangið ''" + $j("#routing_from_addr").val() + "'' fannst ekki <b><br>";
            $j("#rResultsHtml").html(htmlZippoz);
            $j("#RoutingResultsDIV").css("visibility","visible");

            return; // No need to seach further from address could not be located
        }
    }


    // To:
    if (chosenToZip == "")
    {
        var toZips = new Array();
        // prófum þetta helvíti - frá
        toZips = saekjaPostnumer($j("#routing_to_addr").val(), "to");
        if (toZips.length > 1)
        {
            htmlZippoz = "<b><font color=red >ATH!</font></b> Heimilisfangið <b>" + $j("#routing_to_addr").val()  + "</b> fannst á " + toZips.length + " stöðum. Þrengið leitina með því að velja póstnúmer.<br>";
            for( i=0; i < toZips.length; i++)
            {
                var svf = toZips[i][2]; // Þéttbýlisstaður
                if (svf == "")
                    svf = toZips[i][1]; // Ef ekki þéttbýlisstaður þá birta sveitarfélagsnafn
                //htmlZippoz += "<input type=radio name=fromZipRadio value=" + toZips[i][0] + " onclick='javascript:chooseToZip("+toZips[i][0]+")'>" + toZips[i][0] + " " + svf + "</input><br>";
                htmlZippoz += "<input type=radio name=fromZipRadio value=" + toZips[i][0] + " onclick='javascript:chooseToZip("+toZips[i][0]+","+toZips[i][3]+")'>" + toZips[i][0] + " " + svf + "</input><br>";
            }
            $j("#rResultsHtml").html(htmlZippoz);
            $j("#RoutingResultsDIV").css("visibility","visible");
            return;
        }
        else if (toZips.length == 1)
        {
            selectToPoint(toZips[0]);

        }
        else
        {
            // Ekkert fannst
            // Birta skilaboð í niðurstöðureitinn og hætta
            $j("#routing_to_addr").css("background-color","#FFDDDD");
            htmlZippoz = "<b><font color=red >ATH!</font></b> Heimilisfangið ''" + $j("#routing_to_addr").val() + "'' fannst ekki <b><br>";
            $j("#rResultsHtml").html(htmlZippoz);
            $j("#RoutingResultsDIV").css("visibility","visible");
            return; // Ekki þörf á að halda áfram þar sem heimilisfang fannst ekki
        }
    }

    // Jæja nú ættu leitarskilyrðin að vera klár til að sækja leiðina
    //getRoutePath(submitFromAddr,chosenFromZip,submitToAddr,chosenToZip);
    getRoutePathClick();

    //Birta Hreinsa takkann
    $j("#clear_routing_button").removeClass('hidden').html('');
    $j("#clear_routing_button").addClass('visible').html('');
    $j("#clear_routing_context_button").html('<li><a href="javascript:clearRoutingResults();"><div class="contextMenuLiDiv"><div class="contextMenuIconDiv"><img class="ContextClearRouteImg" src="img/clearpix.gif"></div><div class="contextMenuTextDiv">Hreinsa vegvísun</div></div></a></li>');

}

function clearRoutingResults()
{
    //Hreinsa gamlar niðurstöður
    vectors.destroyFeatures();
    markers.clearMarkers();
    clearZips();
    // Hreinsa Akstursleiðbeiningar
    $j("#rResultsHtml").html("");
    // Fela Akstursleiðbeiningaglugga
    $j("#RoutingResultsDIV").css("visibility","visible");
    //Birta Hreinsa takkann
    $j("#clear_routing_button").removeClass('hidden').html('');
    $j("#clear_routing_button").addClass('visible').html('');

    //Fela Hreinsa takkann
    $j("#clear_routing_button").removeClass('visible').html('');
    $j("#clear_routing_button").addClass('hidden').html('');

    // Taka út út contexmenu (hægri smell)
    $j("#clear_routing_context_button").html('');


    // Taka út lon lat gildi í 
    routeFromHereCoords.lon = null;
    routeFromHereCoords.lat = null;
    routeToHereCoords.lon = null;
    routeToHereCoords.lat = null;

    // Hreinsa heimilisfangaboxin í hægri spalta
    $j("#routing_to_addr").val("");
    $j("#routing_from_addr").val("");
}

function selectFromPoint(pointInfoArr)
{
    chosenFromZip = pointInfoArr[0];
    $j("#rResultsHtml").html("");
    $j("#routing_from_addr").css("background-color","#FFFFFF");
    $j("#RoutingResultsDIV").css("visibility","hidden");

    // GeoJSON to OL object
    var in_options = {
        'internalProjection': map.baseLayer.projection,
        'externalProjection': new OpenLayers.Projection("EPSG:3057")
    };
    var gj = new OpenLayers.Format.GeoJSON(in_options);
    var startpoint = gj.read(pointInfoArr[3])[0].geometry.components[0]; // Reads the first point out of the multipoint return object
    var lonlat  = new OpenLayers.LonLat(startpoint.x,startpoint.y); // Gather endpoint coordinates
    routeFromHereCoords = lonlat; // Assign the endpoint coordiantes to global variable 'routeToHereCoords' (used for the routing)
    //Add marker for start point . First we check if there is already a "routeFrom" marker
    var marker = getMarkerByName("routeFrom");
    if (typeof(marker) == "undefined" || marker == "") {
        var size = new OpenLayers.Size(24, 27);
        var offset = new OpenLayers.Pixel(-10, -27);
        var icon = new OpenLayers.Icon('img/routing/routing_marker_A.png', size, offset);
        marker = new OpenLayers.Marker(lonlat, icon);
        marker.name = "routeFrom";
        markers.addMarker(marker);
    }
    else{
        marker.moveTo(lonlat);
    }
}

function selectToPoint(pointInfoArr)
{
    chosenToZip = pointInfoArr[0];
    $j("#rResultsHtml").html("");
    $j("#routing_to_addr").css("background-color","#FFFFFF");
    $j("#RoutingResultsDIV").css("visibility","hidden");

    // GeoJSON to OL object
    var in_options = {
        'internalProjection': map.baseLayer.projection,
        'externalProjection': new OpenLayers.Projection("EPSG:3057")
    };
    var gj = new OpenLayers.Format.GeoJSON(in_options);
    var endpoint = gj.read(pointInfoArr[3])[0].geometry.components[0]; // Reads the first point out of the multipoint return object
    var lonlat  = new OpenLayers.LonLat(endpoint.x,endpoint.y); // Gather endpoint coordinates
    routeToHereCoords = lonlat; // Assign the endpoint coordiantes to global variable 'routeToHereCoords' (used for the routing)
    //Add marker for end point . First we check if there is already a "routeTo" marker
    var marker = getMarkerByName("routeTo");
    if (typeof(marker) == "undefined" || marker == "") {
        var size = new OpenLayers.Size(24, 27);
        var offset = new OpenLayers.Pixel(-10, -27);
        var icon = new OpenLayers.Icon('img/routing/routing_marker_B.png', size, offset);
        marker = new OpenLayers.Marker(lonlat, icon);
        marker.name = "routeTo";
        markers.addMarker(marker);
    }
    else{
        marker.moveTo(lonlat);
    }
}


// Hér kemur viðbót fyrir allsherjarleitina 2012.  
// Þegar valið hefur verið úr felliglugga verður strax til marker etc.
function routeFromSuggestion(pointInfo)
{
    // GeoJSON to OL object
    var in_options = {
        'internalProjection': map.baseLayer.projection,
        'externalProjection': new OpenLayers.Projection("EPSG:3057")
    };
    var gj = new OpenLayers.Format.GeoJSON(in_options);
    var startpoint = gj.read(pointInfo)[0].geometry; // Reads the first point out of the multipoint return object

    var lonlat  = new OpenLayers.LonLat(startpoint.x,startpoint.y); // Gather endpoint coordinates
    routeFromHereCoords = lonlat; // Assign the endpoint coordiantes to global variable 'routeToHereCoords' (used for the routing)
    //Add marker for start point . First we check if there is already a "routeFrom" marker
    var marker = getMarkerByName("routeFrom");
    if (typeof(marker) == "undefined" || marker == "") {
        var size = new OpenLayers.Size(24, 27);
        var offset = new OpenLayers.Pixel(-10, -27);
        var icon = new OpenLayers.Icon('img/routing/routing_marker_A.png', size, offset);
        marker = new OpenLayers.Marker(lonlat, icon);
        marker.name = "routeFrom";
        markers.addMarker(marker);
    }
    else{
        marker.moveTo(lonlat);
    }
}

function routeToSuggestion(pointInfo)
{
    // GeoJSON to OL object
    var in_options = {
        'internalProjection': map.baseLayer.projection,
        'externalProjection': new OpenLayers.Projection("EPSG:3057")
    };
    var gj = new OpenLayers.Format.GeoJSON(in_options);
    var startpoint = gj.read(pointInfo)[0].geometry; // Reads the first point out of the multipoint return object

    var lonlat  = new OpenLayers.LonLat(startpoint.x,startpoint.y); // Gather endpoint coordinates
    routeToHereCoords = lonlat; // Assign the endpoint coordiantes to global variable 'routeToHereCoords' (used for the routing)
    //Add marker for start point . First we check if there is already a "routeFrom" marker
    var marker = getMarkerByName("routeTo");
    if (typeof(marker) == "undefined" || marker == "") {
        var size = new OpenLayers.Size(24, 27);
        var offset = new OpenLayers.Pixel(-10, -27);
        var icon = new OpenLayers.Icon('img/routing/routing_marker_B.png', size, offset);
        marker = new OpenLayers.Marker(lonlat, icon);
        marker.name = "routeTo";
        markers.addMarker(marker);
    }
    else{
        marker.moveTo(lonlat);
    }
}

// tekur inn innihaldið úr innsláttarboxunum og finnur út hvað er gata/húsnúmer og hvað er pnr/sveitarf
// Tekur inn innihald innsláttorboxins og hvort um er að ræða to eða from boxið.
function saekjaPostnumer(inputAddress , ToFrom)
{
    var retZips = new Array(); // tekur við póstnúmerum úr uppflettingu

    inputAddress=inputAddress.replace(/\,/g," " ); // strip commas
    inputAddress=inputAddress.replace(/\./g," " ); // strip points
    var addrArr = inputAddress.split(" "); // Splittum addressunni í fylki

    if (addrArr.length == 1) // bara eitt orð  glugganum
    {
        if (ToFrom == "from")
        { submitFromAddr = inputAddress }
        else
        { submitToAddr = inputAddress }
        retZips = checkAddressUnique( escape( inputAddress ) );
    }
    else
    {
        // Fleiri en eitt orð eru í innsláttarglugganum
        // Byrjum á að athuga hvort að við fáum niðurstöðu með að leita eftir tveim fysrtu orðunum
        // Áður en við gerum fyrirspurnina skulum við athuga hvort annað orðið er ekki örugglega tala
        // og sleppum því að gera kall ef svo er ekki

        if (isNumeric(addrArr[1])) // Ef orð númer 2 er tala
        {
            // Annað orðið er tala og því næsta skref að leita eftir gata + húsnúmer
            retZips = checkAddressUnique( escape( addrArr[0] + " " + addrArr[1] ) );

            if (retZips.length == 0) // Ekkert fannst.  Pórfum þá núna leita eftir zip
            {
                if (ToFrom == "from")
                { submitFromAddr = addrArr[0] }
                else
                { submitToAddr = addrArr[0] }
                retZips = checkAddressAndZipUnique( escape( addrArr[0]), escape( addrArr[1] ) ); // IMPLEMENT!
            }
            else
            {
                if (ToFrom == "from")
                { submitFromAddr = addrArr[0] + " " +  addrArr[1] }
                else
                { submitToAddr = addrArr[0] + " " + addrArr[1] }
            }
        }
        else
        {
            // Orð nr.2 er úr bókstöfum þ.a. hlýtur að vera svf/þéttb
            if (ToFrom == "from")
            { submitFromAddr = addrArr[0] }
            else
            { submitToAddr = addrArr[0] }
            retZips = checkAddressAndZipUnique( escape( addrArr[0]), escape(addrArr[1] ) ); // IMPLEMENT!
        }

        // Nú erum við búin að athuga með niðurstöður úr fyrstu tveimur orðunum
        // Næst er að athuga hvort það eru fleiri orð og hvort þau geta þrengt niðurstöðurnar
        if (addrArr.length > 2)
        {

            if (ToFrom == "from")
            { submitFromAddr = addrArr[0] + " " +  addrArr[1] }
            else
            { submitToAddr = addrArr[0] + " " + addrArr[1] }

            if (isNumeric(addrArr[2])) // Ef orð númer 3 er tala þá ætti það að vera póstnúmer
            {
                if (LM_CityFromZips[addrArr[2]] != "undefined") // talan er póstnúmer
                {
                    // Ferðumst núna í gegnum niðurstöðufylkið og sjáum hvort við finnum ekki póstnúmerið
                    for( i=0; i < retZips.length; i++)
                    {
                        if (addrArr[2] == retZips[i][0]) // match fannst
                        {
                            var temp = retZips[i]; // þar sem við fundum rétt póstfang tökum við afrit af því
                            retZips = []; // hreinsum arrayið til að losna við það sem ekki á við
                            retZips.push(temp); // og setjum póstnúmerið eitt inn
                        }
                    }
                }
            }
            else // Orð númer 3 er ekki númer og því líkast til svf/thettb
            {
                // Sendum gata + húsn + svf/thettb niður í db
                retZips = checkAddressAndZipUnique( escape( addrArr[0] + " " + addrArr[1]), escape(addrArr[2] ) ); // IMPLEMENT!
            }
        }
        // Við ignorum önnur orð þ.e. 4 og yfir
    }

    // Jæja nú erum við líklega komin með lista af mögulegur addressum
    return retZips;
}

function checkAddressAndZipUnique(sValue1, sValue2)
{
    // Checks if address is unique.  Returns an array of zips if not unique.
    // If address is unique the return array holds one zip.
    // If no matching address is found return zip hold 666!

    var zipArray = new Array();
    sendSyncAJAXRequest("db/routingDB.php?sKey=checkAddressAndZipUnique&url=http://geoserver.loftmyndir.is/kortasja/leit/routing_service.php&sValue=" + sValue1+"|"+sValue2+"&remotePage=routing_service");
    var numberOfResults = $j(xmlHttp.responseXML).find("row").length;
    //alert(numberOfResults);
    // Lets walk through the response XML and pick out the zip codes
    $j(xmlHttp.responseXML).find("row").each(function()
    {
        var zippo = new Array();
        zippo[0] = $j(this).find("zip").text();
        zippo[1] = $j(this).find("svf_nafn").text();
        zippo[2] = $j(this).find("tettbyliss").text();
        zippo[3] = $j(this).find("the_geom").text();
        zipArray.push( zippo ); // insert zip to array
    });
    if (zipArray.length == 0)
    {
        //zipArray.push( 666 ); // Return 666 if there is no match
    }
    return zipArray;
}


function chooseFromZip(zip,geom)
{
    chosenFromZip = zip;
    from_addr = $j("#routing_from_addr").val();
    from_addr += "," + LM_CityFromZipsNefni[zip];
    $j("#routing_from_addr").val(from_addr);
    $j("#rResultsHtml").html("");
    var arr = new Array();
    arr[0] = zip;
    arr[3] = geom;
    selectFromPoint(arr);
    getRoute();
}

function chooseToZip(zip,geom)
{
    chosenToZip = zip;
    to_addr = $j("#routing_to_addr").val();
    to_addr += "," + LM_CityFromZipsNefni[zip];
    $j("#routing_to_addr").val(to_addr);
    $j("#rResultsHtml").html("");
    var arr = new Array();
    arr[0] = zip;
    arr[3] = geom;
    selectToPoint(arr);
    getRoute();
}

function checkAddressUnique(sValue)
{
    // Checks if address is unique.  Returns an array of zips if not unique.
    // If address is unique the return array holds one zip.
    // If no matching address is found return zip hold 666!

    var zipArray = new Array();
    sendSyncAJAXRequest("db/routingDB.php?sKey=checkUniqueAddress&sValue=" + sValue);
    var numberOfResults = $j(xmlHttp.responseXML).find("row").length;
    //alert(numberOfResults);
    // Lets walk through the response XML and pick out the zip codes
    $j(xmlHttp.responseXML).find("row").each(function()
    {
        var zippo = new Array();
        zippo[0] = $j(this).find("zip").text();
        zippo[1] = $j(this).find("svf_nafn").text();
        zippo[2] = $j(this).find("tettbyliss").text();
        zippo[3] = $j(this).find("the_geom").text();
        zipArray.push( zippo ); // insert zip to array
    });
    if (zipArray.length == 0)
    {
        //zipArray.push( 666 ); // Return 666 if there is no match
    }
    return zipArray;
}

function getZippo(cityname)
{
    for (i in LM_CityFromZipsNefni)

    {
        var regX = new RegExp(LM_CityFromZipsNefni[i], "gi");
        if ( cityname.match(regX) )
        {
            return i;
        }
    }

    return "nada";
}

// Sends an AJAX request to routing_proxy with adresses. 
function getRoutePath(addrFrom,zipFrom,addrTo,zipTo)
{
    //Hreinsa gamlar niðurstöður
    vectors.destroyFeatures();
    // Jæja sækja leiðina
    sendAJAXRequest('proxies/deasimple_proxy_test.php?request=route&to_addr=' + escape(addrTo) + '&to_city=' + zipTo + '&from_addr=' + escape(addrFrom) + '&from_city=' + zipFrom + '&remotePage=routing_service',displayResultsGeoJSON);
}

// Sends an AJAX request to simple_php_proxy with coordinates (routeFromHere/routeToHere click)
function getRoutePathClick()
{
    if (routeFromHereCoords.lat != null && routeToHereCoords.lat != null)
    {
        // Sýna "loading" icon og texta
        $j("#routingLoading").css("visibility","visible");
        $j("#routingLoadingTxt").css("visibility","visible");

        //Hreinsa gamlar niðurstöður
        vectors.destroyFeatures();
        // Jæja sækja leiðina
        sendAJAXRequest('proxies/deasimple_proxy.php?request=route&xfrom=' + routeFromHereCoords.lon + '&yfrom=' + routeFromHereCoords.lat + '&xto=' + routeToHereCoords.lon + '&yto=' + routeToHereCoords.lat + '&remotePage=routing_service_click', displayResultsGeoJSON);

        //Birta Hreinsa takkann
        $j("#clear_routing_button").removeClass('hidden').html('');
        $j("#clear_routing_button").addClass('visible').html('');
        $j("#clear_routing_context_button").html('<li><a href="javascript:clearRoutingResults();"><div class="contextMenuLiDiv"><div class="contextMenuIconDiv"><img class="ContextClearRouteImg" src="img/clearpix.gif"></div><div class="contextMenuTextDiv">Hreinsa vegvísun</div></div></a></li>');

    }
}

function displayResultsGeoJSON(resp)
{

    if(xmlHttp.readyState == 4)
    {

        // Opna sliderinn ef hann er lokaður til að sýna routing niðurstöður
        if ($j('#sliderPanelBtn').hasClass('close'))
        {
            $j("a#sliderPanelBtn").click();
        }

        $j("#routingLoading").css("visibility","hidden");
        $j("#routingLoadingTxt").css("visibility","hidden");

        // Now we have a positive routing result.  The returned data is delimetered with || (two pipes)
        // First we need to read through the GeoJSON responseText to make an array of features by splitting
        // the response by the "||" delimeter to an array of elements (elements[]).  Each element consists of
        // geometry to be read by GeoJSON and a list of parameters.  Geometry and data are delimetered by two
        // minuses ("--") and need to be split up for further processing (into datapair[]).  The datapair[]
        // variable holds the geometry of each leg in position 0 and data in position 1.  Geometry [0] is put
        // into an array of features (features[]) and data [1] is further split up (by ",") into an array
        // of routingDataObjects (rData[]).   ....complicated, but works!

        /*
         * [rData] object properties
         *
         * roadname         Name of road
         * length           Road length in meters
         * speed            Maximum road speed
         * vegnumer         Roadnumber from Vegagerdin
         * sdirection       Direction in degrees at source point
         * tdirection       Direction in degrees at target point
         * yfirbord         Road surface
         * klassi           Road class - specified by LM
         * roundabout       Bool - True if road is a roundabout
         * oneway           Bool _ True if road is oneway
         * source           Id of source point
         * target           Id of target point
         * source2target    Bool - True if routing traverses from source to target and false if it's from taget to source.
         * afrein           Road connection stub
         */


        // Phase 1:
        // Create an array to hold each legs info
        var rData = new Array();
        rData = fillRoutingDataArray(xmlHttp.responseText);


        // Phase 2:
        // This function determines the direction that is is travelled through the leg.  Either S->T or T->S(reverse)
        // When we know the direction we can later determine the azimuth and degrees of turn.
        var drivingDirection = []; // Will hold each leg traversing direction
        getDirectionOfEachLeg(rData, drivingDirection);


        //
        // Read routing response - Phase 3
        // Here we need to determine orientation of where we are heading.  We can use the drivingDirection array
        // to calculate actual driving direction.  Since we can calculate direction we can determine if we need
        // to turn (left, right etc.) and put the info into the trunArray[].
        //

        var totalLength = 0;
        var eachRoadLength = 0;
        var rrhtml = "<hr><b><font size=2 color=#003A6B>Akstursleiðbeiningar</font></b><br><br>";
        var previousRoad = new routingDataObject("",0,0,0,0); // Empty to begin with
        var roadcounter = 0;
        var fromRoundabout = false;
        var startDirection = "";
        var heading;


        // Byrjum á að lúppa okkur í gegnum leggjalistann til að finna út hvaða horn tengist hverju og með hve miklu horni
        var turnArray = [];
        function turnObject(endDegree, TurnTxt, reverse)
        {
            this.endDegree = endDegree;  // gráða við enda leggjarins til að reikna út horn við næsta legg
            this.turnTxt = TurnTxt; // texti til að nota í útskrift á leiðarvísun
            this.reverse = reverse; // true ef akstursstefna er T->S
        }

        // Loop through the result array an compare source and target points
        // When done we have another array of same length containing direction, text and travelling direction (regular or reverse)
        for(var j=0; j<rData.length; ++j)
        {

            var turnObj = new turnObject();
            if (j==0) // Fyrsti leggur
            {


                // Fyrir fyrsta legg athugum við fyrst hvort ekið er eftir teiknaðri akstursstefnu (frá source til target)
                // Ef akstursstefnan er frá target -> source þurfum breyta stefnunnu sem er gefin upp til samræmis
                // með því að bæta 180 við töluna eða draga frá eftir hvoru megin við 180° talan er.
                if( rData[j].source == 0 ) // stefnan er S->T og því ekki öfug
                {
                    startDirection = parseInt(rData[j].sdirection);
                    turnObj.endDegree = parseInt(rData[j].tdirection); // Endinn er target
                    turnObj.reverse = false;
                }
                else // target == 0 - Keyrt í öfuga átt við verðum að snúa gráðutölunni við.
                {
                    startDirection = rotate180( parseInt(rData[j].tdirection) );
                    turnObj.endDegree = rotate180( parseInt(rData[j].sdirection) ); // Endinn er target
                    turnObj.reverse = true;
                }
                //  Now we have the start direction and ca write out direction in human language
                if (startDirection >= 0 && startDirection < 24 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í norður eftir ";
                }
                else if (startDirection >= 24 && startDirection < 69 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í norð-austur eftir ";
                }
                else if (startDirection >= 69 && startDirection < 114 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í austur eftir ";
                }
                else if (startDirection >= 114 && startDirection < 159 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í suð-austur eftir ";
                }
                else if (startDirection >= 159 && startDirection < 204 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í suður eftir ";
                }
                else if (startDirection >= 204 && startDirection < 249 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í suð-vestur eftir ";
                }
                else if (startDirection >= 249 && startDirection < 294 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í vestur eftir ";
                }
                else if (startDirection >= 294 && startDirection < 339 )
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í norð-vestur eftir ";
                }
                else if (startDirection >= 339)
                {
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> Ekið í norður eftir ";
                }
            }
            else
            {
                // Finnum út úr því í hvora áttina við ökum S->T eða T->S
                if (turnArray[j-1].reverse == true) // Vegurinn á undan endar á S
                {
                    if ( rData[j].source == rData[j-1].source) // Núverandi vegur byrjar á S
                    {
                        startDirection =  parseInt(rData[j].sdirection);
                        turnObj.endDegree =  parseInt(rData[j].tdirection);
                        turnObj.reverse = false;
                    }
                    else // núverandi vegur byrjar á T
                    {
                        startDirection = rotate180(  parseInt(rData[j].tdirection) );
                        turnObj.endDegree = rotate180( parseInt(rData[j].sdirection) );
                        turnObj.reverse = true;
                    }
                }
                else // Vegurinn á undan endar á T
                {
                    if ( rData[j].source == rData[j-1].target) // Núverandi vegur byrjar á S
                    {
                        startDirection =  parseInt(rData[j].sdirection);
                        turnObj.endDegree =  parseInt(rData[j].tdirection);
                        turnObj.reverse = false;
                    }
                    else // núverandi vegur byrjar T
                    {
                        startDirection = rotate180(  parseInt(rData[j].tdirection) );
                        turnObj.endDegree = rotate180( parseInt(rData[j].sdirection) );
                        turnObj.reverse = true;
                    }
                }

                // Finnum hornið, zimmzalabimm!
                // We need to calculate angle only after roadname changes and keep it until displayed (when road changes again)
                if  (rData[j].roadname != rData[j-1].roadname)
                {

                    var a = calcAngle( (turnArray[j-1].endDegree), startDirection);
                    turnObj.turnTxt = " <img src=http://g.map.is/img/routing/drive_straight.png> ";

                    if ( a < -10 )
                        turnObj.turnTxt = " <img src=http://g.map.is/img/routing/turn_left.png> ";

                    if ( a > 10 )
                        turnObj.turnTxt = " <img src=http://g.map.is/img/routing/turn_right.png> ";


                    /*
                     if(rData[j].roundabout == "Y")
                     turnObj.turnTxt += " O ";    */

                }else
                {
                    // sama as on last leg since road has not changed
                    turnObj.turnTxt = turnArray[j-1].turnTxt;
                }

            }



            // Skilum turn objectinum í turn fylkið
            turnArray.push(turnObj);

        }


        //
        // Read routing response - Phase 4
        // All info should now be gathered so we need to write routing directons to the client(browser) HTML.
        //

        // Skrifum út leiðina í html panellinn
        for(var j=0; j<rData.length; ++j)
        {

            if (j==0)
            {
                // Setjum inn vegupplýsingar í routing object til að bera saman við næst
                previousRoad.roadname = rData[j].roadname;
                previousRoad.length = Math.round(rData[j].length);
                previousRoad.sdirection = rData[j].sdirection;
                previousRoad.tdirection = rData[j].tdirection;
                previousRoad.speed=rData[j].speed;
                previousRoad.vegnumer=rData[j].vegnumer;
                previousRoad.sdirection=rData[j].sdirection;
                previousRoad.tdirection=rData[j].tdirection;
                previousRoad.yfirbord=rData[j].yfirbord;
                previousRoad.afrein=rData[j].afrein;
                previousRoad.klassi=rData[j].klassi;
                previousRoad.roundabout=rData[j].roundabout;
                previousRoad.oneway=rData[j].oneway;
                previousRoad.source=rData[j].source;
                previousRoad.target=rData[j].target;

                //console.log(j+". " +rData[j].roadname + " - " + rData[j].length +"m");

                //eachRoadLength = rData[j].length/1;
            }
            else
            {
                // Ok leg #2 and the fun begins!

                // Lets make some boolean variables to make the code easier to read
                //debugger;
                var lastRow = false;
                var newRoad = false;
                var enteringRoundabout = false;
                var afrein = false;

                // Set variables according to current state
                if(rData[j].afrein == "1")
                {afrein = true;}

                if(j == rData.length-1)
                {lastRow = true;}

                if(rData[j].roadname != previousRoad.roadname && !afrein)
                {
                    newRoad = true;
                }

                if(previousRoad.afrein == "1")
                {afrein = true;}

                if(previousRoad.roundabout == "N" && rData[j].roundabout == "Y")
                {enteringRoundabout = true;}

                // fromRoundabout is true if we drove through a roundabout before entering the road
                if (previousRoad.roundabout == "Y")
                {fromRoundabout = true;}

                var roundaboutInsert = "";
                if( fromRoundabout )
                {
                    roundaboutInsert = "Gegnum hringtorg og út á ";
                }

                // We will have two main ways of writing out the direction
                // #1 - is normal writeout where we're in the middle of the routing
                // #2 - is the last row in routing results where we have to write out the current leg in addition to the road we came from


                // #1 - All rows but the last


                // Log out bool states
                console.log("#"+j+" lastRow:"+lastRow+" newRoad:"+newRoad+" fromRoundabout:"+fromRoundabout+" afrein:"+afrein+" || "+rData[j].roadname);


                if(!lastRow && newRoad && !fromRoundabout)
                {
                    // Nýr vegur og vorum ekki í hringtorgi
                    // Nú þurfum við að skrifa úr vegvísun
                    roadcounter++;
                    var legLength = "";
                    if (roadcounter == 1)
                        rrhtml +=  roadcounter + ". " + "<img src='img/routing/routing_marker_A.png'>" + roundaboutInsert + previousRoad.roadname + " ";
                    else
                        rrhtml +=  roadcounter + ". " + turnArray[j-1].turnTxt + roundaboutInsert + previousRoad.roadname + " ";
                    var finalLength = eachRoadLength/1;
                    if (eachRoadLength > 1000){
                        legLength = (finalLength/1000).toFixed(1) + "km";}
                    else{
                        legLength = Math.round(finalLength) + "m";}
                    rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                    eachRoadLength = 0;
                    //console.log("nr:" + j + "(!lastRow && newRoad && !fromRoundabout)");
                }
                if(!lastRow && !newRoad && !fromRoundabout)
                {
                    // Sami vegur og ekkert hringtorg
                    // við þurfum að skrifa út ef við erum að fara að aka inn í hringtorg
                    if(enteringRoundabout)
                    {
                        roadcounter++;
                        var legLength = "";
                        rrhtml +=  roadcounter + ". " + turnArray[j-1].turnTxt + roundaboutInsert + previousRoad.roadname + " ";
                        var finalLength = eachRoadLength/1;
                        if (eachRoadLength > 1000){
                            legLength = (finalLength/1000).toFixed(1) + "km";}
                        else{
                            legLength = Math.round(finalLength) + "m";}
                        rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                        eachRoadLength = 0;
                    }
                    //console.log("nr:" + j + "(!lastRow && !newRoad && !fromRoundabout)");
                }
                if(!lastRow && !newRoad && fromRoundabout)
                {
                    // Sami vegur áfram og við komum úr hringtorgi
                    // Hér þarf ekkert að gera nema að telja áfram
                    //console.log("nr:" + j + "(!lastRow && !newRoad && fromRoundabout)");
                }
                if(!lastRow && newRoad && fromRoundabout)
                {
                    // Nýr vegur og vorum í hringtorgi
                    // Þar sem við komum úr hringtorgi höldum við áfram að telja og skrifum ekkert
                    if(previousRoad.roundabout != "Y") // flagg um hringtorg virkt en við erum komin í gegn
                    {
                        roadcounter++;
                        var legLength = "";
                        rrhtml +=  roadcounter + ". " + " <img src=http://g.map.is/img/routing/round_straight.png> " + "Gegnum hringtorg og út á " + previousRoad.roadname + " ";
                        var finalLength = eachRoadLength/1;
                        if (eachRoadLength > 1000){
                            legLength = (finalLength/1000).toFixed(1) + "km";}
                        else{
                            legLength = Math.round(finalLength) + "m";}
                        rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                        eachRoadLength = 0;
                        fromRoundabout = false;
                        roundaboutInsert = "";
                    }
                    //console.log("nr:" + j + "(!lastRow && newRoad && fromRoundabout)");

                }

                // #2 - Last row states
                // Hérum við komin á síðust niðurstöðulínu úr vegvísun
                if(lastRow && newRoad && fromRoundabout)
                {
                    // Nýr vegur og vorum að koma úr hringtorgi
                    // Hér þurfum við að skrifa út fyrri veginn sem við erum á og leggja saman við lengdina á leggjum úr hringtorgi
                    // og skrifa út síðasta legginn
                    // fyrri leggur
                    roadcounter++;
                    var legLength = "";
                    rrhtml +=  roadcounter + ". " + " <img src=http://g.map.is/img/routing/round_straight.png> " + roundaboutInsert + previousRoad.roadname + " ";
                    var finalLength = eachRoadLength + rData[j].length/1;
                    if (eachRoadLength > 1000){
                        legLength = (finalLength/1000).toFixed(1) + "km";}
                    else{
                        legLength = Math.round(finalLength) + "m";}
                    rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                    // Seinni leggur
                    roadcounter++;
                    var legLength = "";
                    rrhtml +=  roadcounter + ". " + turnArray[j].turnTxt + rData[j].roadname + " ";
                    var finalLength =  rData[j].length/1;
                    if (eachRoadLength > 1000){
                        legLength = (finalLength/1000).toFixed(1) + "km";}
                    else{
                        legLength = Math.round(finalLength) + "m";}
                    rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#000;height:1px;background-color:#000'>";

                }
                if(lastRow && newRoad && !fromRoundabout)
                {
                    // Nýr vegur og vorum ekki í hringtorgi.
                    // Hér þurfum við fyrst að skrifa úr vegkaflann á undan og svo stubbinn sem við erum á.
                    // previous legs
                    roadcounter++;
                    var legLength = "";
                    rrhtml +=  roadcounter + ". " + turnArray[j-1].turnTxt + roundaboutInsert + previousRoad.roadname + " ";
                    var finalLength = eachRoadLength/1;
                    if (eachRoadLength > 1000){
                        legLength = (finalLength/1000).toFixed(1) + "km";}
                    else{
                        legLength = Math.round(finalLength) + "m";}
                    rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                    // Last leg
                    rrhtml +=  roadcounter + ". " + turnArray[j].turnTxt + roundaboutInsert + rData[j].roadname + " ";
                    var finalLength = rData[j].length/1;
                    if (eachRoadLength > 1000){
                        legLength = (finalLength/1000).toFixed(1) + "km";}
                    else{
                        legLength = Math.round(finalLength) + "m";}
                    rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#000;height:1px;background-color:#000'>";
                }
                if(lastRow && !newRoad && fromRoundabout)
                {
                    // Sami vegur og við komum úr hringtorgi.
                    // Hér þurfum við að skrifa út veginn sem við erum á og leggja saman við lengdina á leggjum úr hringtorgi
                    roadcounter++;
                    var legLength = "";
                    rrhtml +=  roadcounter + ". " + " <img src=http://g.map.is/img/routing/round_straight.png> " + roundaboutInsert + rData[j].roadname + " ";
                    var finalLength = eachRoadLength + rData[j].length/1;
                    if (eachRoadLength > 1000){
                        legLength = (finalLength/1000).toFixed(1) + "km";}
                    else{
                        legLength = Math.round(finalLength) + "m";}
                    rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#000;height:1px;background-color:#000'>";
                    eachRoadLength = 0;
                }
                if(lastRow && !newRoad && !fromRoundabout)
                {
                    // Síðasti leggur er sami og áður og ekki hringtorg.
                    // Lengdin á fyrri leggjum lögð saman og síðasti vegurinn skrifaður út.
                    roadcounter++;
                    var legLength = "";
                    rrhtml +=  roadcounter + ". " + turnArray[j-1].turnTxt + roundaboutInsert + rData[j].roadname + " ";
                    var finalLength = eachRoadLength + rData[j].length/1;
                    if (eachRoadLength > 1000){
                        legLength = (finalLength/1000).toFixed(1) + "km";}
                    else{
                        legLength = Math.round(finalLength) + "m";}
                    rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                    eachRoadLength = 0;
                }

                /*
                 // if roadname has changed and were not in a roundabout ..or we have come to the last row ..or we have entered a roundabout
                 // it's time for writing out directions for road we've been travelling
                 if( (newRoad && !fromRoundabout) || enteringRoundabout || lastRow)
                 {
                 //console.log(rData[j].roadname + " -  Ný eða síðastaa gata => skrifa út");

                 // Það er kominn nýr vegur eða síðasta færsla
                 // skrifum veginn sem við erum með út.

                 var roundaboutInsert = "";

                 if( fromRoundabout )
                 {
                 roundaboutInsert = "Gegnum hringtorg og út á ";
                 }



                 // format length
                 var legLength = "";

                 if(!newRoad && lastRow && !fromRoundabout) // We are on last leg and previous leg has same name as the current one
                 {
                 roadcounter++;
                 rrhtml +=  roadcounter + ". " + turnArray[j-1].turnTxt + roundaboutInsert + previousRoad.roadname + " ";
                 var finalLength = eachRoadLength + rData[j].length/1;
                 if (eachRoadLength > 1000){
                 legLength = (finalLength/1000).toFixed(1) + "km";
                 }
                 else
                 {
                 legLength = Math.round(finalLength) + "m";
                 }
                 rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                 }else
                 {
                 if (!fromRoundabout)
                 {
                 roadcounter++;
                 rrhtml +=  roadcounter + ". " + turnArray[j-1].turnTxt + roundaboutInsert + previousRoad.roadname + " ";
                 if (eachRoadLength > 1000){
                 legLength = (eachRoadLength/1000).toFixed(1) + "km";
                 }
                 else
                 {
                 legLength = Math.round(eachRoadLength) + "m";
                 }
                 rrhtml += " " + legLength + "<HR witdth='80%' style='border:0;color:#DDD;height:1px;background-color:#DDD'>";
                 }
                 }



                 previousRoad.length = Math.round(rData[j].length);

                 // Last road in array and road and last road has different name
                 if (newRoad && lastRow)
                 {
                 roadcounter++;

                 var legLength = "";

                 if(fromRoundabout)
                 {
                 // We need to add roundabout lenght and info
                 rrhtml +=  roadcounter + ". "+ roundaboutInsert + rData[j].roadname;
                 var legAndRoundaboutLength = rData[j].length/1 + eachRoadLength/1;
                 if (legAndRoundaboutLength > 1000)
                 {legLength = (legAndRoundaboutLength/1000).toFixed(1) + " km";}
                 else
                 {legLength = Math.round(legAndRoundaboutLength) + " m";}
                 }
                 else
                 {
                 rrhtml +=  roadcounter + ". " + rData[j].roadname;
                 if (rData[j].length > 1000)
                 {legLength = (rData[j].length/1000).toFixed(1) + " km";}
                 else
                 {legLength = Math.round(rData[j].length) + " m";}
                 }


                 rrhtml += " " + legLength + "<HR witdth=80%>";
                 }

                 fromRoundabout = false;

                 eachRoadLength = 0;

                 }
                 else
                 {
                 // Við erum enn á sama legg og leggjum bara saman vegalengdina
                 //eachRoadLength += rData[j-1].length/1;
                 //console.log(j + ". " + previousRoad.roadname + " - leg length " + rData[j].length + " -total:" + previousRoad.length + " fjoldi: " + rData.length);
                 }*/

                var hringtxt = "";
                if (rData[j].roundabout == "Y")
                    hringtxt = " - hringtorg";
                //console.log(j+". " +rData[j].roadname + " - " + rData[j].length +"m /x " + (eachRoadLength/1+rData[j].length/1) + "m (" + Math.round((totalLength+(rData[j].length/1))) + "m)" + hringtxt);

                // Fetch info into a routing object for comparison with
                //previousRoad.roadname = rData[j].roadname;
                if(rData[j].afrein != "1") //Láta nafnið af götunni sem maður kom af halda sér ef maður er á afrein
                    previousRoad.roadname = rData[j].roadname;
                //previousRoad.length = Math.round(rData[j].length);
                previousRoad.sdirection = rData[j].sdirection;
                previousRoad.tdirection = rData[j].tdirection;
                previousRoad.speed=rData[j].speed;
                previousRoad.vegnumer=rData[j].vegnumer;
                previousRoad.sdirection=rData[j].sdirection;
                previousRoad.tdirection=rData[j].tdirection;
                previousRoad.yfirbord=rData[j].yfirbord;
                previousRoad.afrein=rData[j].afrein;
                previousRoad.klassi=rData[j].klassi;
                previousRoad.roundabout=rData[j].roundabout;
                previousRoad.oneway=rData[j].oneway;
                previousRoad.source=rData[j].source;
                previousRoad.target=rData[j].target;
            }

            totalLength += ((rData[j].length)/1);
            eachRoadLength += ((rData[j].length)/1);
        }

        var roundTotalLength;

        if (totalLength > 1000){
            roundTotalLength = (Math.round(totalLength)/1000).toFixed(1) + "km";
        }
        else
        {
            roundTotalLength = Math.round(totalLength) + "m";
        }

        rrhtml += "Heildarlengd " + roundTotalLength ;

        //alert("Heildarlengd: " + (Math.round(totalLength)/1000).toFixed(1) + " km");
        $j("#rResultsHtml").html(rrhtml);
        $j("#RoutingResultsDIV").css("visibility","visible");
        rData = [];
    }
}


function calcAngle(firstAngle, secondAngle)
{
    var difference = secondAngle - firstAngle;
    while (difference < -180)
    {difference += 360}
    while (difference > 180)
    {difference -= 360}
    return difference;
}


function getDirectionOfEachLeg( rData, drivingDirection )
{
    //
    // Read routing response - Phase 2
    // Runs through the path and determines driving direction, if we are travelling from source to target or wise versa.
    // Array drivingDirection[] holds direction info as bool, true for S->T and false for T->S
    //

    // Setjum upplýsingar um í hvaða röð er ferðast í gegnum vertexana til að geta áttað okkur á akstursstefnu.
    var vertexholderS = "";
    var vertexholderT = "";
    for(var j=0; j<rData.length; ++j)
    {
        if ( vertexholderS == rData[j].source )
        {
            // source vertex á fyrri legg tengist source vertex á þeim sem við erum að skoða
            // Það þýðir að leggurinn á undan var gegn akstursstefnu en sá sem við erum að skoðs er í akstursstefnu
            drivingDirection[j-1] = false;
            if (j == rData.length-1)
                drivingDirection[j-1] = true; //Síðasta umferð
        }

        if ( vertexholderS == rData[j].target )
        {
            // source vertex á fyrri legg tengist source vertex á þeim sem við erum að skoða
            // Það þýðir að báðir leggirnir eru gegn akstursstefnu
            drivingDirection[j-1] = false;
            if (j == rData.length-1)
                drivingDirection[j-1] = false; //Síðasta umferð
        }
        if ( vertexholderT == rData[j].source )
        {
            // source vertex á fyrri legg tengist source vertex á þeim sem við erum að skoða
            // Það þýðir að báðir leggirnir eru í akstursstefnu
            drivingDirection[j-1] = true;
            if (j == rData.length-1)
                drivingDirection[j-1] = true; //Síðasta umferð
        }

        if ( vertexholderT == rData[j].target )
        {
            // source vertex á fyrri legg tengist source vertex á þeim sem við erum að skoða
            // Það þýðir að leggurinn á undan var í akstursstefnu en ekki sá sem við erum að skoða
            drivingDirection[j-1] = true;
            if ( j == rData.length-1)
                drivingDirection[j-1] = false; //Síðasta umferð
        }

        vertexholderS = rData[j].source;
        vertexholderT = rData[j].target;
    }
}


function fillRoutingDataArray(responseText)
{
//
    // Read routing response - Phase 1
    // Read gemetry into vectors layer and metadata into array of metadata ( rData[] )
    //
    var in_options = {
        'internalProjection': map.baseLayer.projection,
        'externalProjection': new OpenLayers.Projection("EPSG:3057")
    };
    var gj = new OpenLayers.Format.GeoJSON(in_options);
    var elements = responseText.split("||");
    var features = [];
    var rData = [];
    for(i = 0;i<elements.length;i++)
    {
        // datapair is geom and other data 0 being the geometry and 1 the rest (roadname, length etc.)
        var datapair = elements[i].split("|--|");
        features.push(gj.read(datapair[0])[0]);  //  gj reader turns text into OpenLayers feature object witch is then inserted into the features array

        // Routing metadata is read into an array of routingDataObjects (rData[])
        var databits = datapair[1].split(",");
        var rObj = new routingDataObject(databits[0],databits[1],databits[2],databits[3],databits[4],databits[5],databits[6],databits[7],databits[8],databits[9],databits[10],databits[11]);
        rData.push(rObj);
    }
    // Now we have two arrays of same length, features and rData.


    // Here we insert the features to a layer and calculate bounds for zooming in or out to the routing result
    var bounds;
    if(features)
    {
        if(features.constructor != Array)
        {
            features = [features];
        }
        for(var i=0; i<features.length; ++i) {
            if (!bounds)
            {
                // Here we need to make bounds from the first feature
                bounds = features[i].geometry.getBounds();
            }
            else
            {
                // This will extend the bounds we already have to include the feature in the loop.
                bounds.extend(features[i].geometry.getBounds());
            }
        }
        vectors.addFeatures(features); // Add featuers to layer
        map.zoomToExtent(bounds); // Zoom to routing bounds

        return rData;
    }
    else
    {
        alert('Engir vegir i vegvisun');
        return null;
    }
}


// ************* Hjálparföll fyrir vegvísun ******************************************
// Hreinsar globalbreytur sem geyma póstnúmer
function clearZips()
{
    chosenFromZip = "";
    chosenToZip = "";
}

// Sækir marker eftir nafni (routing markerar - frá - til)
function getMarkerByName(markerName)
{
    for (i=0; i < markers.markers.length; i++)
    {
        if(markers.markers[i].name == markerName)
            return markers.markers[i];
    }
    return ""; // skilar tómastreng ef engir markerar fundust
}

// Notað til að snúa um 180°
function rotate180(input)
{
    if( input  > 180 )
        return input-180;
    else
        return input+180;
}

//  ********* Föll sem snúa að "Contex menu" (hægrismell) ******************************
// Function to handle "Route from here" on right mouse click on map (custom) context menu
// Finds road vertext close to where the user clicked to route from (start point)
function routeFromHere()
{
    var maptop = $j('#map').position().top; //$j('#map').css('top').replace("px","");
    var mapleft = $j('#map').position().left; //$j('#map').css('left').replace("px","");
    var lonlat = map.getLonLatFromViewPortPx(new OpenLayers.Pixel(rightClickMousePosX-mapleft , rightClickMousePosY-maptop) );
    // Global variable to routeFrom location
    routeFromHereCoords = lonlat;

    // returns path is routable
    getRoutePathClick();
    //Add marker for starting point
    // First we check if there is already a "routeFrom" marker
    var marker = getMarkerByName("routeFrom");

    // Ef það hefur verið valið að ráta með að smella á kortið þarf að hreinsa leitarboxin í hægri spalta
    $j("#routing_from_addr").val("");

    if (typeof(marker) == "undefined" || marker == "") {
        var size = new OpenLayers.Size(24, 27);
        var offset = new OpenLayers.Pixel(-10, -27);
        var icon = new OpenLayers.Icon('img/routing/routing_marker_A.png', size, offset);
        marker = new OpenLayers.Marker(lonlat, icon);
        marker.name = "routeFrom";
        markers.addMarker(marker);
    }
    else{
        //marker.lonlat = lonlat;
        var newPx = map.getLayerPxFromLonLat(lonlat);
        marker.moveTo(newPx);
    }
}
// Function to handle "Route to here" on right mouse click on map (custom) context menu
// Finds road vertext close to where the user clicked to route to (end point)
function routeToHere()
{
    var maptop = $j('#map').position().top;//$j('#map').css('top').replace("px","");
    var mapleft = $j('#map').position().left; //$j('#map').css('left').replace("px","");
    var lonlat = map.getLonLatFromViewPortPx(new OpenLayers.Pixel(rightClickMousePosX-mapleft , rightClickMousePosY-maptop) );

    // TODO: Insert marker for routing end point
    // Find nearest road/address
    // Udate "To" field in routing panel
    // Check if "From" field is already filled and do routing automagically if so


    routeToHereCoords = lonlat;

    getRoutePathClick();

    //Add marker for starting point
    // First we check if there is already a "routeTo" marker
    var marker = getMarkerByName("routeTo");

    // Ef það hefur verið valið að ráta með að smella á kortið þarf að hreinsa leitarboxin í hægri spalta
    $j("#routing_to_addr").val("");

    if (typeof(marker) == "undefined" || marker == "" ) {
        var size = new OpenLayers.Size(24, 27);
        var offset = new OpenLayers.Pixel(-10, -27);
        var icon = new OpenLayers.Icon('img/routing/routing_marker_B.png', size, offset);
        marker = new OpenLayers.Marker(lonlat, icon);
        marker.name = "routeTo";
        markers.addMarker(marker);
    }
    else{
        //marker.lonlat = lonlat;
        var newPx = map.getLayerPxFromLonLat(lonlat);
        marker.moveTo(newPx);
    }
}
// Function to handle "Center map here"  on right mouse click on map (custom) context menu
// Centers the map to where the user clicked
function centerMapHere()
{
    var lonlat = map.getLonLatFromViewPortPx(new OpenLayers.Pixel(rightClickMousePosX , rightClickMousePosY) );
    map.setCenter( lonlat,map.getScale());
}
// Function to handle "Zoom in"  on right mouse click on map (custom) context menu
// Zooms the map in 2 levels and centers the map to where the user clicked
function contextZoomIn()
{
    var lonlat = map.getLonLatFromViewPortPx(new OpenLayers.Pixel(rightClickMousePosX , rightClickMousePosY) );
    map.setCenter( lonlat,(map.getZoom()+2) );
}
// Function to handle "Zoom out"  on right mouse click on map (custom) context menu
// Zooms the map out 2 levels and centers the map to where the user clicked
function contextZoomOut()
{
    var lonlat = map.getLonLatFromViewPortPx(new OpenLayers.Pixel(rightClickMousePosX , rightClickMousePosY) );
    var zoomy = map.getZoom()-2; // Get current zoom level from map minus 2 since we're zooming out
    map.zoomTo(zoomy);
}

/*
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 routing.js.php END
 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 */
<!-- /script -->//<script type="text/javascript">



/*function lookup(searchInputString){
 if(searchInputString.length < 2)
 {
 // Hide the suggestion box.
 $j('#suggestions').hide();
 } else
 {
 $j.post("db/suggestions_db.php", {queryString: "" + searchInputString + ""}, function(data){
 if(data.length > 0)
 {
 $j('#suggestions').show();
 $j('#autoSuggestionsList').html(data);
 }
 });
 }
 } // lookup*/

function lookup(sender, suggBoxId){
    var activeSuggBox = document.getElementById (suggBoxId);
    //alert(suggBoxId);
    var suggDBFile = "db/suggestions_db.php";
    //if (activeSuggBox != "#searchInputString")
    if (suggBoxId != "suggestions")
        suggDBFile = "db/routingSuggestions_db.php";

    if(sender.value.length < 2)
    {
        // Hide the suggestion box.
        $j(activeSuggBox).hide();
    } else
    {


        $j.post(suggDBFile, {queryString: "" + sender.value + ""}, function(data){
            if(data.length > 0)
            {
                $j(activeSuggBox).show();
                $j(activeSuggBox.children[1]).html(data);
                //$j('#suggestions').show();
                //$j('#autoSuggestionsList').html(data);
            }
        });
    }
} // lookup


/*function fill(thisValue) {

 log('fill textbox');
 if( typeof(thisValue) != 'undefined' )
 {
 $j('#searchInputString').val(thisValue);
 //alert(thisValue);
 //$j('#searchInputString').val('Thundercats!');
 setTimeout("$j('#suggestions').hide();", 200);
 log('fill calls searchInputEnter()');
 searchInputEnter()
 }
 else
 {
 setTimeout("$j('#suggestions').hide();", 200);
 //$j('#searchInputString').focus();
 }
 }*/



function fill(thisValue) {



    //determine active suggestionbox;
    var activeSuggBox;
    if(mouseOverMainSuggBox == true)
        activeSuggBox = '#searchInputString';
    if(mouseOverFromSuggBox == true)
        activeSuggBox = '#routing_from_addr';
    if(mouseOverToSuggBox == true)
        activeSuggBox = '#routing_to_addr';


    $j(activeSuggBox).val(thisValue);


    if(activeSuggBox == '#searchInputString')
    {
        if( typeof(thisValue) != 'undefined' )
        {
            //$j('#searchInputString').val(thisValue);
            //alert(thisValue);
            //$j('#searchInputString').val('Thundercats!');
            setTimeout("$j('#suggestions').hide();", 200);
            log('fill calls searchInputEnterId()');
            searchInputEnterId(thisValue);
        }
        else
        {
            setTimeout("$j('#suggestions').hide();", 200);
            //$j('#searchInputString').focus();
        }
    }

    if(activeSuggBox == '#routing_from_addr')
    {
        setTimeout("$j('#fromSuggestions').hide();", 200);
    }

    if(activeSuggBox == '#routing_to_addr')
    {
        setTimeout("$j('#toSuggestions').hide();", 200);
    }
}

function fillId(thisValue, thisId, geomjson) {

    //alert("fillUP!");


    /*
     var activeSuggBox = "NOTHING!";
     if(mouseOverMainSuggBox == true)
     activeSuggBox = '#searchInputString';//log('active textbox: searchInputString');
     if(mouseOverFromSuggBox == true)
     activeSuggBox = '#routing_from_addr';//log('active textbox: routing_from_addr');
     if(mouseOverToSuggBox == true)
     activeSuggBox = '#routing_to_addr';//log('active textbox: routing_to_addr');*/
    var selectedGeom = decodeURIComponent(geomjson);
    //debugger;

    //Determine active suggestionbox
    if($j("#fromSuggestions").is(":visible"))
        activeSuggBox = '#routing_from_addr';
    if($j("#toSuggestions").is(":visible"))
        activeSuggBox = '#routing_to_addr';
    if($j("#suggestions").is(":visible"))
        activeSuggBox = '#searchInputString';

    $j(activeSuggBox).val(thisValue);

    if(activeSuggBox == '#searchInputString')
    {
        if( typeof(thisValue) != 'undefined' )
        {
            //$j('#searchInputString').val(thisValue);
            //alert(thisValue);
            //$j('#searchInputString').val('Thundercats!');
            setTimeout("$j('#suggestions').hide();", 200);
            log('fill calls searchInputEnterId()');
            searchInputEnterId(thisId);
        }
        else
        {
            setTimeout("$j('#suggestions').hide();", 200);
            //$j('#searchInputString').focus();
        }
    }

    if(activeSuggBox == '#routing_from_addr')
    {
        setTimeout("$j('#fromSuggestions').hide();", 200);
        // do some stuff with the ID for routing
    }

    if(activeSuggBox == '#routing_to_addr')
    {
        setTimeout("$j('#toSuggestions').hide();", 200);
        // do some stuff with the ID for routing
    }
}



var searchBoxHTML = '<div id="searchDiv" style="position: relative; top: 8px; left: 180px;z-index:3000;width:300px;">';
searchBoxHTML += '<div><form action=javascript:log("sFormSubmitted");setTimeout("$j(\'#suggestions\').hide();",200);searchInputEnter();><input type="text" style="height:24px; width: 300px;font-size: 9pt;outline:medium none;border:medium none;padding:0;" value="" id="searchInputString" AUTOCOMPLETE=OFF />';
searchBoxHTML += '<input type="image" title="Leita" value="" src="img/header_img/mapis_searchbox_btn.png" style="width:54px;height:24px;position:absolute;left:301px;top:0px;z-index:1001;background-image:url(img/header_img/mapis_searchbox_btn.png);"></form></div>';
searchBoxHTML += '<div class="suggestionsBox" id="suggestions" style="display: none;">';
searchBoxHTML += '<img src="img/gui/upArrow.png" style="position: relative; top: -12px; left: 5px;" alt="upArrow" />';
searchBoxHTML += '<div class="suggestionList" id="autoSuggestionsList">&nbsp;</div></div></div>';

routingFromSuggHTML = '<div class="suggestionsBox" id="fromSuggestions" style="display: none;">';
routingFromSuggHTML += '<img src="img/gui/upArrow.png" style="position: relative; top: -9px; left: 5px;" alt="upArrow" height="5" />';
routingFromSuggHTML += '<div class="suggestionList" id="fromSuggestionsList">&nbsp;</div></div></div>';

routingToSuggHTML = '<div class="suggestionsBox" id="toSuggestions" style="display: none;">';
routingToSuggHTML += '<img src="img/gui/upArrow.png" style="position: relative; top: -9px; left: 5px;" alt="upArrow" height="5" />';
routingToSuggHTML += '<div class="suggestionList" id="toSuggestionsList">&nbsp;</div></div></div>';

// Enter þarf að vera höndlaður sem form submit þar sem IE triggerar ekki event á keycode 13!!!
// Helv fokk
function searchInputEnter()
{
    // Tékkar á hvort suggestions glugginn er opinn og leitar eftir því
    // Leitar annars eftir því sem komið er í input boxið
    log('starting searchInputEnter()');
    if ( $j('#autoSuggestionsList').is(':visible') )
    {
        var curr = $j('#autoSuggestionsList').find('.current');

        // suggestionbox visible but none is selected (current)
        if(typeof(curr[0]) == 'undefined')
        {
            log("curr[0] == undefined");
            setTimeout("$j('#suggestions').hide();", 200);
            submitMapSearch();
            return;
        }

        log("curr[0] er eitthvað");
        setTimeout("$j('#suggestions').hide();", 200);
        //debugger;
        //$j('#searchInputString').val(curr[0].attributes[0].value);
        $j('#searchInputString').val(curr[0].textContent);
        //submitMapSearchId(curr[0].attributes[1].value);
        submitMapSearch();
    }
    else
    {
        submitMapSearch();
    }
};


function searchInputEnterId(id)
{
    //alert('searchInputEnterId');
    // Leitar eftir ID úr keywordlistanum
    log('starting searchInputEnterId()');

    var curr = $j('#autoSuggestionsList').find('.current');

    // suggestionbox visible but none is selected (current)
    if(typeof(curr[0]) == 'undefined')
    {
        log("curr[0] == undefined");
        setTimeout("$j('#suggestions').hide();", 200);
        submitMapSearchId(id);
        return;
    }

    log("curr[0] er eitthvað");
    setTimeout("$j('#suggestions').hide();", 200);
    $j('#searchInputString').val(curr[0].innerHTML);
    submitMapSearchId(id);
};


//Flag poles!!  To see if mouse is over suggestionboxes
var mouseOverMainSuggBox = false;
var mouseOverFromSuggBox = false;
var mouseOverToSuggBox = false;

function initSuggestions()
{


    // Do stuff
    $j("body").append(searchBoxHTML); // Öddum þessu á domið
    var suggMainDiv = document.getElementById('suggestions');
    suggMainDiv.onmouseover = function(){ mouseOverMainSuggBox = true;};
    suggMainDiv.onmouseout = function(){ mouseOverMainSuggBox = false};

    $j("#routingFromSuggDiv").append(routingFromSuggHTML);
    var suggFromDiv = document.getElementById('fromSuggestions');
    suggFromDiv.onmouseover = function(){ mouseOverFromSuggBox = true};
    suggFromDiv.onmouseout = function(){ mouseOverFromSuggBox = false};



    $j("#routingToSuggDiv").append(routingToSuggHTML);
    var suggToDiv = document.getElementById('toSuggestions');
    suggToDiv.onmouseover = function(){ mouseOverToSuggBox = true};
    suggToDiv.onmouseout = function(){ mouseOverToSuggBox = false};

    // Aðal leitarboxið
    $j('#searchInputString').focusout( // fela ef textaglugginn fer úr fókus
        function (e)
        {
            //debugger;
            if(!mouseOverMainSuggBox)
                $j("#suggestions").hide();
        }
    )

    $j('#searchInputString').keyup(
        function (e)
        {

            if (e.keyCode == 13) // Enter
            {
                return;
                /* Tekið út til þess að enter 
                 if ( $j('#autoSuggestionsList').is(':visible') )
                 {
                 var curr = $j('#autoSuggestionsList').find('.current');

                 //alert(curr[0].textContent);
                 //debugger;
                 // suggestionbox visible but none is selected (current)
                 if(typeof(curr[0]) == 'undefined')
                 {
                 setTimeout("$j('#suggestions').hide();", 200);
                 submitMapSearch();
                 log("keykode 13 called submitMapSearch");
                 return;
                 }

                 //alert('debug' + curr[0].textContent);
                 $j('#searchInputString').val(curr[0].innerHTML);
                 setTimeout("$j('#suggestions').hide();", 200);
                 log("keykode 13 called submitMapSearch");
                 submitMapSearch();
                 }
                 else
                 {

                 submitMapSearch();
                 log("keykode 13 called submitMapSearch and sugg list not down");
                 }
                 return;
                 */
            }

            if (e.keyCode == 40 || e.keyCode == 38) // Upp niður takkar
            {
                var curr = $j('#autoSuggestionsList').find('.current');
                if (e.keyCode == 40)
                {
                    var curr = $j('#autoSuggestionsList').find('.current');
                    if(curr.length)
                    {
                        $j(curr).attr('class', 'display_box');
                        $j(curr).next().attr('class', 'display_box current');
                    }
                    else{
                        $j('#autoSuggestionsList li:first-child').attr('class', 'display_box current');
                    }

                }
                if(e.keyCode==38)
                {
                    if(curr.length)
                    {
                        $j(curr).attr('class', 'display_box');
                        $j(curr).prev().attr('class', 'display_box current');
                    }
                    else{
                        $j('#autoSuggestionsList li:last-child').attr('class', 'display_box current');
                    }

                }
            }
            else
            {
                lookup(this, "suggestions");
            }
        }
    )


    // Frá leitarbox í vegvísun
    $j('#routing_from_addr').blur( // fela ef textaglugginn fer úr fókus
        function (e)
        {
            setTimeout("$j('#fromSuggestions').hide();",200);
        }
    )
    $j('#routing_from_addr').keyup(
        function (e)
        {
            log(e.keyCode);
            if (e.keyCode == 13) // Enter
            {
                if ( $j('#fromSuggestionsList').is(':visible') )
                {
                    var curr = $j('#fromSuggestionsList').find('.current');

                    //alert(curr[0].textContent);
                    //debugger;
                    // suggestionbox visible but none is selected (current)
                    if(typeof(curr[0]) == 'undefined')
                    {
                        setTimeout("$j('#fromSuggestions').hide();", 200);
                        //submitMapSearch();
                        //log("keykode 13 called submitMapSearch");
                        return;
                    }

                    //alert('debug' + curr[0].textContent);
                    //$j('#routing_from_addr').val(curr[0].innerHTML);
                    //setTimeout("$j('#fromSuggestions').hide();", 200);
                    //log("keykode 13 called submitMapSearch");
                    //submitMapSearch();


                    setTimeout("$j('#fromSuggestions').hide();", 200);

                    var geomjson = decodeURIComponent( curr[0].attributes[0].value );
                    $j('#routing_from_addr').val(curr[0].attributes[1].value);
                    routeFromSuggestion(geomjson);
                }
                else
                {

                    //submitMapSearch();
                    //log("keykode 13 called submitMapSearch and sugg list not down");
                }
                return;

            }

            if (e.keyCode == 40 || e.keyCode == 38) // Upp niður takkar
            {
                var curr = $j('#fromSuggestionsList').find('.current');
                if (e.keyCode == 40)
                {
                    var curr = $j('#fromSuggestionsList').find('.current');
                    if(curr.length)
                    {
                        $j(curr).attr('class', 'display_box');
                        $j(curr).next().attr('class', 'display_box current');
                    }
                    else{
                        $j('#fromSuggestionsList li:first-child').attr('class', 'display_box current');
                    }

                }
                if(e.keyCode==38)
                {
                    if(curr.length)
                    {
                        $j(curr).attr('class', 'display_box');
                        $j(curr).prev().attr('class', 'display_box current');
                    }
                    else{
                        $j('#fromSuggestionsList li:last-child').attr('class', 'display_box current');
                    }

                }
            }
            else
            {
                lookup(this, "fromSuggestions");
            }
        }
    )


    // Frá leitarbox í vegvísun
    // Frá leitarbox í vegvísun
    $j('#routing_to_addr').blur( // fela ef textaglugginn fer úr fókus
        function (e)
        {
            setTimeout("$j('#toSuggestions').hide();",200);
        }
    )
    $j('#routing_to_addr').keyup(
        function (e)
        {
            log(e.keyCode);
            if (e.keyCode == 13) // Enter
            {
                if ( $j('#toSuggestionsList').is(':visible') )
                {
                    var curr = $j('#toSuggestionsList').find('.current');

                    //alert(curr[0].textContent);
                    //debugger;
                    // suggestionbox visible but none is selected (current)
                    if(typeof(curr[0]) == 'undefined')
                    {
                        setTimeout("$j('#toSuggestions').hide();", 200);
                        //submitMapSearch();
                        //log("keykode 13 called submitMapSearch");
                        return;
                    }

                    //alert('debug' + curr[0].textContent);
                    //$j('#routing_to_addr').val(curr[0].innerHTML);
                    //setTimeout("$j('#toSuggestions').hide();", 200);
                    //log("keykode 13 called submitMapSearch");
                    //submitMapSearch();

                    setTimeout("$j('#toSuggestions').hide();", 200);
                    //debugger;
                    //$j('#routing_to_addr').val(curr[0].attributes[0].value);

                    var geomjson = decodeURIComponent( curr[0].attributes[0].value );
                    $j('#routing_to_addr').val(curr[0].attributes[1].value);
                    routeToSuggestion(geomjson);
                }
                else
                {

                    //submitMapSearch();
                    //log("keykode 13 called submitMapSearch and sugg list not down");
                }
                return;
            }

            if (e.keyCode == 40 || e.keyCode == 38) // Upp niður takkar
            {
                var curr = $j('#toSuggestionsList').find('.current');
                if (e.keyCode == 40)
                {
                    var curr = $j('#toSuggestionsList').find('.current');
                    if(curr.length)
                    {
                        $j(curr).attr('class', 'display_box');
                        $j(curr).next().attr('class', 'display_box current');
                    }
                    else{
                        $j('#toSuggestionsList li:first-child').attr('class', 'display_box current');
                    }

                }
                if(e.keyCode==38)
                {
                    if(curr.length)
                    {
                        $j(curr).attr('class', 'display_box');
                        $j(curr).prev().attr('class', 'display_box current');
                    }
                    else{
                        $j('#toSuggestionsList li:last-child').attr('class', 'display_box current');
                    }

                }
            }
            else
            {
                lookup(this, "toSuggestions");
            }
        }
    )


}




function URLDecode( )
{
    var encoded = document.URLForm.F2.value;
    if (document.URLForm.RFC2396.checked) { // OLD Browser mode
        // Replace + with ' '
        // Replace %xx with equivalent character
        // Put [ERROR] in output if %xx is invalid.
        var HEXCHARS = "0123456789ABCDEFabcdef";
        var plaintext = "";
        var i = 0;
        while (i < encoded.length) {
            var ch = encoded.charAt(i);
            if (ch == "+") {
                plaintext += " ";
                i++;
            } else if (ch == "%") {
                if (i < (encoded.length-2)
                    && HEXCHARS.indexOf(encoded.charAt(i+1)) != -1
                    && HEXCHARS.indexOf(encoded.charAt(i+2)) != -1 ) {
                    plaintext += unescape( encoded.substr(i,3) );
                    i += 3;
                } else {
                    alert( 'Bad escape combination near ...' + encoded.substr(i) );
                    plaintext += "%[ERROR]";
                    i++;
                }
            } else {
                plaintext += ch;
                i++;
            }
        } // while
        document.URLForm.F1.value = plaintext;
    } else { // Modern browser mode
        try {
            document.URLForm.F1.value = decodeURIComponent(encoded);
        } catch (error) {
            alert( error + ' - Probably the second byte of a Unicode character is missing.' );
        }
    }
    document.URLForm.F1.select();
    return false;
};



//</script>//<script type="text/javascript">
function initToolTipFlex()
{
        var sHtmlToolTipStart = '<div id="ToolTipFlexContent"><table border="0" cellspacing="0" cellpadding="0"><tr id="top"><td id="starttop"></td><td id="middletop">';
        var sHtmlToolTipMiddle = '</td><td id="endtop"></td></tr><tr id="middle"><td id="startmiddle"></td><td id="ToolTipFlexText"></td><td id="endmiddle"></td></tr><tr id="bottom"><td id="startbottom"></td><td id="middlebottom">';
        var sHtmlToolTipEnd = '</td><td id="endbottom"></td></tr></table></div><a id="fancy_close" onclick="closeFlex();moveFlex();"></a></div>';
        
        var sHtmlToolTip = '<div id="ToolTipFlex">' + sHtmlToolTipStart + sHtmlToolTipMiddle + '<div id="popout_l_b" ></div>' + sHtmlToolTipEnd;
        $j("body").append(sHtmlToolTip);
        
        sHtmlToolTip = '<div id="ToolTipFlexBottom">' + sHtmlToolTipStart + '<div id="popout_l_t" ></div>' + sHtmlToolTipMiddle + sHtmlToolTipEnd;
        $j("body").append(sHtmlToolTip);        
        
        sHtmlToolTip = '<div id="ToolTipFlexLeft">' + sHtmlToolTipStart + sHtmlToolTipMiddle + '<div id="popout_r_b" ></div>' + sHtmlToolTipEnd;
        $j("body").append(sHtmlToolTip);
        
        sHtmlToolTip = '<div id="ToolTipFlexBottomLeft">' + sHtmlToolTipStart + '<div id="popout_r_t" ></div>' + sHtmlToolTipMiddle + sHtmlToolTipEnd;
        $j("body").append(sHtmlToolTip);                
}

function positionTooltipFlex(tooltipFlexObject)
{
     var sHtml = tooltipFlexObject['toolTipContent'];
     var px = tooltipFlexObject['pixelFromLonLat'];
     var topOffsetHeight = tooltipFlexObject['topOffsetHeight'];
     var bottomOffsetHeight = tooltipFlexObject['bottomOffsetHeight'];
     var leftOffset = tooltipFlexObject['leftOffset'];
     var rightOffset = tooltipFlexObject['rightOffset'];
     var ix = tooltipFlexObject['ix'];
     var iy = tooltipFlexObject['iy'];
     var isCluster = ((tooltipFlexObject_Global['isCluster'] == 1)?true:false);
     
     $j("#ToolTipFlexText").html(tooltipFlexObject['toolTipContent']);
     
    if( isCluster ){ 
    }     
     
    // kominn út fyrir
    if( (iy - $j("#ToolTipFlex").height()) < 0 ) { //|| iy < 200) {

        if(ix + $j("#ToolTipFlex").width() + 30 > $j("#map").width()){
            var ToolTipFlex = document.getElementById("ToolTipFlexBottomLeft");
            Offsetheight = bottomOffsetHeight;
            $j("#ToolTipFlexBottomLeft #ToolTipFlexText").html(sHtml);
            $j("#popout_r_t").css("left", $j("#ToolTipFlex").width() - 60  + "px");
            ToolTipFlex.style.left = (px.x - (rightOffset + $j("#ToolTipFlex").width())) + "px";  
            ToolTipFlex.style.top = (px.y + Offsetheight) + "px";     	
            //ToolTipFlex.style.top = (px.y + ($j("#ToolTipFlex").height())) + "px";     	
        }else{
            var ToolTipFlex = document.getElementById("ToolTipFlexBottom");
            Offsetheight = bottomOffsetHeight;
            $j("#ToolTipFlexBottom #ToolTipFlexText").html(sHtml);
            
            ToolTipFlex.style.left = (px.x - leftOffset) + "px";  
            ToolTipFlex.style.top = (px.y + Offsetheight) + "px";     	
            //ToolTipFlex.style.top = (px.y + ($j("#ToolTipFlex").height() + 60 )) + "px";     	
        }
    }else{
        
        if(ix + $j("#ToolTipFlex").width() + 30 > $j("#map").width()){
            var ToolTipFlex = document.getElementById("ToolTipFlexLeft");
            Offsetheight = topOffsetHeight;
            $j("#ToolTipFlexLeft #ToolTipFlexText").html(sHtml); 
            $j("#popout_r_b").css("left", $j("#ToolTipFlex").width() - 60  + "px");
            ToolTipFlex.style.left = (px.x - (rightOffset + $j("#ToolTipFlex").width())) + "px";
            ToolTipFlex.style.top =  (px.y - Offsetheight) + "px";
            //ToolTipFlex.style.top =  (px.y - ($j("#ToolTipFlex").height() - 60)) + "px";
        }else{
            var ToolTipFlex = document.getElementById("ToolTipFlex");
            Offsetheight = topOffsetHeight;
            $j("#ToolTipFlex #ToolTipFlexText").html(sHtml);
            ToolTipFlex.style.left = (px.x - leftOffset) + "px";         
            ToolTipFlex.style.top =  (px.y - Offsetheight) + "px";
            //ToolTipFlex.style.top =  (px.y - ($j("#ToolTipFlex").height() - 60)) + "px";
        }
    }    
    if( isCluster ){ 
    }
    ToolTipFlex.style.visibility = "visible";
}


function moveFlex(){
    $j("#ToolTipFlex").css("top","-500px");        
    $j("#ToolTipFlex").css("left","-500px");
    $j("#ToolTipFlexBottom").css("top","-500px");        
    $j("#ToolTipFlexBottom").css("left","-500px");
    $j("#ToolTipFlexLeft").css("top","-500px");        
    $j("#ToolTipFlexLeft").css("left","-500px");
    $j("#ToolTipFlexBottomLeft").css("top","-500px");        
    $j("#ToolTipFlexBottomLeft").css("left","-500px");    
}

function closeFlex(){
    tb=document.getElementById('ToolTipFlex');tb.style.visibility='hidden';
    tb=document.getElementById('ToolTipFlexBottom');tb.style.visibility='hidden';
    tb=document.getElementById('ToolTipFlexLeft');tb.style.visibility='hidden';
    tb=document.getElementById('ToolTipFlexBottomLeft');tb.style.visibility='hidden';
}

//</script> 
//<script type="text/javascript">
    
var skamyndircount = 10;    
    
function skamyndirClick(){

    if(getLayerByName("Skámyndir").getVisibility()) 
    {		
        getLayerByName("Skámyndir").setVisibility(false);
        $j('#LSCheckbox_00').removeAttr('checked');
        // breytum iconum í LS
        $j('#skamyndir_icon').removeClass("skamyndir_icon_on");
        $j('#skamyndir_icon').addClass("skamyndir_icon_off"); 
    }
    else
    {
        getLayerByName("Skámyndir").setVisibility(true);
        $j('#LSCheckbox_00').attr('checked','checked');
        // breytum iconum í LS
        $j('#skamyndir_icon').removeClass("skamyndir_icon_off");
        $j('#skamyndir_icon').addClass("skamyndir_icon_on"); 
    }    
}

function skalaflokkur(scale, flokkur){
    this.scale = scale;
    this.flokkur = flokkur;
}

function initSkamyndir(){

    //$j("#testarea").append("<br /><a id='permalinkdialog' href='#' onclick='kraekjaClick();' >krækja</a>");
    //$j("#testarea").append("<br /><a href='#modalpopup' name='printpopup'>prenta</a>");
    //$j("#testarea").append("<br /><a href='http://www.loftmyndir.is/teikningar/skamyndir/2010/Log/2010_08_19/Myndir/DSC_0583.JPG' rel='lightbox[skamyndir]' title='my caption'>Image 1</a><br /><a href='http://www.loftmyndir.is/teikningar/skamyndir/2010/Log/2010_07_21/myndir/loftmyndaflug_206.jpg' rel='lightbox[skamyndir]' title='my caption' alt='prufa'>Image 2</a>");
    
    $j("body").append("<a  id='prettyInitLink' style='display:none;' href='http://mini.loftmyndir.is/img/skamyndir/2010/Log/2010_07_21/myndir/loftmyndaflug_206.jpg' rel='prettyPhoto[gallery1]' title='Skámynd'>sést ekki</a>");
    $j("#prettyInitLink").before( generatePictureLinks("Prev", skamyndircount ) );
    $j("#prettyInitLink").after( generatePictureLinks("Next", skamyndircount ) );

    $j(document).ready(function() {        
        $j("a[rel^='prettyPhoto']").prettyPhoto({theme: 'facebook',slideshow:5000, autoplay_slideshow:false});
    });

    $j("#testarea").append("<br /><a id='skamyndirrofi' href='#' onclick='skamyndirClick();' >Skámyndir on/off</a>");       

    $j("body").append('<div id="hidden_clicker_previous" style="display:none"><a class="skamyndir" id="hiddenclickerprevious" href="http://asdf.com" rel="gallery">Hidden Previos Clicker</a></div>');
    $j("body").append('<div id="hidden_clicker" style="display:none"><a class="skamyndir" id="hiddenclicker" href="http://asdf.com"  rel="gallery" >Hidden Next Clicker</a></div>');
    $j("body").append('<div id="hidden_clicker_next" style="display:none"><a class="skamyndir" id="hiddenclickernext" href="http://asdf.com" rel="gallery">Hidden Clicker</a></div>');

    $j("a.skamyndir").fancybox({
        title      	: 'Myndir',
        titlePosition	:'outside',
        showNavArrows	: false,
        titleFormat 	: function(){	

                var titletext = skamyndirfeature.attributes.timestamp;
                var picdate = new Date();
                //var millitime = Date.parse(titletext);
                // "2010:08:19 16:29:20
                picdate.setDate(titletext.substring(8, 10));
                picdate.setMonth(titletext.substring(5, 7));
                picdate.setFullYear(titletext.substring(0, 4));
                picdate.setHours(titletext.substring(11, 13));
                picdate.setMinutes(titletext.substring(14, 16));
                picdate.setSeconds(titletext.substring(17, 19));
                return '<div class="fancybox-title-outside" id="fancybox-title" style="width: 100%; padding-left: 10px; padding-right: 10px; bottom: -40px;"><span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">' + (( picdate.getDate() > 9)?picdate.getDate(): "0" + picdate.getDate() ) + '.' + (( (picdate.getMonth() + 1 ) > 9)?(picdate.getMonth() + 1):"0" + (picdate.getMonth() + 1) ) + '.' + picdate.getFullYear() + '  ' + (( (picdate.getHours() + 1 ) > 9)?( picdate.getHours() + 1 ): "0" + ( picdate.getHours() + 1 ) ) + '.' + (( picdate.getMinutes() > 9)?picdate.getMinutes(): "0" + picdate.getMinutes() ) + '.' + (( picdate.getSeconds() > 9)?picdate.getSeconds() + "":"0" + picdate.getSeconds()) + '</span><span id="fancybox-title-right"></span></span></div>';

        },
        //<div class="fancybox-title-outside" id="fancybox-title" style="width: 1024px; padding-left: 10px; padding-right: 10px; bottom: -40px; display: block;"><span id="fancybox-title-wrap"><span id="fancybox-title-left"></span><span id="fancybox-title-main">Myndir</span><span id="fancybox-title-right"></span></span></div>									
        onComplete  : function(){									
            //var featPrevNext = getNextPrevFeature( "Skámyndir WFS", "timestamp", feature.attributes.timestamp );
            //setNextPrevLinks( tfeature.attributes.escaped_image_link , featPrevNext );									
            //alert("ONCOMPLETE");
            //var titletext = skamyndirfeature.attributes.timestamp;
            //$j.fancybox.title = titletext + ""; 
        }
    });


	/*$j.fancybox.next = function() {
		if( skamyndirnextfeature != null)
		{	
			SkamyndirDirection = "next";
			
			//storedTempFeature = skamyndirnextfeature.clone();
			
			var timestamp = skamyndirnextfeature.attributes.timestamp;
			getClickedNextPrevFeatures( "Skámyndir WFS", "timestamp", timestamp );
			
			//skamyndirfeature = storedTempFeature;
			
			setClickedNextPrevLinks( "escaped_im" );	
			
			//$j("#fancybox-title").text(titletext);			
			//$j.fancybox.title = titletext + ""; 
			return $j.fancybox.pos(1);
		}
		else
		{
			alert("Ekki fleiri myndir til að skoða hér, flettu í hina áttina.");
		}
		
 	};

	$j.fancybox.prev = function() {
		if( skamyndirpreviousfeature != null)
		{
			SkamyndirDirection = "prev";
			
			//storedTempFeature = skamyndirpreviousfeature.clone();
			
			var timestamp = skamyndirpreviousfeature.attributes.timestamp;
			
			//skamyndirfeature = storedTempFeature;
			
			getClickedNextPrevFeatures( "Skámyndir WFS", "timestamp", timestamp );
			setClickedNextPrevLinks( "escaped_im" );	
			
			//$j("#fancybox-title").text(titletext);
			//$j.fancybox.title = titletext + ""; 
			return $j.fancybox.pos(1);
		}
		else
		{
			alert("Ekki fleiri myndir til að skoða hér, flettu í hina áttina.");
		}
		
	};	*/		                
        
    var the_Scales_skamyndir = new Array();
    the_Scales_skamyndir['Flokkur1'] = new skalaflokkur(2700000, 1);		//1700000
    the_Scales_skamyndir['Flokkur2'] = new skalaflokkur(260000, 2);		//665000
    the_Scales_skamyndir['Flokkur3'] = new skalaflokkur(100000, 3);		//133000
    the_Scales_skamyndir['Flokkur4'] = new skalaflokkur(66500, 4);		//66500
    the_Scales_skamyndir['Flokkur5'] = new skalaflokkur(66500, 5);		//33500

    var defaultStyle_skamyndir = new OpenLayers.Style({ 'fillColor':'white','strokeColor': 'white','strokeWidth': 1,'strokeOpacity': 0.1,'fillOpacity': 0.1,'pointRadius':3});
                            
    var selectStyle_skamyndir = new OpenLayers.Style({ 'fillColor':'blue', 'strokeColor':'white', 'strokeWidth': 8, 'fillOpacity':0.3, 'strokeOpacity': 0.3, 'pointRadius':8, 'cursor': 'pointer'});
                                                     
                            
    //---- Factory to generate rules for the style --
    var the_Rule_skamyndir;
    for ( var i in the_Scales_skamyndir )
    {
        if( the_Scales_skamyndir[i].flokkur ) // tékkar á hvort gildi er til staðar 
        {
            the_Rule_skamyndir = new OpenLayers.Rule({
              filter: new OpenLayers.Filter.Comparison({
                  type: OpenLayers.Filter.Comparison.EQUAL_TO,
                  property: "flokkur",
                  value: the_Scales_skamyndir[i].flokkur
              }), maxScaleDenominator:the_Scales_skamyndir[i].scale
            });

            selectStyle_skamyndir.addRules([the_Rule_skamyndir]); // Bæti reglunni við select stælinn
            defaultStyle_skamyndir.addRules([the_Rule_skamyndir]); // Bæti reglunni við default stælinn
        }
    }
    // --- Style factory ends ---------------------------
    var styleMap_skamyndir = new OpenLayers.StyleMap();

    styleMap_skamyndir.styles["default"] = defaultStyle_skamyndir;
    styleMap_skamyndir.styles["select"] = selectStyle_skamyndir;            

    var skamyndir_scales = [6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000,500,250];
    var skamyndir_wfs = new OpenLayers.Layer.WFS("Skámyndir WFS",
        "proxies/queryWFS.php?",
        { typename: 'loftmyndir:lm_skamyndir_flokkur', maxfeatures: 400},
        { 'displayInLayerSwitcher':true, visibility:false,
          extractAttributes: true, scales:skamyndir_scales, styleMap:styleMap_skamyndir});

    map.addLayers([skamyndir_wfs]);
    client_select_wfs_arr.push(skamyndir_wfs);

skamyndir_wfs.setVisibility(false);

getLayerByName("Skámyndir").events.register("visibilitychanged", this, function(){ 
        if(getLayerByName("Skámyndir").getVisibility()) 
        {		
                getLayerByName("Skámyndir WFS").setVisibility(true);
        }
        else
        {
                getLayerByName("Skámyndir WFS").setVisibility(false);
        }
});  

}

function getClickedNextPrevFeatures( layerName, attributeName, value ){  //layerName: nafn á layer, attributeName: heiti attributa, value: gildi attributa{
	
    var clickedFeature = null;
    var tempHigherFeature = null;
    var tempLowerFeature = null;
    var higheststringvalue = "zzzzzzzzzzzzzzzzzzz";  // 2010:08:19 16:29:20
    var loweststringvalue = "                  ";
    var FeatureFromLayer = null;
    skamyndirfeature = null;
    skamyndirpreviousfeature = null;
    skamyndirnextfeature = null;
    var featureZoom = ( map.zoom + 1) + "";
    for (var fff = 0; fff < getLayerByName(layerName).features.length; fff++) 
    {
        FeatureFromLayer = getLayerByName(layerName).features[fff];
        if( FeatureFromLayer.attributes != null )
        { 
            if( FeatureFromLayer.attributes[attributeName] != null )
            { 
                if( FeatureFromLayer.attributes[attributeName] > value  && higheststringvalue > value /* && featureZoom == FeatureFromLayer.attributes["flokkur"]*/ ) 
                {
                    higheststringvalue = FeatureFromLayer.attributes[attributeName];
                    tempHigherFeature = FeatureFromLayer.clone();
                }
                else if( FeatureFromLayer.attributes[attributeName] < value  && loweststringvalue < value /* && featureZoom == FeatureFromLayer.attributes["flokkur"] */ )
                {
                    loweststringvalue = FeatureFromLayer.attributes[attributeName];
                    tempLowerFeature = FeatureFromLayer.clone();
                }
                else if( FeatureFromLayer.attributes[attributeName] == value /* && featureZoom == FeatureFromLayer.attributes["flokkur"] */ )
                {
                    clickedFeature = FeatureFromLayer.clone();
                }
            }
        }
    }	
    skamyndirnextfeature = tempHigherFeature;  
    skamyndirpreviousfeature = tempLowerFeature; 
    skamyndirfeature = clickedFeature;
}

function getPrettyboxPrevDataCallback(data)
{
    var sHtml = "";
    var linkcounter = 0;
    for(var i = 0;i < data.length;i++){
        linkcounter = i;
        //var pictureLink = getBigPictureLink(data[i].escaped_im);
        var pictureLink = "http://mini.loftmyndir.is/img/skamyndir/" + data[i].onlinepath + ".jpg";
        var initHref = pictureLink;
        var initLink = document.getElementById("prettyInitLinkPrev"+i);
        initLink.href = ((initHref != "")?initHref:"");         
        initLink.rel = "prettyPhoto[gallery1]";
        var dateTime = formatDate(data[i].timestamp);
        initLink.title = "Mynd tekin " + dateTime[0] + " klukkan " + dateTime[1];
    }    
    for(var i = linkcounter+1;i < skamyndircount;i++){
        var initLink = document.getElementById("prettyInitLinkPrev"+i);
        initLink.href = "";  
        initLink.rel = "prettyPhoto[gallery0]";
    }
    
    
}

function generatePictureLinks(appendText, count){
    var sHtml = "";
    for(i = 0;i < count;i++){
        sHtml += "<a id='prettyInitLink" + appendText + i + "' style='display:none;' href='http://mini.loftmyndir.is/img/skamyndir/2010/Log/2010_07_21/myndir/loftmyndaflug_206.jpg' rel='prettyPhoto[gallery1]' title='Skámynd'>sést ekki</a>";
    }
    return sHtml
}

function formatDate(timestamp){
    var picdate = new Date();
    picdate.setDate(timestamp.substring(8, 10));
    picdate.setMonth(timestamp.substring(5, 7));
    picdate.setFullYear(timestamp.substring(0, 4));
    picdate.setHours(timestamp.substring(11, 13));
    picdate.setMinutes(timestamp.substring(14, 16));
    picdate.setSeconds(timestamp.substring(17, 19));
    var dateTime = [];
    dateTime[0] = (( picdate.getDate() > 9)?picdate.getDate(): "0" + picdate.getDate() ) + '.' + (( (picdate.getMonth() + 1 ) > 9)?(picdate.getMonth() + 1):"0" + (picdate.getMonth() + 1) ) + '.' + picdate.getFullYear();
    dateTime[1] = (( (picdate.getHours() + 1 ) > 9)?( picdate.getHours() + 1 ): "0" + ( picdate.getHours() + 1 ) ) + '.' + (( picdate.getMinutes() > 9)?picdate.getMinutes(): "0" + picdate.getMinutes() ) + '.' + (( picdate.getSeconds() > 9)?picdate.getSeconds() + "":"0" + picdate.getSeconds());
    return dateTime;
    //return { 'day': (( picdate.getDate() > 9)?picdate.getDate(): "0" + picdate.getDate() ) + '.' + (( (picdate.getMonth() + 1 ) > 9)?(picdate.getMonth() + 1):"0" + (picdate.getMonth() + 1) ) + '.' + picdate.getFullYear() , 'time': (( (picdate.getHours() + 1 ) > 9)?( picdate.getHours() + 1 ): "0" + ( picdate.getHours() + 1 ) ) + '.' + (( picdate.getMinutes() > 9)?picdate.getMinutes(): "0" + picdate.getMinutes() ) + '.' + (( picdate.getSeconds() > 9)?picdate.getSeconds() + "":"0" + picdate.getSeconds()) };
}

function getBigPictureLink(link){
    var slod = link;
    var islod = slod.indexOf("Loftmyndir");
    var fullpath = "";

    if(islod != -1 ){
        fullpath  = slod.substring(islod + 10);		
    }else{
        islod = slod.indexOf("Flug_200");
        if(islod != -1 ){
                fullpath  = slod.substring(islod - 1);
        }				else{
                fullpath = ""; //alert("Ekki fleiri myndir til að skoða hér, veldu annan stað.");
        }
    }	        
    var finalslod = "http://mini.loftmyndir.is/img/skamyndir" + fullpath;
    return finalslod;
}

function getPrettyboxNextDataCallback(data)
{
    var sHtml = "";
    var linkcounter = 0;
    for(i = 0;i < data.length;i++){
        
        linkcounter = i;
        //var pictureLink = getBigPictureLink(data[i].escaped_im);
        var pictureLink = "http://mini.loftmyndir.is/img/skamyndir/" + data[i].onlinepath + ".jpg";
        var initHref = pictureLink;
        var initLink = document.getElementById("prettyInitLinkNext"+i);
        initLink.href = ((initHref != "")?initHref:"");  
        initLink.rel = "prettyPhoto[gallery1]";
        var dateTime = formatDate(data[i].timestamp);
        initLink.title = "Mynd tekin " + dateTime[0] + " klukkan " + dateTime[1];
    }    
    for(var i = linkcounter+1;i < skamyndircount;i++){
        var initLink = document.getElementById("prettyInitLinkNext"+i);
        initLink.href = "";       
        initLink.rel = "prettyPhoto[gallery0]";
    }    
    $j('#prettyInitLink').trigger('click');         
}

function fillAndOpenPrettybox(timestamp, count)
{   
    $j.ajax({  
      //url: 'http://193.4.153.85:8088/mini.loftmyndir.is/proxies/query_proxy.php?type=prev&value='+escape(timestamp),  
      url: 'proxies/query_proxy.php?type=prev&value='+escape(timestamp) + '&value2=' + count,  
      dataType: 'json',  
      data: null,  
      async: false,  
      success: getPrettyboxPrevDataCallback
    });     
    
    $j.ajax({  
      url: 'proxies/query_proxy.php?type=next&value='+escape(timestamp) + '&value2=' + count,  
      //url: 'http://193.4.153.85:8088/mini.loftmyndir.is/proxies/query_proxy.php?type=next&value='+escape(timestamp),  
      dataType: 'json',  
      data: null,  
      async: false,  
      success: getPrettyboxNextDataCallback
    });
    
    //$j.getJSON('http://193.4.153.85:8088/mini.loftmyndir.is/proxies/query_proxy.php?type=prev&value='+escape(timestamp), getPrettyboxPrevDataCallback);
    //$j.getJSON('http://193.4.153.85:8088/mini.loftmyndir.is/proxies/query_proxy.php?type=next&value='+escape(timestamp), getPrettyboxNextDataCallback);
    
    //$j('#prettyInitLink').trigger('click'); 
}

// kannski senda með alla parametra
function callFancybox()
{
    //var tfeature = feature.clone();
    //var featPrevNext = getNextPrevFeatureLinks( "Skámyndir WFS", "timestamp", feature.attributes.timestamp );
    //setNextPrevLinks( tfeature.attributes.escaped_image_link , featPrevNext.prev, featPrevNext.next );
    getClickedNextPrevFeatures( "Skámyndir WFS", "timestamp", storedFeature.attributes.timestamp );
    setClickedNextPrevLinks( "onlinepath" );
    $j('#hiddenclicker').trigger('click');
}

function setClickedNextPrevLinks(attributeName)
{
    var slod = ((skamyndirfeature != null)?skamyndirfeature.attributes[attributeName]:"");
    slod = "http://mini.loftmyndir.is/img/skamyndir/" + slod + ".jpg";
    var previous_slod = ((skamyndirpreviousfeature != null)?"http://mini.loftmyndir.is/img/skamyndir/" + skamyndirpreviousfeature.attributes[attributeName]:".jpg");
    var next_slod = ((skamyndirnextfeature != null)?"http://mini.loftmyndir.is/img/skamyndir/" + skamyndirnextfeature.attributes[attributeName]:".jpg");

    var fullpreviouspath = "";
    var fullnextpath = ""; 
    var fullpath = ""; 

    var islod = slod.indexOf("Loftmyndir");
    var islodprev = previous_slod.indexOf("Loftmyndir");
    var islodnext = next_slod.indexOf("Loftmyndir");

    if(islod != -1 )
    {
            fullpath  = slod.substring(islod + 10);		
    }
    else
    {
            islod = slod.indexOf("Flug_200");
            if(islod != -1 )
            {
                    fullpath  = slod.substring(islod - 1);
            }				
            else
            {
                    fullpath = ""; //alert("Ekki fleiri myndir til að skoða hér, veldu annan stað.");
            }
    }		

    if(islodprev != -1 )
    {
            fullpreviouspath = previous_slod.substring(islodprev + 10);		
    }
    else
    {
            islodprev = previous_slod.indexOf("Flug_200");
            if(islodprev != -1 )
            {
                    fullpreviouspath = previous_slod.substring(islodprev - 1);			
            }				
            else
            {
                    fullpreviouspath = ""; //alert("Ekki fleiri myndir til að skoða hér, veldu annan stað.");
            }
    }		

    if(islodnext != -1 )
    {
            fullnextpath = next_slod.substring(islodnext + 10); 			
    }
    else
    {
            islodnext = next_slod.indexOf("Flug_200");
            if(islodnext != -1 )
            {
                    fullnextpath = next_slod.substring(islodnext - 1);					
            }				
            else
            {
                    fullnextpath = ""; //alert("Ekki fleiri myndir til að skoða hér, veldu annan stað.");
            }
    }		


    var strHTML;
    var skamyndirlink = "http://mini.loftmyndir.is/img/skamyndir" + fullpath;
    var skamyndirpreviouslink = "http://mini.loftmyndir.is/img/skamyndir" + fullpreviouspath;
    var skamyndirnextlink = "http://mini.loftmyndir.is/img/skamyndir" + fullnextpath;
    callBoxFancy(skamyndirlink,skamyndirpreviouslink,skamyndirnextlink);
    //var featureOrgID = getClientFeatureByAttributeName( fornleifar_WFS_name, "verkefni_id", id ).id;
    //var featureOrgID = getNextFeatureByTimestamp( "Skámyndir WFS", "timestamp", feature.attributes.timestamp ).escaped_image_link;
    //var featureOrgID = getPrevFeatureByTimestamp( Skámyndir WFS, "timestamp", feature.attributes.timestamp ).escaped_image_link;}
    //$j('#hiddenclicker').trigger('click');
}

function callBoxFancy(my_href, my_previous_href, my_next_href) {
    var j1 = document.getElementById("hiddenclicker");
    j1.href = my_href;

    var jprev1 = document.getElementById("hiddenclickerprevious");
    jprev1.href = my_previous_href;

    var jnext1 = document.getElementById("hiddenclickernext");
    jnext1.href = my_next_href;	

    //$j('#hiddenclicker').trigger('click');
}


function onSkamyndirUnselectCallback(feature){
    closeFlex();
    moveFlex();        
}				
function onSkamyndirClickCallback(feature, ix, iy){
    //debugger;
    //var initHref = getBigPictureLink(feature.attributes.escaped_im);
    var initHref = "http://mini.loftmyndir.is/img/skamyndir/" + feature.attributes.onlinepath + ".jpg";
    var initLink = document.getElementById("prettyInitLink");
    initLink.href = ((initHref != "")?initHref:"");
    var dateTime = formatDate(feature.attributes.timestamp);
    initLink.title = "Mynd tekin " + dateTime[0] + " klukkan " + dateTime[1];

    moveFlex();

    Offsetheight = 0;
    storedFeature = feature.clone();
    storedTooltipFeature = feature.clone();
    var px = map.getPixelFromLonLat(feature.geometry.getBounds().getCenterLonLat())
    storedTooltipFeatureLonLat = feature.geometry.getBounds().getCenterLonLat();

    // setja default stærð á gluggann. Gert ef tooltipFlex er samnýttur í mismunandi stærðum
    //$j("#ToolTipFlexText").html('<a href="#" onclick="callFancybox();tb=document.getElementById(\'ToolTipFlex\');tb.style.visibility=\'hidden\';"><img height="180" width="240" alt="' + feature.attributes.timestamp + '" src="http://www.loftmyndir.is/teikningar/skamyndir/medium/skamyndir/0.jpg" /></a><br />');

    var tooltipFlexObject = [];
    //tooltipFlexObject['toolTipContent'] = '<a href="#" onclick="callFancybox();closeFlex();moveFlex();"><img height="180" width="240" alt="' + feature.attributes.timestamp + '" src="http://www.loftmyndir.is/teikningar/skamyndir/medium/skamyndir' + feature.attributes.onlinepath + '.jpg" /></a><br />';
    //tooltipFlexObject['toolTipContent'] = '<a href="#" onclick="fillAndOpenPrettybox(\'' + feature.attributes.timestamp + '\', skamyndircount );closeFlex();moveFlex();"><img height="180" width="240" alt="' + feature.attributes.timestamp + '" src="http://www.loftmyndir.is/teikningar/skamyndir/medium/skamyndir' + feature.attributes.onlinepath + '.jpg" /></a><br />';
    tooltipFlexObject['toolTipContent'] = '<a href="#" onclick="fillAndOpenPrettybox(\'' + feature.attributes.timestamp + '\', skamyndircount );closeFlex();moveFlex();"><img height="180" width="240" alt="' + feature.attributes.timestamp + '" src="http://mini.loftmyndir.is/img/skamyndir/medium/skamyndir' + feature.attributes.onlinepath + '.jpg" /></a>';
    //tooltipFlexObject['toolTipContent'] = '<a href="#" onclick="fillAndOpenPrettybox(\'' + feature.attributes.timestamp + '\' );closeFlex();moveFlex();"><img height="180" width="240" alt="' + feature.attributes.timestamp + '" src="http://www.loftmyndir.is/teikningar/skamyndir/medium/skamyndir' + feature.attributes.onlinepath + '.jpg" /></a><br />';
    //tooltipFlexObject['topOffsetHeight'] = 185;
    //tooltipFlexObject['bottomOffsetHeight'] = 30;
    tooltipFlexObject['topOffsetHeight'] = 0;
    tooltipFlexObject['bottomOffsetHeight'] = -20;
    tooltipFlexObject['pixelFromLonLat'] = px;
    tooltipFlexObject['ix'] = ix;
    tooltipFlexObject['iy'] = iy;
    tooltipFlexObject['leftOffset'] = 5;
    tooltipFlexObject['rightOffset'] = 15;

     // senda með innihald, topoffset, bottomoffset, getPixelFromLonLat
     positionTooltipFlex(tooltipFlexObject);
	    
}
function onSkamyndirSelectCallback(feature, ix, iy){

}

//</script>
function initDialog(){

    var dialogCode = '<div id="lm_dialog" title="No title set" style="display: none;">';
    dialogCode += '<div id="lm_dialog_content"></div>';
    dialogCode += '</div>';

    $j("body").append(dialogCode);
}
    
    
function openDialog(titleName, dialogText, isModal, isResizable, isDraggable){
    
    $j('#lm_dialog_content').html(dialogText);
    $j('#lm_dialog').dialog({
      modal: isModal,
      resizable: isResizable,
      draggable: isDraggable,
      width: 'auto',
      title:titleName
    });
    $j('#lm_dialog').dialog('open');
}


function closeDialog(){
    
    $j('#lm_dialog_content').html("Vantar texta");
    $j('#lm_dialog').dialog('close');    
}

//<script>//#dialog is the id of a DIV defined in the code below 
//<a href="#dialog" name="modal">Simple Modal Window</a>
 
function initModalBox(){
    //generic modalbox - $j("#modalpopup").html("<div id='printText'>texti</div>"); doModal($j('#button')); 
    var sHtml = '<div id="modalboxes">';
    sHtml += '<div id="modalpopup" class="modalwindow">';
    sHtml += '<a href="#" class="modalclose">Close it</a>';
    sHtml += '</div>';
    
    sHtml += '<div id="modalpopup2" class="modalwindow">';
    sHtml += '<a href="#" class="modalclose">Close it</a>';
    sHtml += '</div>';    
    
    //specific modalbox -  doModalPopup($j('a[name=printpopup]'),"<div id='printText'>texti</div>")
    sHtml += '<div id="printpopup" class="modalwindow">';
    sHtml += '<a href="#" class="modalclose">Close it</a>';
    sHtml += '</div>';        
    
    // Do not remove div#mask, because you'll need it to fill the whole screen
    sHtml += '<div id="modalmask"></div>';
    sHtml += '</div>';
    $j("body").append( sHtml );

    //if close button is clicked
    $j('.modalwindow .modalclose').click(function (e) {
        //Cancel the link behavior
        e.preventDefault();
        $j('#modalmask, .modalwindow').hide();
    });     

    //if mask is clicked
    $j('#modalmask').click(function () {
        $j(this).hide();
        $j('.modalwindow').hide();
    });    

    
}

function closeModalWindow(){
    $j('#modalmask, .modalwindow').hide();
}



function doModalPopup(button, text){
    
    var id = $j(button).attr('href');
    $j(id).html(text);
    
    $j(button).click(function(e) {
        //Cancel the link behavior
        e.preventDefault();
        var id = $j(this).attr('href');

        var maskHeight = $j(window).height() + $j("body").height();
        var maskWidth = $j(window).width();

        //Set height and width to mask to fill up the whole screen
        $j('#modalmask').css({'width':maskWidth,'height':maskHeight});

        //transition effect     
        $j('#modalmask').fadeIn(1000);    
        $j('#modalmask').fadeTo("slow",0.8);  

        //Get the window height and width
        var winH = $j(window).height();
        var winW = $j(window).width();

        //Set the popup window to center
        $j(id).css('top',  winH/2-$j(id).height()/2);
        $j(id).css('left', winW/2-$j(id).width()/2);

        //transition effect
        $j(id).fadeIn(2000);  
    });
}

function doModal(button){
    
    $j(button).click(function(e) {
        e.preventDefault();
        var id = $j(this).attr('href');
        var maskHeight = $j(window).height(); // + $j("body").height();
        var maskWidth = $j(window).width();
        $j('#modalmask').css({'width':maskWidth,'height':maskHeight});
        $j('#modalmask').fadeIn(1000);    
        $j('#modalmask').fadeTo("slow",0.8);  
        var winH = $j(window).height();
        var winW = $j(window).width();
        $j(id).css('top',  winH/2-$j(id).height()/2);
        $j(id).css('left', winW/2-$j(id).width()/2);
        $j(id).fadeIn(2000);  
    });
}
 //</script>//<script type="text/javascript">
function initPrint(){

    //linkur búinn til með href á generic modal glugga href='#modalpopup, nafn á generic modalglugga, þarf að setja text líka - sjá modalbox
    //$j("#testarea").append("<br /><a id='modalbutton' href='#modalpopup'>prenta modalbutton með generic modalpopup</a>");
    //búinn til samnýttyr modalgluggi úr link
    //doModal($j('#modalbutton'));
    
    //þarf að setja texta áður en smellt er á glugga
    //$j("#modalpopup").append("<div id='printText' style='background:#FFFFFF'>prufa prufa</div>");

    //linkur búinn til með href sem er nafn á sér glugga sem er inn í modalboxes containerinn- sjá modalbox
    //$j("#testarea").append("<br /><a href='#modalpopup' name='printpopup'>prenta modalpopup</a>");
    //búinn til modalgluggi úr link og texti settur
    //doModalPopup($j('a[name=printpopup]'),"<div id='printText' style='background:#FFFFFF'>prufa prufa</div>");
    
    //linkur búinn til með href sem er nafn á sér glugga sem er inn í modalboxes containerinn- sjá modalbox
    //$j("#testarea").append("<br /><a href='#printpopup' name='printpopup'>prenta printpopup</a>");
    //búinn til modalgluggi úr link og texti settur
    doModalPopup($j('a[name=printpopup]'),"<div id='printText' style='background:#FFFFFF'>prufa prufa</div>");
    
    var sHtml = "";
    sHtml += '<div id="printcontainer">';
    sHtml += '<fieldset id="print_menu">';
    sHtml += "<div id='printText' style='background:#FFFFFF'>";
    sHtml += "<div id='printInfo'>Hér er hægt að setja inn texta sem kemur með á kortið. </div>";
    sHtml += "<div id='printHeaderTitle'>Titill</div>";
    sHtml += "<div id='printHeaderBox'><input type='text' id='printHeader' value='' /></div>";
    sHtml += "<div id='printInputTitle'>Texti</div>";
    sHtml += "<div id='printInputBox'><textarea id='printInput' name='printInput' class='printInput'></textarea></div>";
    //sHtml += "<div id='sendToPrint'><span style='padding-right:20px'><a href='#' onclick='doPrint();'>Hætta við</a></span><a id='sendToPrintButton' href='#' onclick='openPrintWindow();doPrint();'>Áfram</a></div>";
    sHtml += "<div id='sendToPrint'><span style='padding-right:20px'><a href='#' onclick='doPrint();'>Hætta við</a></span><a id='sendToPrintButton' href='#' onclick='doPrint();openPrint();'>Áfram</a></div>";
    sHtml += "</div>";    
    sHtml += '</fieldset>';
    sHtml += '</div>';
    
    $j("body").append(sHtml);
    $j(document).ready(function() {
        $j("fieldset#print_menu").mouseup(function() {
            return false;
        }); 
        
        $j(document).mouseup(function(e) {
            if( $j(e.target).is("#headerBtnDivPrint") || $j(e.target).is("#headerBtnPrint") ){
               if( $j("fieldset#print_menu").hasClass('menu-open') ) {
                    headerButtonClear("Print");
                }                
            }else{
                
                if( $j("fieldset#print_menu").hasClass('menu-open') ) {
                    headerButtonClear("Print");
                    $j("fieldset#print_menu").toggle();
                    $j("fieldset#print_menu").toggleClass("menu-open");                 
                }
            }
        });
    });    
}

function doPrint(){
    if( $j("fieldset#print_menu").hasClass('menu-open') ) {
        log("");
        headerButtonClear("Print");        
    }else{
        $j("#printHeader").val("");
        $j("#printInput").val("");          
    }
    $j("fieldset#print_menu").toggle();
    $j("fieldset#print_menu").toggleClass("menu-open");    
}

function openPrintStart() {
    $j("#smoothPopupHeader").text("Setja titil og texta")
    var sHtml = "<div id='printText' style='background:#FFFFFF'>";
    sHtml += "<div id='printInfo'>Hér er hægt að setja inn texta sem kemur með á kortið. </div>";
    sHtml += "<div id='printHeaderTitle'>Titill</div>";
    sHtml += "<div id='printHeaderBox'><input type='text' id='printHeader' value='' /></div>";
    sHtml += "<div id='printInputTitle'>Texti</div>";
    sHtml += "<div id='printInputBox'><textarea id='printInput' name='printInput' class='printInput'></textarea></div>";
    sHtml += "<div id='sendToPrint'><span style='padding-right:20px'><a href='#' onclick='disablePopup();'>Hætta við</a></span><a id='sendToPrintButton' href='#' onclick='openPrintWindow();disablePopup();'>Áfram</a></div>";
    //sHtml += "<div id='sendToPrint'><span style='padding-right:20px'><a href='#' onclick='disablePopup();'>Hætta við</a></span><a id='sendToPrintButton' href='#' onclick='openPrint();disablePopup();'>Áfram</a></div>";
    sHtml += "</div>";
    $j("#smoothPopupArea").html(sHtml);                
    pressHeaderButton("Print");
    enablePopup();    
}

function openPrintWindow(){
    var minnkaprent = 350;
    if ($j('#sliderPanelBtn').hasClass('close')){
        minnkaprent = 0;
    }else{
        minnkaprent = 350;        
    }    
    // tilraun til að vera með dynamic stærð eftir hvort slider er opinn eða ekki
    //var printWindow = window.open ( "http://193.4.153.192:8088/mini.loftmyndir.is/?print=1","printWindow","width=" + ($j("#map").width() - minnkaprent) + "px,height=" + $j("#map").height() + "px" );
    // Minnka alltaf, virðist virka best í browserum
    printWindow = window.open( viewLink.div.childNodes[0].toString().replace("#","") + "&print=1&title=" + $j("#printHeader").val() + "&input=" + $j("#printInput").val(), "printWindow", "status=0, toolbar=0, scrollbars=0, resizable=0, menubar=0, height=650px, width=850px");    
}

function openPrint(){
    preparePrint2();
    window.print();
    cleanupPrint2();
}

function preparePrint(){
    
    // Hér er prentun í nýjum glugga

    //$j("#map").css("height", $j("#map").height() + 84 + "px" );
    $j("#map").css("height", $j("#map").height() + 42 + "px" );

    $j("#sliderPanel").css( "visibility", "hidden");
    $j(".olControlScaleBar").css( "visibility", "hidden");
    $j("#LM_panzoombar").css( "visibility", "hidden");
    $j(".olControlnewLayerSwitcher").css( "visibility", "hidden");
    $j(".olControlOverviewMap").css( "visibility", "hidden");
    $j("#header").css( "visibility", "hidden");
    $j("#printButton").css( "visibility", "hidden");
    $j("#searchDiv").css( "visibility", "hidden");
    $j("#searchInputString").css( "visibility", "hidden");
    $j("#baselayers_chooser").css( "visibility", "hidden");
    $j("#olControlOverviewMapMaximizeButton_innerImage_chooser").css( "visibility", "hidden");   
    $j("#header_shadow").css( "visibility", "hidden");
    $j("#map").css( "top", "44px");
    $j("#map").css("left", "-" + 135 + "px");
    $j("body").css("background-color", "#FFFFFF");
    $j(".olControlAttribution").css( "visibility", "hidden"); // þarf ekki lengur að vera á myndunum
    //$j(".olControlAttribution").css( "top", "100px").css( "left", "100px");
    
    $j("#RoutingResultsDIV").css( "visibility", "hidden");
    
    var minnkaprent = 135;
    if ($j('#sliderPanelBtn').hasClass('close'))    {
        minnkaprent = 0;
    }  
    $j("#map").css("width", $j("#map").width() + minnkaprent + "px" );
    $j("body").append("<div id='printHeaderResult'><b>" + printTitle + "</b></div><div id='printInputResult'>" + printInput + "</div>")
    $j("body").append("<div id='mapDotIsLMLogo'><img src='img/LM_logo.jpg'></div>");  //<div id='mapDotIslogoFollower'></div>")
    $j("body").append("<div id='mapDotIsLogo'><img src='img/routing/maplogo_bull.png'></div>");  //<div id='mapDotIslogoFollower'></div>")



}

function cleanupPrint(){
        
    // Hér er hreinsað eftir prentun original
    $j("#printHeader").val("");
    $j("#printInput").val("");   
    
    $j("#sliderPanel").css( "visibility", "visible");
    $j(".olControlScaleBar").css( "visibility", "visible");
    $j("#LM_panzoombar").css( "visibility", "visible");
    $j(".olControlnewLayerSwitcher").css( "visibility", "visible");
    $j(".olControlOverviewMap").css( "visibility", "visible");
    $j("#header").css( "visibility", "visible");
    $j("#printButton").css( "visibility", "visible");
    $j("#searchDiv").css( "visibility", "visible");
    $j("#searchInputString").css( "visibility", "visible");
    $j("#baselayers_chooser").css( "visibility", "visible");
    $j("#olControlOverviewMapMaximizeButton_innerImage_chooser").css("visibility", "visible");   
    $j("#header_shadow").css( "visibility", "visible");
    $j("#map").css( "top", "84px");
    $j("#map").css("left", "0px");
    $j("body").css("background-color", "#FFFFFF");
    //$j(".olControlAttribution").css( "visibility", "visible");  // þarf að vera á myndunum
    
    $j("#RoutingResultsDIV").css( "visibility", "visible");
    
    $j("#map").css("height", $j("#map").height() - 84 + "px" );    
    var minnkaprent = 135;
    if ($j('#sliderPanelBtn').hasClass('close')) {
        minnkaprent = 0;
    }  
    $j("#map").css("width", $j("#map").width() - minnkaprent + "px" );      
}

function preparePrint2(){
    
    // Hér er prentun prentun í sama glugga
    //$j("#map").css( "top", "0px");
    //$j(".hrannarMap").css( "top", "0px");   
    
    //$j("#map").css("height", $j("#map").height() + 84 + "px" );
    
    //$j(".hrannarMap").css("height", $j(".hrannarMap").height() + 84 + "px" );    
    //
    //$j("#sliderPanel").resize();
    $j("#sliderPanel").css( "visibility", "hidden");
    //$j("#sliderPanel").css( "left", "-500px").css( "top", "-500px");
    $j(".olControlScaleBar").css( "visibility", "hidden");
    $j("#LM_panzoombar").css( "visibility", "hidden");
    $j(".olControlnewLayerSwitcher").css( "visibility", "hidden");
    $j(".olControlOverviewMap").css( "visibility", "hidden");
    $j("#header").css( "visibility", "hidden");
    $j("#printButton").css( "visibility", "hidden");
    $j("#searchDiv").css( "visibility", "hidden");
    $j("#searchInputString").css( "visibility", "hidden");
    $j("#baselayers_chooser").css( "visibility", "hidden");
    $j("#olControlOverviewMapMaximizeButton_innerImage_chooser").css( "visibility", "hidden");   
    $j("#header_shadow").css( "visibility", "hidden");
    //$j("body").css("background-color", "#FFFFFF"); background-color:#EFF0F1;
    $j("body").css("background-color", "#EFF0F1");
    $j("#RoutingResultsDIV").css( "visibility", "hidden");
    $j("#LSHeaderDiv").css( "visibility", "hidden");
    
    /*
    //$j(".olControlAttribution").css( "visibility", "hidden");
    var extra_olControlAttribution = $j(".olControlAttribution").clone(); //$j(".olControlAttribution")[0];
    $j(extra_olControlAttribution).css( "visibility", "hidden");
    //$j("body").append($j(extra_olControlAttribution).css( "visibility", "visible").css( "bottom", "0px").css( "right", "0px"));
    */
    
    //$j("body").append($j(".olControlAttribution").clone().css( "bottom", "0px").css( "right", "0px"));
    $j("body").css("background-color", "#FFFFFF");
    //$j("body").append("<div id='printResults' style='height:70px;width;position:absolute;bottom:0px;left:300px;z-index:12'><div><b>" + $j("#printHeader").val() + "</b></div><div>" + $j("#printInput").val() + "</div></div>");    
    $j("body").append("<div id='printResults' style='position:absolute;height:70px;width;position:absolute;top:20px;left:300px;z-index:12'><div><b>" + $j("#printHeader").val() + "</b></div><div>" + $j("#printInput").val() + "</div></div>");    
    //$j("body").append("<div id='printTrans' style='position:absolute;background-image:url(img/blue-trans3.png); height:84px; width:100%; left: 0px;bottom: 0px'></div>");  
    //$j("body").append("<div id='printTrans' style='position:absolute;height:84px; width:100%; left: 0px;bottom: 0px'></div>");  
    //$j("body").append("<div id='mapLogoIs' style='position:absolute;left: 20px;bottom: 20px'><img src='img/routing/maplogo_bull.png'></div>");
    $j("body").append("<div id='mapLogoIs' style='position:absolute;left: 20px;top: 20px;z-index:12;'><img src='img/routing/maplogo_bull.gif'></div>");
    
    getLayerByName("VegirMyndkort").setOpacity(1.0);
    //debugger;
}



function cleanupPrint2(){
        
   // Hér er hreinsað eftir prentun í sama glugga
   
    //$j("#map").css( "top", "84px");
    //$j(".hrannarMap").css( "top", "84px");
    //
    //$j("#map").css("height", $j("#map").height() - 84 + "px" );   
    //$j("#map").css("height", $j("#map").height() - 84 + "px" );   
    
    //$j(".hrannarMap").css( "top", "84px");
    //$j(".hrannarMap").css("height", $j(".hrannarMap").height() - 84 + "px" );
    
    getLayerByName("VegirMyndkort").setOpacity(0.5);
   
    $j("#printHeader").val("");
    $j("#printInput").val("");   
   
    $j("#sliderPanel").css( "visibility", "visible");
    $j(".olControlScaleBar").css( "visibility", "visible");
    $j("#LM_panzoombar").css( "visibility", "visible");
    $j(".olControlnewLayerSwitcher").css( "visibility", "visible");
    $j(".olControlOverviewMap").css( "visibility", "visible");
    $j("#header").css( "visibility", "visible");
    $j("#printButton").css( "visibility", "visible");
    $j("#searchDiv").css( "visibility", "visible");
    $j("#searchInputString").css( "visibility", "visible");
    $j("#baselayers_chooser").css( "visibility", "visible");
    $j("#olControlOverviewMapMaximizeButton_innerImage_chooser").css("visibility", "visible");   
    $j("#header_shadow").css( "visibility", "visible");
    //$j("#map").css( "top", "84px");
    //$j("#map").css("left", "0px");
    $j("body").css("background-color", "#FFFFFF");
    $j("#RoutingResultsDIV").css( "visibility", "visible");
    //$j(".olControlAttribution").css( "visibility", "visible");  
    $j("#LSHeaderDiv").css( "visibility", "visible");
    
    
    /*if( $j(".olControlAttribution").length > 1 ){
        var extra_olControlAttribution = $j(".olControlAttribution")[1];
        $j(extra_olControlAttribution).remove();
    }*/
    //$j(".olControlAttribution").css( "visibility", "visible");
    
    $j("#printResults").remove();
    //$j("#mapDotIsLMLogo").remove();
    //$j("#mapDotIsLogo").remove();    
    $j("#mapLogoIs").remove();    
    //$j("#printTrans").remove();
}

function timeOutPrint(){
    window.print();
    window.close();
}

function stopLoading(){
    preparePrint();
    $j("#loading").fadeOut(500);
    setTimeout('timeOutPrint();', 1000);
}	

$j(document).ready(function() {        
    if( isPrint ){
        $j("body").append("<div id='loading' style='height:100%;width:100%;background-image:url(\"http://g.map.is/img/loading_animated.gif\");z-index:1015;position:absolute;top:0px;left:0px;background-repeat:no-repeat;background-position:center;background-color:#DEDEDE;'></div>");
        setTimeout('stopLoading();', 4000);
    } 
});


//</script>

 
//<script type="text/javascript">  
function initVefmyndavelar()
{                    
    $j("#testarea").append("<br /><a id='vefmyndavelarrofi' href='#' onclick='vefmyndavelarClick();' >Vefmyndavélar on/off</a>"); 
    $j("body").append('<a  id="hidden_clicker_iframe" class="iframe" style="display:none" href="http://www.example">This goes to iframe</a>');
    $j("body").append('<a  id="hidden_clicker_vefmyndavelar" class="vefmyndavelar" style="display:none" href="http://www.example">normal fancybox</a>');    
    var defaultStyle_vefmyndavelar = new OpenLayers.Style({ 
                                fillColor:'white',
                                strokeColor: 'white',
                                //'strokeWidth': 5,
                                strokeWidth: 1,
                                //'strokeWidth': 15,
                                strokeOpacity: 0.1,
                                fillOpacity: 0.1,
                                //'pointRadius':5},
                                //'pointRadius':15
                                //'pointRadius':5	
                                pointRadius:3
                        });
    var selectStyle_vefmyndavelar = new OpenLayers.Style(
                            {	              
                                fillColor:'blue',
                                strokeColor:'white',
                                strokeWidth: 8,
                                //'strokeWidth': 12,
                                fillOpacity:0.3,
                                //'fillOpacity':0.6,
                                strokeOpacity: 0.3,
                                //'strokeOpacity': 0.6,
                                pointRadius:8,
                                //'pointRadius':30,
                                cursor: 'pointer'
                            }
                            ,
                            {
                                context: {
                                        xOff:function(feature) {
                                                            return Math.floor( Math.cos( feature.attributes.stefna ) * 20 );
                                                        }, 
                                        yOff:function(feature) {
                                                            return Math.floor( Math.sin( feature.attributes.stefna ) * 20 );
                                                        }
                                             }// end context
                                             /*,                            
                                
                               // rules: [
                                */
                                
                                
                                        /*new OpenLayers.Rule({
                                            // a rule contains an optional filter
                                            filter: new OpenLayers.Filter.Comparison({
                                                type: OpenLayers.Filter.Comparison.LESS_THAN,
                                                property: "foo", // the "foo" feature attribute
                                                value: 25
                                            }),
                                            // if a feature matches the above filter, use this symbolizer
                                            symbolizer: {
                                                externalGraphic: "../img/marker-blue.png"
                                            }
                                        }),*/
                                        
                                        
                                        /*new OpenLayers.Rule({
                                            filter: new OpenLayers.Filter.Comparison({
                                                type: OpenLayers.Filter.Comparison.BETWEEN,
                                                property: "stefna",
                                                lowerBoundary: 0,
                                                upperBoundary: 180
                                            }),
                                            symbolizer: {
                                                externalGraphic: "http://www.loftmyndir.is/teikningar/skamyndir/webcamera_big_rot.png"
                                            }
                                        })*/
                                        
                                        
                                        
                                        
                                        /*,
                                        new OpenLayers.Rule({
                                            filter: new OpenLayers.Filter.Comparison({
                                                type: OpenLayers.Filter.Comparison.BETWEEN,
                                                property: "foo",
                                                lowerBoundary: 50,
                                                upperBoundary: 75
                                            }),
                                            symbolizer: {
                                                externalGraphic: "../img/marker-gold.png"
                                            }
                                        }),
                                        new OpenLayers.Rule({
                                            // apply this rule if no others apply
                                            elseFilter: true,
                                            symbolizer: {
                                                externalGraphic: "../img/marker.png"
                                            }
                                        })*/
                                        
                                        
                                        
                                        
                                    //]// end rules
                                } // end options 
                            ); //end selectstyle
                            
  
    var styleMap_vefmyndavelar = new OpenLayers.StyleMap();

    //styleMap_vefmyndavelar.styles["default"] = style; //defaultStyle_vefmyndavelar;
    //styleMap_vefmyndavelar.styles["select"] = defstyle; //selectStyle_vefmyndavelar;            
    styleMap_vefmyndavelar.styles["default"] = defaultStyle_vefmyndavelar;
    styleMap_vefmyndavelar.styles["select"] = selectStyle_vefmyndavelar;            

    //'${thumbnail}'
    
    
    
    
    var vefmyndavelar_scales = [6800000,3400000,1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000,1000,500,250];
    var vefmyndavelar_wfs = new OpenLayers.Layer.WFS("Vefmyndavélar WFS",
        "proxies/queryWFS.php?",
        //{strategies: [strategy]},        
        { typename: 'loftmyndir:lm_vefmynd_join_vefmynd_group', maxfeatures: 200},
        { 'displayInLayerSwitcher':true,  visibility:false,
          extractAttributes: true, scales:vefmyndavelar_scales, styleMap:styleMap_vefmyndavelar});

    map.addLayers([vefmyndavelar_wfs]);
    client_select_wfs_arr.push(vefmyndavelar_wfs);

    vefmyndavelar_wfs.setVisibility(false);

    getLayerByName("Vefmyndavélar").events.register("visibilitychanged", this, function(){ 
            if(getLayerByName("Vefmyndavélar").getVisibility()) 
            {		
                getLayerByName("Vefmyndavélar WFS").setVisibility(true);
            }
            else
            {
                getLayerByName("Vefmyndavélar WFS").setVisibility(false);
            }
    });  

 
  /*$j("a.iframe").fancybox({
                //title      	: 'Vegagerðin vefmyndavélar',
                ///titlePosition	:'outside',
                showNavArrows	: false
		});*/
   $j("a.iframe").fancybox({             
        //'title' : 'Vegagerðin vefmyndavélar',
         //'width' : '90%',
         //'height' : '90%',
         'width' : '90%',
         'height' : '90%',
         'autoScale' : true,
         'autoDimensions': true,
         //'transitionIn' : 'none',
         //'transitionOut' : 'none',
         'type' : 'iframe'
     });    
     
  $j("a.vefmyndavelar").fancybox({             
        showNavArrows	: false
     });         
    
}

// notað við cluster prufu
function display(event) {
    var f = event.feature;
    var el = $("output");
    if(f.cluster) {
        alert( "cluster of " + f.attributes.count ); //el.innerHTML = "cluster of " + f.attributes.count;
    } else {
        alert( "unclustered " + f.geometry); //((el.innerHTML = "unclustered " + f.geometry;
    }
} 

function vefmyndavelarClick(){
    //map.layers[16].setvisibility(true);
    if(getLayerByName("Vefmyndavélar").getVisibility()) 
    {		
      getLayerByName("Vefmyndavélar").setVisibility(false);
      $j('#LSCheckbox_01').removeAttr('checked');
      // breytum iconum í LS
      $j('#vefmyndavelar_icon').removeClass("vefmyndavelar_icon_on");
      $j('#vefmyndavelar_icon').addClass("vefmyndavelar_icon_off"); 
    }
    else
    {
      getLayerByName("Vefmyndavélar").setVisibility(true);
      $j('#LSCheckbox_01').attr('checked','checked');
      // breytum iconum í LS
      $j('#vefmyndavelar_icon').removeClass("vefmyndavelar_icon_off");
      $j('#vefmyndavelar_icon').addClass("vefmyndavelar_icon_on");
    }    
}

function onVefmyndavelarUnselectCallback(feature){
    
    closeFlex();
    moveFlex();  
    /*tb = document.getElementById("ToolTipFlex")
    tb.style.visibility="hidden";    
    tb2 = document.getElementById("ToolTipFlexBottom")
    tb2.style.visibility="hidden"; */   
}

function showBigVefmyndavel(link){
     var j1 = document.getElementById("hidden_clicker_iframe");
    j1.href = link; 
    $j('#hidden_clicker_iframe').trigger('click');
}

function showBigPictureVefmyndavel(link){
     var j1 = document.getElementById("hidden_clicker_vefmyndavelar");
    j1.href = link; 
    $j('#hidden_clicker_vefmyndavelar').trigger('click');    
}

var tooltipFlexObject_Global = [];

function onVefmyndavelarSelectCallback(feature, ix, iy){
//function onVefmyndavelarClickCallback(feature, ix, iy){    
    //positionTooltipFlex(tooltipFlexObject_Global);
}

function onVefmyndavelarClick2Callback(feature, ix, iy){
	/*Offsetheight = 0;
	storedFeature = feature.clone();
	storedTooltipFeature = feature.clone();
	var ToolTipFlex = document.getElementById("ToolTipFlex");*/
        moveFlex();          
        var sHtml = "<div style='line-height:1'>";
        /*if( feature.attributes.eigandi == "Vegagerðin"){
            sHtml = "<div style='line-height:1'>";
        }*/
        if( feature.attributes.eigandi == "Vegagerðin"){
                //Offsetheight = 215;
                sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
                sHtml += '<a data-refresh="1" href="#" onclick="showBigPictureVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();"><img height="180px" width="240px" alt="' + feature.attributes.voktun + '" src="' + feature.attributes.slod + '" /></a><br />';
                sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigPictureVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />';                 
                if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''"){				
                        sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
                }
        }
        else if( feature.attributes.eigandi == "RÚV" ){
                //Offsetheight = 240;
                sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
                sHtml += '<a data-refresh="0" href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">';

                sHtml += '<object width="240px" height="210px" type="application/x-oleobject" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="VIDEO">';
                sHtml += '<param value="mms://213.167.158.211/katla/" name="URL">';
                sHtml += '<param value="True" name="SendPlayStateChangeEvents">';
                sHtml += '<param value="True" name="AutoStart">';
                sHtml += '<param value="full" name="uiMode">';
                sHtml += '<param value="1" name="PlayCount">';
                sHtml += '<embed width="240px" height="210px" autostart="true" name="MediaPlayer" src="mms://213.167.158.211/katla/" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2">';
                sHtml += '</object>';

                sHtml += '</a><br />';
                sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />'; 
                if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''"){				
                        sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
                }			
        }	
        else if( feature.attributes.eigandi == "Harpa Tónlistar og ráðstefnuhúsið í Reykjavik" ){
                //Offsetheight = 215;
                sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
                sHtml += '<a data-refresh="0"   href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">';

                sHtml += '<img width="240px" height="180px" alt="Camera Image" src="http://harpa-cam.eplica.is/axis-cgi/mjpg/video.cgi?resolution=4CIF&amp;camera=1&amp;dummy=1297951651860">';

                sHtml += '</a><br />';
                sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />'; 
                if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''")
                {				
                        sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
                }			
        }		
        else{
                //Offsetheight = 40;
                sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
                sHtml += '<a data-refresh="0"  href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">Skoða vefmyndavél</a><br />';
                sHtml += '<span style="white-space: nowrap;"><a   href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />'; 
                if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''")
                {				
                        sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
                }			
        }

        // Ekki eyða Verkfræðistofan Vista, verður klárað seinna
        /* if( feature.attributes.eigandi == "Verkfræðistofan Vista" )
                {
                        strHtmlContents += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
                        strHtmlContents += '<a data-refresh="0" target=\"_blank\" href="' + feature.attributes.slod + '">';
                        strHtmlContents += '<iframe scrolling="no" height="180" width="240" noresize="" marginheight="0" marginwidth="0" src="http://194.144.19.40/popup.html" target="main" name="contents"></iframe>';
                        //strHtmlContents += '<img width="184" height="138" alt="Camera Image" src="http://harpa-cam.eplica.is/axis-cgi/mjpg/video.cgi?resolution=4CIF&amp;camera=1&amp;dummy=1297951651860">';

                        strHtmlContents += '</a><br />';
                        strHtmlContents += "<span style=\"white-space: nowrap;\"><a target=\"_blank\" href=\"" + feature.attributes.slod + "\">" + feature.attributes.voktun + "</a></span><br />"; 
                        if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''")
                        {				
                                strHtmlContents += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
                        }			
                }	*/	
        
        sHtml += "</div>";
        
        
	Offsetheight = 0;
	storedFeature = feature.clone();
	storedTooltipFeature = feature.clone();
	var px = map.getPixelFromLonLat(feature.geometry.getBounds().getCenterLonLat())
	storedTooltipFeatureLonLat = feature.geometry.getBounds().getCenterLonLat();
        // kominn uppfyrir leyfilega hæð, header svæði efst        
        //$j("#ToolTipFlexText").html(sHtml);
        //if( (iy - $j("#ToolTipFlex").height()) < 0 || iy < 200) {
        
        //var tooltipFlexObject = [];
 
        if( feature.attributes.eigandi == "Vegagerðin"){
            tooltipFlexObject_Global['topOffsetHeight'] = 275;
            tooltipFlexObject_Global['bottomOffsetHeight'] = -18;
        }
        else if( feature.attributes.eigandi == "RÚV" ){
            tooltipFlexObject_Global['topOffsetHeight'] = 300;
            tooltipFlexObject_Global['bottomOffsetHeight'] = -10;
        }	
        else if( feature.attributes.eigandi == "Harpa Tónlistar og ráðstefnuhúsið í Reykjavik" ){
            tooltipFlexObject_Global['topOffsetHeight'] = 270;
            tooltipFlexObject_Global['bottomOffsetHeight'] = 5;
        }		
        else{
            tooltipFlexObject_Global['topOffsetHeight'] = 105;
            tooltipFlexObject_Global['bottomOffsetHeight'] = 0;
        }                
        
        tooltipFlexObject_Global['toolTipContent'] = sHtml;
        tooltipFlexObject_Global['pixelFromLonLat'] = px;
        tooltipFlexObject_Global['ix'] = ix;
        tooltipFlexObject_Global['iy'] = iy;
        tooltipFlexObject_Global['leftOffset'] = 5;
        tooltipFlexObject_Global['rightOffset'] = 15;

         // senda með innihald, topoffset, bottomoffset, getPixelFromLonLat
         positionTooltipFlex(tooltipFlexObject_Global);                 
   
}



function onVefmyndavelarClickCallback(feature, ix, iy){
    moveFlex(); 
    
    Offsetheight = 0;
    storedFeature = feature.clone();
    storedTooltipFeature = feature.clone();
    var px = map.getPixelFromLonLat(feature.geometry.getBounds().getCenterLonLat())
    storedTooltipFeatureLonLat = feature.geometry.getBounds().getCenterLonLat();
    
    tooltipFlexObject_Global['pixelFromLonLat'] = px;
    tooltipFlexObject_Global['ix'] = ix;
    tooltipFlexObject_Global['iy'] = iy;
    tooltipFlexObject_Global['leftOffset'] = 5;
    tooltipFlexObject_Global['rightOffset'] = 15;     
    tooltipFlexObject_Global['isCluster'] = 0;  
    
    if( feature.attributes.fjoldi > 1){
 
        tooltipFlexObject_Global['isCluster'] = 1;  
        
        //$j.getJSON('http://193.4.153.85:8088/mini.loftmyndir.is/proxies/query_proxy.php?type=vefmyndavelar&value='+escape(feature.attributes.stadur), vefmyndavelar_Cluster_Callback);
        $j.getJSON('proxies/query_proxy.php?type=vefmyndavelar&value='+escape(feature.attributes.stadur), vefmyndavelar_Cluster_Callback);
        return;       
    }else{
        //$j.getJSON('http://193.4.153.85:8088/mini.loftmyndir.is/proxies/query_proxy.php?type=vefmyndavelar&value='+escape(feature.attributes.stadur), vefmyndavelar_Callback);
        //return;
        var sHtml = "<div style='line-height:1'>";
        if( feature.attributes.eigandi == "Vegagerðin"){
            //Offsetheight = 215;
            sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
            sHtml += '<a data-refresh="0" href="#" onclick="showBigPictureVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();"><img height="180px" width="240px" alt="' + feature.attributes.voktun + '" src="' + feature.attributes.slod + '" /></a><br />';
            sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigPictureVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />';                 
            if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''"){				
                    sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
            }
            sHtml += "<span>Vefmyndavél " + getVefmyndavelStefna( feature.attributes.stefna ) + "</span>";
        }
        else if( feature.attributes.eigandi == "RÚV" ){
            //Offsetheight = 240;
            sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
            sHtml += '<a data-refresh="0" href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">';

            sHtml += '<object width="240px" height="210px" type="application/x-oleobject" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="VIDEO">';
            sHtml += '<param value="mms://213.167.158.211/katla/" name="URL">';
            sHtml += '<param value="True" name="SendPlayStateChangeEvents">';
            sHtml += '<param value="True" name="AutoStart">';
            sHtml += '<param value="full" name="uiMode">';
            sHtml += '<param value="1" name="PlayCount">';
            sHtml += '<embed width="240px" height="210px" autostart="true" name="MediaPlayer" src="mms://213.167.158.211/katla/" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2">';
            sHtml += '</object>';

            sHtml += '</a><br />';
            sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />'; 
            if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''"){				
                    sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
            }			
            sHtml += "<span>Vefmyndavél " + getVefmyndavelStefna( feature.attributes.stefna ) + "</span>";
        }	
        else if( feature.attributes.eigandi == "Harpa Tónlistar og ráðstefnuhúsið í Reykjavik" ){
            //Offsetheight = 215;
            sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
            sHtml += '<a data-refresh="0"   href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">';

            sHtml += '<img width="240px" height="180px" alt="Camera Image" src="http://harpa-cam.eplica.is/axis-cgi/mjpg/video.cgi?resolution=4CIF&amp;camera=1&amp;dummy=1297951651860">';

            sHtml += '</a><br />';
            sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />'; 
            if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''")
            {				
                    //sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
            }			
            sHtml += "<span>Vefmyndavél " + getVefmyndavelStefna( feature.attributes.stefna ) + "</span>";
        }		
        else{
            //Offsetheight = 40;
            sHtml += feature.attributes.eigandi + " - " + feature.attributes.stadur + "<br />"; 
            sHtml += '<a data-refresh="0"  href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">Skoða vefmyndavél</a><br />';
            sHtml += '<span style="white-space: nowrap;"><a   href="#" onclick="showBigVefmyndavel(\'' + feature.attributes.slod + '\');closeFlex();moveFlex();">' + feature.attributes.voktun + '</a></span><br />'; 
            if( feature.attributes.ath != null && feature.attributes.ath != "" && feature.attributes.ath != "''")
            {				
                    //sHtml += "<span style='white-space: nowrap;'>" + feature.attributes.ath + "</span>";
            }			
            sHtml += "<span>Vefmyndavél " + getVefmyndavelStefna( feature.attributes.stefna ) + "</span>";
        }
        sHtml += "</div>";
        

        if( feature.attributes.eigandi == "Vegagerðin"){
            tooltipFlexObject_Global['topOffsetHeight'] = 275;
            tooltipFlexObject_Global['bottomOffsetHeight'] = -18;
        }
        else if( feature.attributes.eigandi == "RÚV" ){
            tooltipFlexObject_Global['topOffsetHeight'] = 300;
            tooltipFlexObject_Global['bottomOffsetHeight'] = -10;
        }	
        else if( feature.attributes.eigandi == "Harpa Tónlistar og ráðstefnuhúsið í Reykjavik" ){
            tooltipFlexObject_Global['topOffsetHeight'] = 270;
            tooltipFlexObject_Global['bottomOffsetHeight'] = 5;
        }		
        else{
            tooltipFlexObject_Global['topOffsetHeight'] = 105;
            tooltipFlexObject_Global['bottomOffsetHeight'] = 0;
        }                

        tooltipFlexObject_Global['toolTipContent'] = sHtml;
        tooltipFlexObject_Global['pixelFromLonLat'] = px;
        tooltipFlexObject_Global['ix'] = ix;
        tooltipFlexObject_Global['iy'] = iy;
        tooltipFlexObject_Global['leftOffset'] = 15;
        tooltipFlexObject_Global['rightOffset'] = 25;

         // senda með innihald, topoffset, bottomoffset, getPixelFromLonLat
         positionTooltipFlex(tooltipFlexObject_Global);
     
     }

}

function vefmyndavelar_Cluster_Callback(data){

    var sHtml = "";
    var sHtml = "<div id='vefcluster'>";
    for(var i = 0;i < data.length;i++){
        
        if( data[i].eigandi == "Vegagerðin"){
            
            sHtml += "<div style='line-height:1;float:left;" + (( i != data.length - 1 )?"padding-right:10px;":"") + "'>";
            //if( i > 0 ) sHtml += "<div style='align:center;'>------------------------------</div>";
            tooltipFlexObject_Global['topOffsetHeight'] = 240; // 150
            tooltipFlexObject_Global['bottomOffsetHeight'] = -20;
            if(i == 0){
                sHtml += "<div style='width: 140px;'>" + data[i].eigandi + " - " + data[i].stadur + "</div>"; 
            }else{
                sHtml += "<div style='width: 140px;visibility:hidden;'>" + data[i].eigandi + " - " + data[i].stadur + "</div>"; 
            }
            sHtml += '<a data-refresh="0" href="#" onclick="showBigPictureVefmyndavel(\'' + data[i].slod + '\');closeFlex();moveFlex();"><img height="112px" width="150px" alt="' + data[i].voktun + '" src="' + data[i].slod + '" /></a><br />';
            sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigPictureVefmyndavel(\'' + data[i].slod + '\');closeFlex();moveFlex();">' + data[i].voktun + '</a></span><br />';
            if(i == 0){                 
                if( data[i].ath != null && data[i].ath != "" && data[i].ath != "''"){				
                        //sHtml += "<span style='white-space: nowrap;'>" + data[i].ath + "</span>";
                        //sHtml += "<span>" + data[i].ath + "</span>";
                     
                }        
                
            }
            sHtml += "<div style='width:100px'>Vefmyndavél " + getVefmyndavelStefna( data[i].stefna ) + "</div>";
            sHtml += "</div>";
        }else{

            sHtml += "<div style='line-height:1;padding-top:5px;float:left;" + (( i != data.length - 1 )?"padding-right:10px;":"") + "'>";
            //if( i > 0 ) sHtml += "<div style='align:center;'>------------------------------</div>";
            tooltipFlexObject_Global['topOffsetHeight'] = 50;
            tooltipFlexObject_Global['bottomOffsetHeight'] = -20;
            sHtml += data[i].eigandi + " - " + data[i].stadur + "<br />"; 
            sHtml += '<a data-refresh="0"  href="#" onclick="showBigVefmyndavel(\'' + data[i].slod + '\');closeFlex();moveFlex();">Skoða vefmyndavél</a><br />';
            sHtml += '<span><a   href="#" onclick="showBigVefmyndavel(\'' + data[i].slod + '\');closeFlex();moveFlex();">' + data[i].voktun + '</a></span><br />'; 
            //sHtml += '<span style="white-space: nowrap;"><a href="#" onclick="showBigVefmyndavel(\'' + data[i].slod + '\');closeFlex();moveFlex();">' + data[i].voktun + '</a></span>'; 
            if( data[i].ath != null && data[i].ath != "" && data[i].ath != "''"){
                
                    //sHtml += "<span style='white-space: nowrap; display:block;width:130px;'>" + data[i].ath + "</span>";
                    //sHtml += "<span display:block;width:130px;'>" + data[i].ath + "</span>";
                     
            }		
           sHtml += "<div style='width:100px'>Vefmyndavél " + getVefmyndavelStefna( data[i].stefna ) + "</div>";
           sHtml += "</div>";
        }        
    }
    sHtml += "</div>";
    tooltipFlexObject_Global['toolTipContent'] = sHtml;     

    positionTooltipFlex(tooltipFlexObject_Global);     
     
}

function getVefmyndavelStefna(gradur){
    
    var graduHeiti = "";
    if(gradur > 22 && gradur <= 66 ){
        graduHeiti = "vísar í norðaustur";
        //graduHeiti = "norðaustur";
    }else if(gradur > 66 && gradur <= 112 ){
        graduHeiti = "vísar í austur";
        //graduHeiti = "austur";
    }else if(gradur > 112 && gradur <= 157 ){
        graduHeiti = "vísar í suðaustur";
        //graduHeiti = "suðaustur";
    }else if(gradur > 157 && gradur <= 202 ){
        graduHeiti = "vísar í suður";
        //graduHeiti = "suður";
    }else if(gradur > 202 && gradur <= 247 ){
        graduHeiti = "vísar í suðvestur";
        //graduHeiti = "suðvestur";
    }else if(gradur > 247 && gradur <= 292 ){
        graduHeiti = "vísar í vestur";
        //graduHeiti = "vestur";
    }else if(gradur > 292 && gradur <= 343 ){
        graduHeiti = "vísar í norðvestur";
        //graduHeiti = "norðvestur";
    }else if(gradur > 343 && gradur <= 360 || gradur >= 0 && gradur <= 22 ){
        graduHeiti = "vísar í norður";
        //graduHeiti = "norður";
    }else if(gradur == 666 ){
        graduHeiti = "vísar niður á veg";
        //graduHeiti = "niður á veg";
    }else if(gradur == 999 ){
        graduHeiti = "sýnir fleiri en eina átt";
        //graduHeiti = "sýnir fleiri en eina átt";
    }    
    return graduHeiti;
}

function vefmyndavelar_Callback(data){

     var sHtml = "<div style='line-height:1'>";
    if( data[0].eigandi == "Vegagerðin"){
            //Offsetheight = 215;
            sHtml += data[0].eigandi + " - " + data[0].stadur + "<br />"; 
            sHtml += '<a data-refresh="0" href="#" onclick="showBigPictureVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();"><img height="180px" width="240px" alt="' + data[0].voktun + '" src="' + data[0].slod + '" /></a><br />';
            sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigPictureVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">' + data[0].voktun + '</a></span><br />';                 
            if( data[0].ath != null && data[0].ath != "" && data[0].ath != "''"){				
                    sHtml += "<span style='white-space: nowrap;'>" + data[0].ath + "</span>";
            }
            sHtml += "<span style='white-space: nowrap;'>Vefmyndavél " + getVefmyndavelStefna( data[0].stefna ) + "</span>";
    }
    else if( data[0].eigandi == "RÚV" ){
            //Offsetheight = 240;
            sHtml += data[0].eigandi + " - " + data[0].stadur + "<br />"; 
            sHtml += '<a data-refresh="0" href="#" onclick="showBigVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">';

            sHtml += '<object width="240px" height="210px" type="application/x-oleobject" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" id="VIDEO">';
            sHtml += '<param value="mms://213.167.158.211/katla/" name="URL">';
            sHtml += '<param value="True" name="SendPlayStateChangeEvents">';
            sHtml += '<param value="True" name="AutoStart">';
            sHtml += '<param value="full" name="uiMode">';
            sHtml += '<param value="1" name="PlayCount">';
            sHtml += '<embed width="240px" height="210px" autostart="true" name="MediaPlayer" src="mms://213.167.158.211/katla/" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" type="application/x-mplayer2">';
            sHtml += '</object>';

            sHtml += '</a><br />';
            sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">' + data[0].voktun + '</a></span><br />'; 
            if( data[0].ath != null && data[0].ath != "" && data[0].ath != "''"){				
                    sHtml += "<span style='white-space: nowrap;'>" + data[0].ath + "</span>";
            }			
            sHtml += "<span style='white-space: nowrap;'>Vefmyndavél " + getVefmyndavelStefna( data[0].stefna ) + "</span>";
    }	
    else if( data[0].eigandi == "Harpa Tónlistar og ráðstefnuhúsið í Reykjavik" ){
            //Offsetheight = 215;
            sHtml += data[0].eigandi + " - " + data[0].stadur + "<br />"; 
            sHtml += '<a data-refresh="0"   href="#" onclick="showBigVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">';

            sHtml += '<img width="240px" height="180px" alt="Camera Image" src="http://harpa-cam.eplica.is/axis-cgi/mjpg/video.cgi?resolution=4CIF&amp;camera=1&amp;dummy=1297951651860">';

            sHtml += '</a><br />';
            sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">' + data[0].voktun + '</a></span><br />'; 
            //sHtml += '<span style="white-space: nowrap;"><a  href="#" onclick="showBigVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">' + data[0].voktun + '</a></span>'; 
            if( data[0].ath != null && data[0].ath != "" && data[0].ath != "''")
            {				
                    sHtml += "<span style='white-space: nowrap;'>" + data[0].ath + "</span>";
            }
            sHtml += "<span style='white-space: nowrap;'>Vefmyndavél " + getVefmyndavelStefna( data[0].stefna ) + "</span>";
            
    }		
    else{
            //Offsetheight = 40;
            sHtml += data[0].eigandi + " - " + data[0].stadur + "<br />"; 
            sHtml += '<a data-refresh="0"  href="#" onclick="showBigVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">Skoða vefmyndavél</a><br />';
            sHtml += '<span style="white-space: nowrap;"><a   href="#" onclick="showBigVefmyndavel(\'' + data[0].slod + '\');closeFlex();moveFlex();">' + data[0].voktun + '</a></span><br />'; 
            if( data[0].ath != null && data[0].ath != "" && data[0].ath != "''")
            {				
                    sHtml += "<span style='white-space: nowrap;'>" + data[0].ath + "</span>";
            }	
            sHtml += "<span style='white-space: nowrap;'>Vefmyndavél " + getVefmyndavelStefna( data[0].stefna ) + "</span>";
    }
    // Ekki eyða Verkfræðistofan Vista, verður klárað seinna
    /* if( data[0].eigandi == "Verkfræðistofan Vista" )
    {
            strHtmlContents += data[0].eigandi + " - " + data[0].stadur + "<br />"; 
            strHtmlContents += '<a data-refresh="0" target=\"_blank\" href="' + data[0].slod + '">';
            strHtmlContents += '<iframe scrolling="no" height="180" width="240" noresize="" marginheight="0" marginwidth="0" src="http://194.144.19.40/popup.html" target="main" name="contents"></iframe>';
            //strHtmlContents += '<img width="184" height="138" alt="Camera Image" src="http://harpa-cam.eplica.is/axis-cgi/mjpg/video.cgi?resolution=4CIF&amp;camera=1&amp;dummy=1297951651860">';

            strHtmlContents += '</a><br />';
            strHtmlContents += "<span style=\"white-space: nowrap;\"><a target=\"_blank\" href=\"" + data[0].slod + "\">" + data[0].voktun + "</a></span><br />"; 
            if( data[0].ath != null && data[0].ath != "" && data[0].ath != "''")
            {				
                    strHtmlContents += "<span style='white-space: nowrap;'>" + data[0].ath + "</span>";
            }			
    }	*/	


    sHtml += "</div>";

    //var tooltipFlexObject = [];

    if( data[0].eigandi == "Vegagerðin"){
        tooltipFlexObject_Global['topOffsetHeight'] = 220;
        tooltipFlexObject_Global['bottomOffsetHeight'] = -18;
    }
    else if( data[0].eigandi == "RÚV" ){
        tooltipFlexObject_Global['topOffsetHeight'] = 240;
        tooltipFlexObject_Global['bottomOffsetHeight'] = -10;
    }	
    else if( data[0].eigandi == "Harpa Tónlistar og ráðstefnuhúsið í Reykjavik" ){
        tooltipFlexObject_Global['topOffsetHeight'] = 215;
        tooltipFlexObject_Global['bottomOffsetHeight'] = 5;
    }		
    else{
        tooltipFlexObject_Global['topOffsetHeight'] = 50;
        tooltipFlexObject_Global['bottomOffsetHeight'] = 0;
    }                

    tooltipFlexObject_Global['toolTipContent'] = sHtml;

     // senda með innihald, topoffset, bottomoffset, getPixelFromLonLat
     positionTooltipFlex(tooltipFlexObject_Global);    //  prufa preload onselect
}



//</script> 
    
 // Nokkrar global breytur tengdar leitinni.
var noResultsToDisplay = 12; // fjöldi niðurstaðna sem eru birtar í einu
var sResultsOffset = 0; // Hliðrun fyrir flettingar í leitarniðurstöðum
var maxPagesInList = 10; // Hve margar flettisíður eru sýndar


function submitMapSearch()
{
    log("submitMapSearch called");
    $j("#sliderAccordion").accordion("activate", false);
    theKeyTheKey = $j('#searchInputString').val();
    $j.getJSON('db/mapSearchQueryDB.php?searchType=string&searchString=' + theKeyTheKey, displayMapSearchResults);
}

function submitMapSearchId(theId)
{
    log("submitMapSearch called");
    if( $j("#sliderPanelBtn").hasClass("close") == false)
    {
        log("panel is open");
        $j("#sliderAccordion").accordion("activate", false);
    }
    $j.getJSON('db/mapSearchQueryDB.php?searchType=id&searchString=' + theId, displayMapSearchResultsId);
}

//Yfirskrifað til að taka við hliðrun og fjölda niðurstaðna
/*function submitMapSearch(offset, noResults)
{
    log("submitMapSearch called with params");
    $j("#sliderAccordion").accordion("activate", false);
    theKeyTheKey = $j('#searchInputString').val();
    $j.getJSON('db/mapSearchQueryDB.php?searchString=' + theKeyTheKey + '&noResults=' + noResultsToDisplay + '&offset=' + sResultsOffset, displayMapSearchResults);
}*/
    
function displayMapSearchResultsId(data)
{
    jQuery.each(data, function(index,item)
    {
        //Byrjum á merkerunum
        markers.clearMarkers();
        var size = new OpenLayers.Size(32, 32);
        var offset = new OpenLayers.Pixel(-(size.w / 2 ), -(size.h)); 
        var leMarker = new OpenLayers.Marker();     
        // Tryggjum að hægt sé að smella á markerana með því færa þá upp í Z-index
        markers.setZIndex(10000);
        
        var in_options = { 'internalProjection': map.baseLayer.projection, 'externalProjection': new OpenLayers.Projection("EPSG:3057") }; 
        var gj = new OpenLayers.Format.GeoJSON(in_options);
        var gjItem = gj.read(item.thegeomjson);
	//features.push(gj.read(item.geom));
       
        // add marker
        var icon_url = 'img/teiknibola.png';
        var icon = new OpenLayers.Icon(icon_url, size, offset);
        // Sækjum miðpunkt geometríunnar til að hægt sé að setja marker á línur og polygona
        var markerLonLat = gjItem[0].geometry.getBounds().getCenterLonLat();
        leMarker = new OpenLayers.Marker(new OpenLayers.LonLat(markerLonLat.lon, markerLonLat.lat), icon);

        leMarker.markerLonLat = markerLonLat;

        leMarker.events.register("click", leMarker, function(evt) { zoomToXY(this.markerLonLat.lon,this.markerLonLat.lat,11) });

        markers.addMarker(leMarker);



        // Loka slidernum ef hann er opinn 
        if (!$j('#sliderPanelBtn').hasClass('close'))
        {
            $j("a#sliderPanelBtn").click();
        }
            
        
        //vectors.addFeatures(gjItem);
        
        
        //debugger;
        //Það er aðeins ein leitarniðurstaða og því súmmum við niður á hana. 
        var centerLonLat = gjItem[0].geometry.getBounds().getCenterLonLat();
        var x = centerLonLat.lon;
        var y = centerLonLat.lat;
        
        if(item.flokkur_hlutar == 'Póstfang')
            zoomToXY( x , y , 11);
        else
            zoomToXY( x , y , 7);
    });
}

function displayMapSearchResults(data)
{    
    var noPages; 
    var displayedResults = 0;
    
    // Reiknum út fjölda blaðsíðna
    noPages = Math.ceil(data[0].totalresults/noResultsToDisplay);
    log("noPages:" + noPages);
    
    if (data.length > 10)
    {
        displayedResults = noResultsToDisplay;
        //noPages = 1;
    }
    else
    {
        displayedResults = data.length;
    }
    // Reiknum út fjölda blaðsíðna
    
    var firstPageInList = 1;
    
    // Hér skoðum við hvort og niðurstöður eru fleiri en hámarksniðurstöður til birtingar
    // og bætum þá inn í tólum til að fletta niðurstöðunum.
    var htmlString = "";
    if ( data[0].totalresults < noResultsToDisplay )
    {
        // Niðurstöður eru færri en hámarks fjöldi niðurstaðna í lista þ.a. við getum haft þetta einfalt
        htmlString += '<div style="font-size: 8pt">Niðurstöður 1-' + displayedResults + ' (af ' + data[0].totalresults + ')<br/>';
    }
    else
    {
        // find out witch page we're on
        var currentPage = ((sResultsOffset+noResultsToDisplay)/noResultsToDisplay);
        log("currentpage:" + currentPage);
        //Set the first page in list according to what page we are on
        var firstResultNoInList = (sResultsOffset*noResultsToDisplay)+1;
        var lastResultNoInList = (sResultsOffset*noResultsToDisplay)+noResultsToDisplay;
        if (currentPage == noPages)
            lastResultNoInList = data[0].totalresults; // Síðasta síðan er ekki full
        var hreinsaTakki = '<input id="clearSearchResults_button" type="button" onclick="clearSearchResults();" value="Hreinsa">';
        htmlString += '<div style="font-size: 8pt">Niðurstöður ' + firstResultNoInList + '-' + lastResultNoInList + ' (af ' + data[0].totalresults + ') | ' + hreinsaTakki; 
    }
  
    
    htmlString += '<br/><br/></div>';
    var features = []; // To hold return features (markers)
    var in_options = { 'internalProjection': map.baseLayer.projection, 'externalProjection': new OpenLayers.Projection("EPSG:3057") }; 
    jQuery.each(data, function(index,item){
    
        
		// finnum flokkinn
        var resultType = "nadazippiddy";
        var addressTxt = "";
        var street = "";
        if(item.street)
            street = item.street + ", ";
        var zip = "";
        if(item.zip)
            zip = item.zip + " ";
        var city = "";
        if(item.city)
            city = item.city;
        switch(item.type)
        {
        case "poi":
          resultType = item.poi_theme_id;
          addressTxt = street + zip + city;
          break;
        case "postfong":
          resultType = "postfong";
          addressTxt = zip + item.city;
          break;
        case "ornefni_punkt":
          resultType = "ornefni_punkt"
          addressTxt = city;
          break;
         case "ornefni_lin":
          resultType = "ornefni_lin"
          addressTxt = city;
          break;
        default:
          //code to be executed if n is different from case 1 and 2
        }
        
        // Create a feature from each search item
        var gj = new OpenLayers.Format.GeoJSON(in_options);
	features.push(gj.read(item.the_geomjson));
        
        var centerLonLat = features[index][0].geometry.getBounds().getCenterLonLat();
        
        var x = centerLonLat.lon;
        var y = centerLonLat.lat;
        //var x = features[index][0].geometry.x;
        //var y = features[index][0].geometry.y;
        htmlString += '<div id="searchResultBox-' + (index/1+1) + '" class="searchResultBox">';
	htmlString += '<div id="searchResultNumberDropHolder-' + (index/1+1) + '" class="searchResultNumberDropHolder"><div id="searchResultNumberDrop-' + (index/1+1) + '" class="place-index-icon place-index-icon-' + (index/1+1) + '"></div></div>';
	htmlString += '<div id="searchResultBoxTextContainer-' + (index/1+1) + '" class="searchResultBoxTextContainer">';
        htmlString += '<div id="searchResultTypeIceon-' + (index/1+1) + '" class="searchResultTypeIceon"><div id="s_result_icon-' + (index/1+1) + '" class="s_result_icon s_result_icon_' + resultType + '" title="'+getsResultIconLabel(resultType)+'"></div></div>';
        
        if(resultType == "postfong")
            htmlString += '<div id="searchResultHeaderText-' + (index/1+1) + '" class="searchResultHeaderText"><a href=# onclick="zoomToXY(' + x + ', ' + y + ', 11)">' + item.searchkeyword + '</a></div>';
        else
            htmlString += '<div id="searchResultHeaderText-' + (index/1+1) + '" class="searchResultHeaderText"><a href=# onclick="zoomToXY(' + x + ', ' + y + ', 7)">' + item.searchkeyword + '</a></div>';
               
        htmlString += '<div id="searchResultContent-' + (index/1+1) + '" class="searchResultContent">' + addressTxt;
	/* Tekið út þar sem upplýsingarnar eiga frekar heima í hoverbólu
        if (item.type == 'poi')
        {
            if(item.phone)
            {
                htmlString += '<br/>sími: ' + item.phone;
            }
            if(item.webpage)
            {
                htmlString += ' <font color="#BBBBBB">&#8226;</font> <a href="' + item.webpage + '" target="blank">' + item.webpage + '</a>';
            }
        }*/
        htmlString += '</div>';
        htmlString += '</div></div>';

        var typeToken;
        switch (item.type) {
            case ("postfong"):
                typeToken = "-P-";
                break;
            case ("ornefni_punkt"):
                typeToken = "-OP-";
                break;
            case ("ornefni_lin"):
                typeToken = "-OL-";
                break;
            case ("poi"):
                typeToken = "-POI-";
                break;
            default:
                typeToken = "-DOA-";
         }            
       
        // Here's where we piece together the HTML
        //htmlString += typeToken + " " + item.searchkeyword + "</br> ";
        
    });
    
     if ( data[0].totalresults > noResultsToDisplay )
    {  
        
 
        
       
       
       htmlString +='<div id="sResultPageList">';
        
        //if(displayedResults < )
       
       if (currentPage > 1)
       { 
            if (currentPage > 2)
            {
                htmlString += '<a href=javascript:sResultsJumpToPage(1);> << </a>';
            }
            htmlString += ' &nbsp; <a href=javascript:sResultsJumpToPage('+ (currentPage-1) +');> < </a>&nbsp; ';
            
       }
        for(i=1;i<=noPages;i++)
        {
            if( i == currentPage)
                htmlString += '<b>' + i + '</b> ';
            else
                if(i < 10)
                    htmlString += '<a href=javascript:sResultsJumpToPage(' + i + ');>' +i + '</a> ';

            if(noPages > 10)
            {
                // Do something to handle all these pages
            }
        }
        
        htmlString += ' &nbsp; <a href=javascript:sResultsJumpToPage(' + (currentPage+1)+ ');> > </a>';
        htmlString += ' &nbsp;  <a href=javascript:sResultsJumpToPage('+noPages+');> >> </a></div>';
    }
    
    // Sendum niðurstöðurnar í spaltann vinstramegin
    $j("#searchResultPanel").html(htmlString);
    
    // opna spalta
    //$j('#suggestions').hide();
    //$j("#sliderAccordion").accordion("activate", false);
    $j("#sliderAccordion").accordion("activate", 1);
    
    var bounds;
    if(features) 
    {
        if(features.constructor != Array) 
        {
                features = [features];
        }
    
        //Byrjum á merkerunum
        markers.clearMarkers();
        var size = new OpenLayers.Size(24, 27);
        var offset = new OpenLayers.Pixel(-(size.w / 2 ), -(size.h));
        
        // Setti sprite-inn í ótímabundna frystingu þar sem útfærslan virtist tímafrek
        //var icon = new OpenLayers.Icon('img/routing/places_sprite_ovi.png', size, offset);
    
    
        var leMarker = new OpenLayers.Marker();
        
        // Tryggjum að hægt sé að smella á markerana með því færa þá upp í Z-index
        markers.setZIndex(10000);
        
        for(var i=0; i<features.length; i++) 
        {
            // add marker
            var icon_url = 'img/routing/mapis_markers/i' + (i+1) + '.png';
            var icon = new OpenLayers.Icon(icon_url, size, offset);
            // Sækjum miðpunkt geometríunnar til að hægt sé að setja marker á línur og polygona
            //var geometryBounds = new OpenLayers.Bounds( features[i][0].geometry.getBounds() );
            var geometryBounds = features[i][0].geometry.getBounds();
            var markerLonLat = features[i][0].geometry.getBounds().getCenterLonLat();
            leMarker = new OpenLayers.Marker(new OpenLayers.LonLat(markerLonLat.lon, markerLonLat.lat), icon);
            
            leMarker.markerLonLat = markerLonLat;
            
            leMarker.events.register("click", leMarker, function(evt) { zoomToXY(this.markerLonLat.lon,this.markerLonLat.lat,7) });
            
            markers.addMarker(leMarker);
            
            if (!bounds) {
                    bounds = features[i][0].geometry.getBounds();
            } else {
                    bounds.extend(features[i][0].geometry.getBounds());
            }
            
            // Opna sliderinn ef hann er lokaður til að sýna leitarniðurstöður
            if ($j('#sliderPanelBtn').hasClass('close'))
            {
                $j("a#sliderPanelBtn").click();
            }
            
        }
        vectors.addFeatures(features);
        
        if(data.length > 1)
        {
            map.zoomToExtent(bounds);
            if(map.getZoom() > 10)
                map.zoomTo(10);
        }
        else
        {
            //Það er aðeins ein leitarniðurstaða og því súmmum við niður á hana. 
            var centerLonLat = features[0][0].geometry.getBounds().getCenterLonLat();
            var x = centerLonLat.lon;
            var y = centerLonLat.lat;
            
            //debugger;
            if(data[0].type == "postfong")
                zoomToXY( x , y , 11);
            else
                zoomToXY( x , y , 7);
        }
    } 
    else 
    {
        alert('Villa kom upp. ID virkar ekki');
    }

}

function clearSearchResults()
{
    $j("#searchResultPanel").html("");
    markers.clearMarkers();
}

function getsResultIconLabel(type)
{
    switch (type) {
            case ("postfong"):
                return "Póstfang";
                break;
            case ("ornefni_punkt"):
                return "Örnefni";
                break;
            case ("ornefni_lin"):
                return "Örnefni";
                break;
            case ("poi"):
                return "Áhugaverður staður";
                break;
            default:
                return "";
         } 
}


function sResultsJumpToPage(pageNo)
{
    log("go to page #" + pageNo);
    // Calculate offset from maxresultsperpage and pageNo
    sResultsOffset = ((pageNo-1)*noResultsToDisplay);
    theKeyTheKey = $j('#searchInputString').val();
    $j.getJSON('db/mapSearchQueryDB.php?searchString=' + theKeyTheKey + '&noResults=' + noResultsToDisplay + '&offset=' + sResultsOffset, displayMapSearchResults);
    $j("#sliderAccordion").accordion("activate", false);
}


function initSearch()
{
    $j('#searchInputString').focus();
   
}

function addSearchMarker(x, y, number)
{
	//Add marker
	var size = new OpenLayers.Size(32,32);
	var offset = new OpenLayers.Pixel(-(size.w/2-8), -size.h);
	var icon = new OpenLayers.Icon('img/teiknibola.png',size,offset);
	var leMarker = new OpenLayers.Marker( new OpenLayers.LonLat(x,y),icon );
	markers.addMarker(leMarker);
}

function zoomToXY(Lon, Lat, zoomLevel)
{
    var lonlat = new OpenLayers.LonLat( Number(Lon), Number(Lat) );
    map.setCenter( lonlat,zoomLevel);
}

// Slider code begins -------------------------------
function initAccordion(){
    $j("#sliderAccordion").accordion({ fillSpace: true, animated:'easeInOutQuad', duration:'fast', collapsible: true });
}
//<script type="text/javascript">

var poiIcons = new Array();
poiIcons["Airport"] = "Airport.png";poiIcons["Art"] = "Art.png";poiIcons["ATM"] = "ATM.png";poiIcons["Auto Service"] = "Auto_Service.png";poiIcons["Bank"] = "Bank.png";poiIcons["Bus Station"] = "Bus_Station.png";poiIcons["Camping"] = "Camping.png";poiIcons["Car Rental"] = "Car_Rental.png";poiIcons["Church"] = "Church.png";poiIcons["Cinema"] = "Cinema.png";poiIcons["City Hall"] = "City_Hall.png";poiIcons["Comunity Center"] = "Comunity_Center.png";poiIcons["Doctor"] = "Doctor.png";poiIcons["Emergency Shelter"] = "Emergency_Shelter.png";poiIcons["Ferry"] = "Ferry.png";poiIcons["Fire Station"] = "Fire_Station.png";poiIcons["Fishing"] = "Fishing.png";poiIcons["Golf"] = "Golf.png";poiIcons["Government Building"] = "Government Building.png";poiIcons["Hospital"] = "Hospital.png";poiIcons["Ice Skating"] = "Ice_Skating.png";poiIcons["Leisure"] = "Leisure.png";poiIcons["Library"] = "Library.png";poiIcons["Lodging"] = "Lodging.png";poiIcons["Monument"] = "Monument.png";poiIcons["Museum"] = "Museum.png";poiIcons["Park"] = "Park.png";poiIcons["Parking House"] = "Parking_House.png";poiIcons["Parking Lot"] = "Parking_Lot.png";poiIcons["Performing"] = "Performing.png";poiIcons["Petrol Station"] = "Petrol_Station.png";poiIcons["Pharmacy"] = "Pharmacy.png";poiIcons["Police"] = "Police.png";poiIcons["Post House"] = "Post.png";poiIcons["Rest Area"] = "Rest_Area.png";poiIcons["Restaurant"] = "Restaurant.png";poiIcons["School"] = "School.png";poiIcons["Shop"] = "Shop.png";poiIcons["Shopping Centre"] = "Shopping_Centre.png";poiIcons["Sightseeing"] = "Sightseeing.png";poiIcons["Ski Resort"] = "Ski_Resort.png";poiIcons["Sport Centre"] = "Sport_Centre.png";poiIcons["Sport Stadium"] = "Sport_Stadium.png";poiIcons["Swimming Pool"] = "Swimming_Pool.png";poiIcons["Tennis"] = "Tennis.png";poiIcons["Tourist Info"] = "Tourist_Info.png";poiIcons["University"] = "University.png";poiIcons["View"] = "View.png";


var poiScales = new Array();
poiScales['Rest Area'] = new poi(20000, 1);
poiScales['Park'] = new poi(10000, 4);
poiScales['Camping'] = new poi(20000, 7);
poiScales['Leisure'] = new poi(10000, 8);
poiScales['Auto Service'] = new poi(10000, 9);
poiScales['Petrol Station'] = new poi(10000, 10);
poiScales['Car Rental'] = new poi(10000, 12);
poiScales['Parking Lot'] = new poi(10000, 15);
poiScales['Parking House'] = new poi(10000, 16);
poiScales['Lodging'] = new poi(10000, 18);
poiScales['Restaurant'] = new poi(10000, 19);
poiScales['Museum'] = new poi(10000, 20);
poiScales['Cinema'] = new poi(10000, 21);
poiScales['Performing'] = new poi(10000, 22);
poiScales['Tourist Info'] = new poi(33000, 27);
poiScales['Sightseeing'] = new poi(33000, 28);
poiScales['Monument'] = new poi(20000, 29);
poiScales['View'] = new poi(33000, 30);
poiScales['Church'] = new poi(33000, 31);
poiScales['Sport Stadium'] = new poi(20000, 32);
poiScales['Sport Centre'] = new poi(10000, 33);
poiScales['Swimming'] = new poi(33000, 35);
poiScales['Ice Skating'] = new poi(10000, 36);
poiScales['Ski Resort'] = new poi(33000, 37);
poiScales['Tennis'] = new poi(10000, 38);
poiScales['Golf'] = new poi(20000, 40);
poiScales['Hospital'] = new poi(20000, 41);
poiScales['Doctor'] = new poi(10000, 43);
poiScales['Pharmacy'] = new poi(20000, 45);
poiScales['City Hall'] = new poi(10000, 47);
poiScales['Government Building'] = new poi(10000, 48);
poiScales['School'] = new poi(10000, 49);
poiScales['University'] = new poi(10000, 50);
poiScales['Library'] = new poi(10000, 52);
poiScales['Police'] = new poi(33000, 53);
poiScales['Post House'] = new poi(20000, 54);
poiScales['Shopping Centre'] = new poi(33000, 56);
poiScales['Shop'] = new poi(20000, 57);
poiScales['Bank'] = new poi(10000, 58);
poiScales['Verslun og þjónusta'] = new poi(1000, 58);
poiScales['ATM'] = new poi(10000, 59);
poiScales['Airport'] = new poi(33000, 61);
poiScales['Ferry'] = new poi(20000, 62);
poiScales['Airport Arrival'] = new poi(10000, 65);
poiScales['Airport Departure'] = new poi(10000, 66);
poiScales['Bus Station'] = new poi(20000, 71);
poiScales['Art'] = new poi(20000, 97);
poiScales['Fire Station'] = new poi(20000, 98);
poiScales['Comunity Center'] = new poi(10000, 300);
poiScales['Fishing'] = new poi(33000, 300);
poiScales['Emergency Shelter'] = new poi(33000, 301);

//Sýnir hvernig maður sækir gildin í fylkið
//alert(poiScales['Fishing'].scale);




var poiIconsAndIds = [
    [68,"Airport", "Airport"],
    [91,"Art", "Art"],
    [59,"ATM", "ATM"],
    [9,"Auto Service", "Auto_Service"],
    [58,"Bank", "Bank"],
    [71,"Bus Station", "Bus_Station"],
    [7,"Camping", "Camping"],
    [12,"Car Rental", "Car_Rental"],
    [31,"Church", "Church"],
    [21,"Cinema", "Cinema"],
    [47,"City Hall", "City_Hall"],
    [300,"Comunity Center", "Comunity_Center"],
    [43,"Doctor", "Doctor"],
    [301,"Emergency Shelter", "Emergency_Shelter"],
    [62,"Ferry", "Ferry"],
    [98,"Fire Station", "Fire_Station"],
    [300,"Fishing", "Fishing"],
    [40,"Golf", "Golf"],
    [48,"Government Building", "Government_Building"],
    [41,"Hospital", "Hospital"],
    [36,"Ice Skating", "Ice_Skating"],
    [8,"Leisure", "Leisure"],
    [52,"Library", "Library"],
    [18,"Lodging", "Lodging"],
    [29,"Monument", "Monument"],
    [20,"Museum", "Museum"],
    [4,"Park", "Park"],
    [16,"Parking House", "Parking_House"],
    [15,"Parking Lot", "Parking_Lot"],
    [22,"Performing", "Performing"],
    [10,"Petrol Station", "Petrol_Station"],
    [45,"Pharmacy", "Pharmacy"],
    [53,"Police", "Police"],
    [54,"Post House", "Post"],
    [1,"Rest Area", "Rest_Area"],
    [19,"Restaurant", "Restaurant"],
    [49,"School", "School"],
    [57,"Shop", "Shop"],
    [56,"Shopping Centre", "Shopping_Centre"],
    [28,"Sightseeing", "Sightseeing"],
    [37,"Ski Resort", "Ski_Resort"],
    [33,"Sport Centre", "Sport_Centre"],
    [32,"Sport Stadium", "Sport_Stadium"],
    [35,"Swimming Pool", "Swimming_Pool"],
    [38,"Tennis", "Tennis"],
    [27,"Tourist Info", "Tourist_Info"],
    [50,"University", "University"],
    [61,"WiFi", "WiFi"],
    [72,"Speed Camera", "Speed_Camera"],
    [60,"Postbox", "Postbox"],
    [30,"View", "View"]
];



function poi(scale, themeid){
    this.scale = scale;
    this.themeid = themeid;
}

// Hvergi notað??
//var select_wfs_arr = [];


function routingPrintClick(){
    var fjoldi_lina_i_dalk = 10;
    var fjoldi = 0;
    var sHtml = "";
    jQuery.each( $j("#RoutingResultsDIV #rResultsHtml img"), function(i,val){

        if( i == 0 ){
            sHtml += "<div id='routingPrintResults' style='z-index:15;top:500px;left:500px;background-color:white;'>";
            sHtml += "<div style='float:left;'>";
        }

        sHtml += $j(this);

        if( i+1 == $j("#RoutingResultsDIV #rResultsHtml img").length ){

            sHtml += "</div><div>";
        }
        else if( ((i+1)%fjoldi_lina_i_dalk) == 0 ){

            sHtml += "</div>";
            sHtml += "<div style='float:left;'>";
        }
    });
    //return sHtml;
    $j("body").append(sHtml);
}



function initPOI()
{


    // =========================================================================
    // Style factory begins
    // =========================================================================

    // Default styles
    var defaultPOIStyle = new OpenLayers.Style({ 'fillColor':'white','strokeColor': 'white','strokeWidth': 1,'strokeOpacity': 0.1,'fillOpacity': 0.1,'pointRadius':3});
    var selectPOIStyle = new OpenLayers.Style({ 'fillColor':'blue', 'strokeColor':'white', 'strokeWidth': 8, 'fillOpacity':0.3, 'strokeOpacity': 0.3, 'pointRadius':8, 'cursor': 'pointer'});

    // Loops through all POIs
    for (var i = 0; i < poiIconsAndIds.length; i++)
    {
        var newPOIRule = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
                type:"==",
                property: "theme_id",
                value: poiIconsAndIds[i][0]
            }),
            symbolizer: {
                fontColor: "black",
                fontOpacity:	1,
                fontFamily: "Arial,Helvetica,Verdana",
                fontSize: "10px",
                //externalGraphic: "img/poi/16x16/" + poiIconsAndIds[i][2] + ".jpg",
                externalGraphic: "img/poi/21x21_hvitt/" + poiIconsAndIds[i][0] + ".gif",
                graphicXOffset: -10,
                graphicYOffset: -10,
                graphicWidth: 21,
                graphicHeight: 21,
                graphicOpacity: 1
            }

        });

        var newPOISelectRule = new OpenLayers.Rule({
            filter: new OpenLayers.Filter.Comparison({
                type:"==",
                property: "theme_id",
                value: poiIconsAndIds[i][0]
            }),
            symbolizer: {
                /*label: "${name}",
                 labelAlign: "cb",
                 labelYOffset: -25,
                 labelOutlineColor:"white",
                 labelOutlineWidth: 0.5,*/
                fontColor: "black",
                fontOpacity:	1,
                fontFamily: "Arial,Helvetica,Verdana",
                fontSize: "12px",
                //externalGraphic: "img/poi/21x21/" + poiIconsAndIds[i][2] + ".jpg",
                externalGraphic: "img/poi/21x21_hvitt/" + poiIconsAndIds[i][0] + ".gif",
                graphicXOffset: -8,
                graphicYOffset: -8,
                graphicWidth: 16,
                graphicHeight: 16,
                graphicOpacity: 1
            }

        });

        defaultPOIStyle.addRules([newPOIRule]);
        selectPOIStyle.addRules([newPOISelectRule]);
    }

    var poiStyleMap = new OpenLayers.StyleMap();

    poiStyleMap.styles["default"] = defaultPOIStyle;
    poiStyleMap.styles["select"] = selectPOIStyle;

    // =========================================================================
    // Style factory ends
    // =========================================================================



    var serviceURL = "/cgi-bin/proxy.py?url=http://gogn.loftmyndir.is:8080/geoserver/ows?service=wfs"; //EJS

    var styleMap = new OpenLayers.StyleMap(
        {
            'default':{
                'fillColor':'red',
                'strokeColor':'red',
                'strokeWidth':5,
                'strokeOpacity':0.5,
                'fillOpacity':0.5,
                'pointRadius':5
            },
            'select':{
                'fillColor':'blue', // lime
                'strokeColor':'blue', // lime
                'strokeWidth':6,
                'fillOpacity':0.5,
                'strokeOpacity':0.5,
                'pointRadius':6,
                'cursor':'pointer'
            }
        });



    var wfs_scales = new Array(1700000,1000000,500000,250000,100000,50000,25000,10000,5000,2000, 1000, 500, 250);
    var layer;

    var filterList = [];
    var filt = new OpenLayers.Filter.Comparison({
        type:">",
        property:"scale",
        value:Math.round(map.getScale())
    });
    filterList.push(filt)

    filt2 = new OpenLayers.Filter.Comparison({
        type:">",
        property:"birting_skali",
        value:Math.round(map.getScale())
    });
    filterList.push(filt2)

    poi_wfs = new OpenLayers.Layer.Vector("POIVector WFS", {
        strategies: [new OpenLayers.Strategy.BBOX({ratio:1})],
        projection: new OpenLayers.Projection("EPSG:3057"),
        protocol:new OpenLayers.Protocol.WFS({
            version:"1.1.0",
            srsName:"EPSG:3057",
            url:serviceURL,
            encoding:"UTF-8",
            featureNS:"",
            featureType:"lm_poi_with_scales",
            maxFeatures:300,
            geometryName:"the_geom"
        }),
        scales:wfs_scales,
        styleMap:poiStyleMap,
        displayInLayerSwitcher:true,
        visibility:true
    });


    poi_wfs.filter = new OpenLayers.Filter.Logical({
        type:"||",
        filters:filterList
    });



    //client_select_wfs_arr.push(layer);
    //common_layers.push(layer);
    //layer.setVisibility(false);



    map.addLayers([poi_wfs]);
    client_select_wfs_arr.push(poi_wfs);

    //poi_wfs.setVisibility(false);


    ///////////////////////////////////////////
    poi_wfs.events.register('moveend',this,function(evt){
        poi_wfs.strategies[0].calculateBounds();
        poi_wfs.filter.filters[0].value = map.getScale();
        poi_wfs.strategies[0].triggerRead();
        poi_wfs.refresh(true);

        //Eyðabólu
        log("Move - " + poiBolaFlag);
        poiBolaFlag.shift();// = false;
        closeFlex();
        moveFlex();

    });
    //////////////////////////////////////////


}













function initPOI_OLD(){

    $j("#testarea").append("<br /><a id='poirofi' href='#' onclick='poiClick();' >POI on/off</a>");
    //$j("#testarea").append("<br /><a href='#' onclick='routingPrintClick();' style='color:yellow'>prenta niðurstöður</a>");
        var defaultStyle_poi = new OpenLayers.Style({ 'fillColor':'white', 'strokeColor': 'white',  'strokeWidth': 1,   'strokeOpacity': 0.1, 'fillOpacity': 0.1, 'pointRadius':3 });

    var selectStyle_poi = new OpenLayers.Style({ 'fillColor':'blue',  'strokeColor':'white',  'strokeWidth': 8,  'fillOpacity':0.3,  'strokeOpacity': 0.3,   'pointRadius':8,  'cursor': 'pointer'  });

    //---- Factory to generate rules for the style --
    var themeRule;
    for ( var i in poiScales ){
        if( poiScales[i].theme_id ){   // tékkar á hvort gildi er til staðar
            themeRule = new OpenLayers.Rule({
                filter: new OpenLayers.Filter.Comparison({
                    type: OpenLayers.Filter.Comparison.EQUAL_TO,
                    property: "theme_id",
                    value: poiScales[i].themeid
                }), maxScaleDenominator:poiScales[i].scale
            });

            if( poiScales[i].themeid == "Police"){
                alert(poiScales[i].themeid + " - skali:" + poiScales[i].scale);
            }
            defaultStyle_poi.addRules([themeRule]);
            //selectStyle_poi.addRules([themeRule]);
        }
    }
    // --- Style factory ends ---------------------------

    var styleMap_poi = new OpenLayers.StyleMap();

    styleMap_poi.styles["default"] = defaultStyle_poi;
    styleMap_poi.styles["select"] = selectStyle_poi;

    var poi_scales = [100000, 50000, 25000, 10000, 5000, 2000, 1000, 500, 250];

    var poi_wfs = new OpenLayers.Layer.WFS("POIVector WFS","proxies/queryWFS.php?",

        { typename: 'lm_poi_ordered_scales', maxfeatures: 200, cql_Filter: (poiCqlMagic())},
        { 'displayInLayerSwitcher':true,  visibility:false, extractAttributes: true, scales:poi_scales, styleMap:styleMap_poi});

    map.addLayers([poi_wfs]);
    client_select_wfs_arr.push(poi_wfs);

    poi_wfs.setVisibility(false);

    getLayerByName("POIVector").events.register("visibilitychanged", this, function(){
        if(getLayerByName("POIVector").getVisibility())
        {
            getLayerByName("POIVector WFS").setVisibility(true);
        }
        else
        {
            getLayerByName("POIVector WFS").setVisibility(false);
        }
    });

    }

// poiClick er notað þegar smellt er á POI í valmynd/layerswitcher
function poiClick(){

    if(getLayerByName("POIVector WFS").getVisibility()) {
        getLayerByName("POIVector WFS").setVisibility(false);
        $j('#LSCheckbox_02').removeAttr('checked');
        // breytum iconum í LS
        $j('#poi_icon').removeClass("poi_icon_on");
        $j('#poi_icon').addClass("poi_icon_off");
    }else{
        getLayerByName("POIVector WFS").setVisibility(true);
        $j('#LSCheckbox_02').attr('checked','checked');
        // breytum iconum í LS
        $j('#poi_icon').removeClass("poi_icon_off");
        $j('#poi_icon').addClass("poi_icon_on");
    }
}

/*************************** OPENLAYER MOUSE HANDLERAR *******************************/
function onPoiClickCallback(feature, ix, iy)
{
    //debugger;
    // Ef við erum ekki neðarlega þá er hægt að smella á poi ækonið til að sjá betur
    if( map.getScale() > 10000 )
    {
        closeFlex();
        moveFlex();
        zoomToXY( ix , iy , 9);
    }
}

// Glova array sem heldur utan poi-bólur
var poiBolaFlag = new Array();


/*function onPopupClose(evt) {


 // 'this' is the popup.
 var feature = this.feature;
 if (feature.layer) { // The feature is not destroyed
 map.controls[9].unselect(feature);//selectControl.unselect(feature);
 } else { // After "moveend" or "refresh" events on POIs layer all
 //     features have been destroyed by the Strategy.BBOX
 this.destroy();
 }
 }*/


function onPoiSelectCallback(feature, ix, iy){


    poiBolaFlag.push( feature.id );

    log("Select - " + poiBolaFlag);

    //debugger;



    // tefjum bóluna um 1/2 sek
    setTimeout(function() {

        // Hættum við ef annað (nýrra) poi id er komið aftast í fylkið
        if(poiBolaFlag[poiBolaFlag.length - 1] != feature.id )
            return;

        moveFlex();
        var px = map.getPixelFromLonLat(feature.geometry.getBounds().getCenterLonLat())

        var aukaUppl = "";
        if( feature.attributes.ath != undefined ){
            if (feature.attributes.name.toUpperCase() != feature.attributes.ath.toUpperCase() ){
                aukaUppl =  " - " + feature.attributes.ath;
            }
        }

        var px = map.getPixelFromLonLat(feature.geometry.getBounds().getCenterLonLat())

        var upsidedowntextoffset = 52;

        var strHtmlContents = "<div id='poiContainer' style='position:relative;top:-5px;left:-5px;height:125px !important;width:277px !important;z-index:15000;overflow:hidden;'>";
        strHtmlContents += "    <div style='top:" + 4 + "px;' id='poiTemeIcon'>";
        //strHtmlContents += "        <img  src='img/poi/" + poiIcons[feature.attributes.theme_en] + "'>";
        //strHtmlContents += "        <img  src='img/poi/" + poiIconsAndIds[feature.attributes.theme_id][0] + "'>";
        strHtmlContents += "        <img  src='img/poi/21x21_hvitt/" + feature.attributes.theme_id + ".gif'>";
        strHtmlContents += "    </div>";

        var headerName = feature.attributes.name;

        if (headerName.length > 31)
            headerName = headerName.substring(0,30) + "...";

        strHtmlContents += "    <div style='top:" + 7 + "px;' id='poiHeader'><i>"+headerName+"</i></div>";
        strHtmlContents += "    <div style='top:" + 21 + "px;' id='poiSubHeader'>("+ feature.attributes.theme_isl + aukaUppl + ")</div>";
        strHtmlContents += "    <div style='top:" + 37 + "px;' id='poiAddressIcon'>";
        strHtmlContents += "<div class='s_result_icon s_result_icon_postfong' id='poi_bola_address_icon'></div>";//  "    <img  src='img/poi/address_icon.gif' border=0>";
        strHtmlContents += "    </div>";
        strHtmlContents += "    <div style='top:" + 41 + "px;' id='poiAddressText'>";

        var street = "";
        if(feature.attributes.street != undefined){
            strHtmlContents+= feature.attributes.street+"<br/>";
        }
        strHtmlContents+= feature.attributes.zip + " " + feature.attributes.city + "</div>" ; //LM_CityFromZips[feature.attributes.zip] + "</div>" ;

        if(feature.attributes.phone_no != undefined ){
            strHtmlContents+= "<div style='top:" + 71 + "px;' id='poiTelephoneText'>Sími:  " + feature.attributes.phone_no.substr(0,3) + " " + feature.attributes.phone_no.substr(3,5) + "</div>";
        }
        if(feature.attributes.homepage != undefined ){

            //ef það vantar http fremst í linkinn
            var http= "http://";
            if (feature.attributes.homepage.substring(0,4)=="http")
                http = "";

            strHtmlContents +="<div style='top:" + 88 + "px;' id='poiHomePageIcon'><div class='s_result_icon s_result_icon_linkur' id='poi_bola_edit_icon'></div></div>";//<img  src='img/poi/webpage_icon.gif' border='0'></div>";
            strHtmlContents+= "<div style='top:" + 90 + "px;' id='poiHomePageText' class='poiHomePageText'><a href="+ http + feature.attributes.homepage + " target='_blank'>Skoða heimasíðu</a></div>";
        }
        var nananame = feature.attributes.name;
        var lelezippo = feature.attributes.zip;
        strHtmlContents += "<div style='top:" + 5 + "px;left:255px;'  id='poiEditIcon'><a href='#modalpopup2'><div class='s_result_icon s_result_icon_edit' id='poi_bola_address_icon'></div></a></div>";
        //strHtmlContents += "<div style='top:" + 2 + "px;' id='poiEditText'><a href='#modalpopup2'>Leiðrétta</a></div>";
        // Senda
        strHtmlContents += "<div style='top:" + 111 + "px;' id='poiSendIcon'><a href='#modalpopup' title='Smelltu hér til að senda kortið í tölvupósti'><img  src='img/poi/send_icon.gif' border='0'></a></div>";
        strHtmlContents += "<div style='top:" + 113 + "px;' id='poiSendText'><a href='#modalpopup' title='Smelltu hér til að senda kortið í tölvupósti'>Senda</a></div>";
        // Facebook
        strHtmlContents += "<div style='top:" + 111 + "px;' id='poiFacebookIcon'><a rel='nofollow' onclick=\"shareFacebook();\" href='#' title='Smelltu hér til að deila kortinu á Facebook'><img  src='img/poi/facebook_icon.gif' border='0'></a></div>";
        strHtmlContents += "<div style='top:" + 113 + "px;' id='poiFacebookText'><a rel='nofollow' onclick=\"shareFacebook();\" href='#' title='Smelltu hér til að deila kortinu á Facebook'>Facebook</a></div>";
        // Twitter má lagfæra til geta notað íslenska stafi
        strHtmlContents += "<div style='top:" + 111 + "px;' id='poiTwitterIcon'><a rel='nofollow' onclick='shareTwitter();' href='#' title='Smelltu hér til að deila kortinu á Twitter'><img src='img/poi/twitter_icon.gif' border='0'></a></div>";
        strHtmlContents += "<div style='top:" + 113 + "px;' id='poiTwitterText'><a rel='nofollow' onclick='shareTwitter();' href='#' title='Smelltu hér til að deila kortinu á Twitter'>Twitter</a></div>";
        strHtmlContents += "</div>";


        var tooltipFlexObject = [];
        tooltipFlexObject['toolTipContent'] = strHtmlContents;
        tooltipFlexObject['topOffsetHeight'] = 185;
        tooltipFlexObject['bottomOffsetHeight'] = -25;
        tooltipFlexObject['pixelFromLonLat'] = px;
        tooltipFlexObject['ix'] = ix;
        tooltipFlexObject['iy'] = iy;
        tooltipFlexObject['leftOffset'] = 5;
        tooltipFlexObject['rightOffset'] = 15;

        // senda með innihald, topoffset, bottomoffset, getPixelFromLonLat
        positionTooltipFlex(tooltipFlexObject);

        var linkur = sendSyncAJAXRequest('proxies/tinyUrl_proxy.php?longURL=' + escape( viewLink.div.childNodes[0].toString().replace("#","") ) );
        var linkur_text = "Hæ, mig langar að deila með þér þessu korti af mini.loftmyndir.is - Loftmyndir ehf. Vefslóð(stytt):<" + linkur + ">";
        /*strHTML = "<div class='sendMailText' id='sendMail' style='background:#FFFFFF'>";
         strHTML += "<div class='sendMailToDivTitle' id=''>Hér getur þú sent slóð á kortið á tölvupóstfang</div>";
         strHTML += "<div class='sendMailToDiv' id=''><div><b>Til:</b></div><div><input type='text' class='sendMailTo'  id='sendMailToSendMail'/></div>Aðskiljið netföng með, eða ; &nbsp;&nbsp;&nbsp;<i> (t.d. abc@gmail.com; def@gmail.com)</i></div>";
         strHTML += "<div class='sendMailFromDiv'><div><b>Frá:</b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>Ath. þennan reit verður að fylla út</i></div><div><input type='text' class='sendMailFrom' id='sendMailFromSendMail'/></div><input type='checkbox' id='sendMailCopy2MeSendMail' /> Senda afrit á netfangið mitt</div>";
         strHTML += "<div class='sendMailMessageDiv'><div><b>Skilaboð:</b></div><div><textarea class='sendMailMessage' id='sendMailMessageSendMail'>Hæ, mig langar að deila með þér þessu korti af mini.loftmyndir.is - Loftmyndir ehf. Vefslóð(stytt):<" + linkur + "></textarea><div></div>";
         strHTML += "<div class='sendMailButtonsDiv'><input type='button' value='Senda' onclick='sendMail();closeModalWindow();' /> <input type='button' value='Hætta við' onclick='closeModalWindow();' /></div>";
         strHTML += "</div>";*/

        //$j("#modalpopup").html(strHTML);
        $j("#modalpopup").html(getEmailText(linkur_text));
        doModal($j('#poiSendIcon a'));
        doModal($j('#poiSendText a'));

        strHTML = "<div class='sendMailText'id='sendMailCorrection' style='background:#FFFFFF'>";
        strHTML += "<div class='sendMailToDivTitle'>Senda leiðréttingu | " + nananame  + " - " + LM_CityFromZips[lelezippo] + "</div>";
        strHTML += "<div class='sendMailMessageDiv'>Ef upplýsingar á kortinu eru rangar getur þú sent okkur athugasemd.</div>";
        linkur = viewLink.div.childNodes[0];
        var featureInfo = nananame  + " - " + LM_CityFromZips[lelezippo];
        strHTML += "<div class='sendMailMessageDiv2'><div><b>Skilaboð:</b></div><div><textarea class='sendMailMessage' id='sendMailMessageCorrection'></textarea></div></div>";
        strHTML += "<div class='sendMailButtonsDiv2'><input type='button' value='Senda' onclick='sendCorrectionMail(\"" + featureInfo + "\");closeModalWindow();'> <input type='button' value='Hætta við' onclick='closeModalWindow();'></div>";
        strHTML += "</div>";

        $j("#modalpopup2").html(strHTML);
        doModal($j('#poiEditIcon a'));
        doModal($j('#poiEditText a'));


    },200); //end setTimout



    /* Openlayers popup prufa:
     popup = new OpenLayers.Popup.FramedCloud("featurePopup",
     feature.geometry.getBounds().getCenterLonLat(),
     new OpenLayers.Size(100,100),
     strHtmlContents,
     //"<h2>"+feature.attributes.name + "</h2>" + feature.attributes.ath,
     null, true, onPopupClose);
     feature.popup = popup;
     popup.feature = feature;
     map.addPopup(popup, true);


     return;*/

}

function onPoiUnselectCallback(feature){

    /*if (feature.popup) {
     popup.feature = null;
     map.removePopup(feature.popup);
     feature.popup.destroy();
     feature.popup = null;
     }

     */

    log("Unselect - " + poiBolaFlag);

    poiBolaFlag.shift();// = false;
    closeFlex();
    moveFlex();
}

function poiCqlMagic()
{
    return "(zip = 300)";
    //alert("Bresi Ketilsson!");
} 

 function initPanorama()
 {
    //map.addControl(new OpenLayers.Control.OverviewMap());
    log("Panorama component initiated!");

     // B�tum javascript skr� inn fyrir krPano
     // TODO: laga sl��, taka lmtest �t
     loadjscssfile("lib/streetview/krpano16lm.js","js");

     // B�tum inn DIV sem mun innihalda streetviewi� okkar
     $j("body").append('<div id="streetviewGluggi" style="display:none"><div id=lokaPanoBtnDiv><img src="img/streetview/close-button.png" id="close_pano_btn"></div><div id=streetviewGluggiPano></div></div>');

     $j("#close_pano_btn").click(function(e) {panoramaWindowClose()});

     
     var defaultStyle_lm_pano_web_birta = new OpenLayers.Style({
         fillColor:'red',
         strokeColor: 'green',
         //'strokeWidth': 5,
         strokeWidth: 2,
         strokeOpacity: 0.2,
         fillOpacity: 0.2,
         //'pointRadius':5},
         //'pointRadius':15
         //'pointRadius':5
         pointRadius:5
     });
     var selectStyle_lm_pano_web_birta = new OpenLayers.Style(
         {
             fillColor:'orange',
             strokeColor:'lime',
             strokeWidth: 3,
             fillOpacity:0.2,
             strokeOpacity: 0.2,
             pointRadius:5,
             cursor: 'pointer'
         }
     ); //end selectstyle


     var styleMap_lm_pano_web_birta = new OpenLayers.StyleMap();
     styleMap_lm_pano_web_birta.styles["default"] = defaultStyle_lm_pano_web_birta;
     styleMap_lm_pano_web_birta.styles["select"] = selectStyle_lm_pano_web_birta;

     var lm_pano_web_birta_scales = [10000,5000,2000,1000,500,250];
     var lm_pano_web_birta_wfs = new OpenLayers.Layer.WFS("Gotumyndir WFS",
         "proxies/queryWFS.php?",
         //{strategies: [strategy]},
         { typename: 'loftmyndir:lm_pano_web_birta', maxfeatures: 5000},
         { 'displayInLayerSwitcher':true,  visibility:false,
             extractAttributes: true, scales:lm_pano_web_birta_scales, styleMap:styleMap_lm_pano_web_birta});


     map.addLayers([lm_pano_web_birta_wfs]);
     client_select_wfs_arr.push(lm_pano_web_birta_wfs);

     lm_pano_web_birta_wfs.setVisibility(false);

     getLayerByName("Gotumyndir WFS").events.register("visibilitychanged", this, function(){
         if(getLayerByName("Gotumyndir").getVisibility())
         {
             getLayerByName("Gotumyndir WFS").setVisibility(true);
         }
         else
         {
             getLayerByName("Gotumyndir WFS").setVisibility(false);
         }
     });

     
     $j("a.iframe").fancybox({
         //'title' : 'Vegager�in vefmyndav�lar',
         //'width' : '90%',
         //'height' : '90%',
         'width' : '90%',
         'height' : '90%',
         'autoScale' : true,
         'autoDimensions': true,
         //'transitionIn' : 'none',
         //'transitionOut' : 'none',
         'type' : 'iframe'
     });

     $j("a.vefmyndavelar").fancybox({
         showNavArrows	: false
     });
 }

 function onPanoramaClickCallback(feature)
 {
     var panoID = feature.attributes.mynd_nafn;
     log("Panorama Clicked -> open pano window. ID:"+ panoID);
     //panoID = panoID.replace(" ", "_");
     // Minimize map window to make room for streetview window
     //$j("div#map").animate({height: "250px"}, 250 ); //animate virkar ekki me� setCenter ...of lengi!!

     var panoXY = new OpenLayers.LonLat(feature.geometry.x, feature.geometry.y);

     displayPanoWindow(panoID, panoXY);

     document.getElementById("krpanoObj").set("view.hlookat","0");

 }

var headingOffset = 0; // Global to hold offset of current pano.  Init valu = 0 (no offset)
function displayPanoWindow(panoID, panoXY, heading)
{
    removepano("krpanoObj");

    headingOffset = heading;
    log("Pano heading offset: " + headingOffset);

    // B�um til streng �r id-inu til a� rata � r�tta m�ppu � servernum
    var mappa = "20" + panoID.substr(4,2) +  "." + panoID.substr(2,2) +  "." + panoID.substr(0,2);

    // Sl�� � panoramaf�l
    //var swfslod = "http://www.map.is/street/" + mappa + "/" + panoID + ".swf";
    var swfslod = "http://degobah.loftmyndir.is/panorama/" + mappa + "/" + panoID + ".swf";

    $j("div#map").css({height: "250px"});
    // Minimize overview map
    $j(".olControlOverviewMap").hide();

    if(map.getZoom() < 8)
    {
        map.setCenter(panoXY, 10);
    }
    else
    {
        map.setCenter(panoXY, map.getZoom());

        //map.setCenter(panoXY, 10);
    }

    // Let's place the streetview DIV
    $j("div#streetviewGluggi").show();

    //Calculate map size according to browser size
    viewPort = getViewPortSize();
    var height = viewPort.height;
    var width= viewPort.width;
    //debugger;
    h_offset = 27+251; // header + map gluggi minnka sem �v� nemur
    H_CONST = 0;
    W_CONST = 0;
    $j("#streetviewGluggi").css("width",(width-W_CONST)+"px").css("height",(height-h_offset-H_CONST )+"px");
    $j("#streetviewGluggiPano").css("width",(width-W_CONST)+"px").css("height",(height-h_offset-H_CONST )+"px");

    // s�num div-inn sem innih�lt myndina
    $j("div#streetviewGluggi").show();

    //embedpano({swf:"street/050813/" + panoID + ".swf", id:"krpanoObj", xml:"street/050813/" + panoID +".xml", target:"streetviewGluggiPano", html5:"never", passQueryParameters:true});
    embedpano({swf:swfslod, id:"krpanoObj", xml:"lib/streetview/streetview.xml.php?panoid=" + panoID, target:"streetviewGluggiPano", wmode:"transparent", html5:"auto", passQueryParameters:true});

    /*
    Vinir okkar � ja.is

    <embed
    id="krpano"
    height="100%"
    width="100%"
    flashvars="useHTMLFullscreen=false&xml=%2Fkort%2Fpano_xml%2F%3Fskin_host%3Dja.is%26image_id%3D809800%26heading%3D14.7"
    allowscriptaccess="always"
    allowfullscreen="true"
    bgcolor="#000000"
    wmode="direct"
    src="/static/ja360/krpano/krpano_bf.swf"
    type="application/x-shockwave-flash"
    style="outline:none;"
    name="krpano"> */

    //krpanoObj = document.getElementById("krpanoObj");
    // F�rum sl�derinn fr�
    var slidepx=$j("div#sliderPanel").width() + 10;
    var duration = 250;
    if (!$j('#sliderPanelBtn').hasClass('close'))
    {
        $j("a#sliderPanelBtn").click();
    }

     //// ADD MARKERS

     // Geirinn
    var marker_geiri = getMarkerByName("sv_geiri");
    if (typeof(marker_geiri) == "undefined" || marker_geiri == "") {
        var size = new OpenLayers.Size(76, 76);
        var offset = new OpenLayers.Pixel(-38, -38);
        var icon = new OpenLayers.Icon('img/streetview/sv_geiri_bleikur_small.png', size, offset);
        marker_geiri = new OpenLayers.Marker(panoXY, icon);
        marker_geiri.name = "sv_geiri";
        markers.addMarker(marker_geiri);
    }
    else
    {
        var newPx = map.getLayerPxFromLonLat(panoXY);
         marker_geiri.moveTo(newPx);
    }
     // Kallinn
    var marker_kall = getMarkerByName("sv_kall");
    if (typeof(marker_kall) == "undefined" || marker_kall == "") {
        var size = new OpenLayers.Size(11, 22);
        var offset = new OpenLayers.Pixel(-6, -22);
        var icon = new OpenLayers.Icon('img/streetview/sv_kall_small.png', size, offset);
        marker_kall = new OpenLayers.Marker(panoXY, icon);
        marker_kall.name = "sv_kall";
        markers.addMarker(marker_kall);
         var kallDiv = marker_kall.icon.imageDiv;
         $j(kallDiv).draggable( {
            containment: 'document',
            helper: myDragHelper,
            stop: handleDragStop
        } );

        //({ containment: "#containment-wrapper", scroll: false })
    }
    else
    {
        var newPx = map.getLayerPxFromLonLat(panoXY);
        marker_kall.moveTo(newPx);
    }

    // til a� tryggja a� markerarnir birtist
    map.updateSize();
}

 function krpanoOnviewchanged(panoID)
 {
     //log( "hlookat:" + krpanoObj.get("view.hlookat") + " " + "vlookat:" + krpanoObj.get("view.vlookat"));

     //debugger;

     //var kr = document.getElementById("krpanoObj"+panoID);//"krpanoObj"+panoID;

     //setStreeViewAngle(kr.get("view.hlookat"));


     //var kr = document.getElementById( krpanoObj + panoID );
     var kr = document.getElementById("krpanoObj");
     setStreeViewAngle(kr.get("view.hlookat"));
 }

 function setStreeViewAngle(deg)
 {
     var marker_geiri = getMarkerByName("sv_geiri");
     if (typeof(marker_geiri) == "undefined" || marker_geiri == "") {
         //do nothing
     }
     else
     {
         // Reiknum r�tt horn m.v. offsetti� � valinni p�nu
         var degree = Number(deg) + Number(headingOffset);
         if (degree > 360)
            degree = degree-360;

         var divID = marker_geiri.icon.imageDiv.id;
         $j("#" + divID).css({
                 '-moz-transform':'rotate(' + degree + 'deg)',
                 '-webkit-transform':'rotate(' + degree + 'deg)',
                 '-o-transform':'rotate(' + degree + 'deg)',
                 '-ms-transform':'rotate(' + degree + 'deg)',
                 'transform':'rotate(' + degree + 'deg)'
             });
     }
 }


 function onPanoramaSelectCallback()
 {
     log("Panorama select");
 }

 function onPanoramaUnselectCallback()
 {
     log("Panorama unselect");
 }

 function panoramaWindowClose()
 {
     // hendum streetview myndinni
     removepano("krpanoObj");
     markers.clearMarkers();

     // felum div-inn sem innih�lt myndina
     $j("div#streetviewGluggi").hide();

     // staekkum kortagluggann til baka.  Leggjum saman haed streetv gluggans og korts
     var mapHeight = $j("div#streetviewGluggi").height() + $j("div#map").height();
     $j("div#map").css({height: mapHeight +"px"});

     // Segjum OL ad map divinn hafi breyst
     map.updateSize();
     // Teiknum aftur grunnlayerana til a� f� tile-a sem g�ti vanta� �egar vi� st�kkum korti� til baka.
     for (index = 0; index < map.layers.length; ++index) {
         if(map.layers[index].isBaseLayer == true)
         {
             if(map.layers[index].visibility == true)
             {
                 map.layers[index].redraw();
                 log("Refreshed " + map.layers[index].name )
             }
         }
     }

     getLayerByName("Kort").redraw();
     getLayerByName("Loftmynd").redraw();

     // hendum kallinum (og geiranum)
     //getMarkerByName("sv_kall").erase();
     //getMarkerByName("sv_geiri").erase();

     //getMarkerByName("sv_kall").destroy();
     //getMarkerByName("sv_geiri").destroy();

     // Overview map back it's place
     $j(".olControlOverviewMap").show();
 }

function doStreetview()
{
    //getLayerByName("GotumyndirWMS").setVisibility(true);
}

function myDragHelper( event ) {

    // Sl�kkvum � navigation � OL til a� korti� dragist ekki me�
    var nav = map.getControlsByClass("OpenLayers.Control.Navigation");
    nav[0].deactivate();
    getLayerByName("GotumyndirWMS").setVisibility(true);

    return '<div id="draggableHelper" style="width:21px;height:44px;z-index:10001;"><img id="streetviewDragHelper" style="width: 17px; height: 47px;position:absolute;top:-10px;left:-10px;" src="img/streetview/streetview_kall_drag_animated.gif"></div>';
}

function handleDragStop( event, ui ) {

    // Virkum aftur OL navigation
    var nav = map.getControlsByClass("OpenLayers.Control.Navigation");
    nav[0].activate();
    getLayerByName("GotumyndirWMS").setVisibility(false);

    var offsetXPos = parseInt( ui.offset.left );
    var offsetYPos = parseInt( ui.offset.top );

    var maptop = $j('#map').position().top; //$j('#map').css('top').replace("px","");
    var mapleft = $j('#map').position().left; //$j('#map').css('left').replace("px","");
    var lonlat = map.getLonLatFromViewPortPx(new OpenLayers.Pixel(offsetXPos-mapleft , offsetYPos-maptop+28) ); // 28 er til a� offseta fyrir drag-drop myndina

    // H�fum leitarrad�us st�rri eftir �v� hversu langt vi� erum fr�
    var sRadius = 50;
    if (map.getScale() > 5000)
        sRadius = Math.round(map.getScale()/100); // scale 1:100000 -> search radius = 1000m

    var panoid = sendSyncAJAXRequest('db/streetview_nearestDB.php?lon=' + lonlat.lon + '&lat=' + lonlat.lat + '&radius=' + sRadius);

    if(panoid != "")
    {
        var resp = panoid.split("|");
        var leID = resp[0];
        var heading = resp[3];
        var panoXY = new OpenLayers.LonLat(resp[1], resp[2]);

        //displayPanoWindow(panoid, lonlat, heading);
        //debugger;


        setTimeout(function() {
            //document.getElementById("krpanoObj").set("view.hlookat","0");
            displayPanoWindow(leID, panoXY, heading);
        }, 500);

    }
}

function initDrag()
{
    $j('#headerBtnStreetview').draggable( {
        containment: 'document',
        helper: myDragHelper,
        stop: handleDragStop
    } );
    $j('#headerBtnDivStreetview').draggable( {
        containment: 'document',
        helper: myDragHelper,
        stop: handleDragStop
    } );
}      
// ClientSelect er keyrt eftir að kortið hefur initialized og allt wfs hefur verið initialized
function initClientSelect()  
{
    if( client_select_wfs_arr.length > 0 ){
        var ttoptions = {
                hover: true,
                onSelect: onClientSelectCallback,
                onUnselect: onClientUnselectCallback,
                clickFeature: onClientClickCallback	
        }        
        client_select = new OpenLayers.Control.SelectFeature(client_select_wfs_arr, ttoptions);
        map.addControl(client_select);
        client_select.hover = true;
        client_select.activate();	        
    }
}      





function onClientUnselectCallback(feature){

    if( feature.layer.name == "POIVector WFS" ){   
        onPoiUnselectCallback(feature)    }
    if( feature.layer.name == "Skámyndir WFS" ){   
        onSkamyndirUnselectCallback(feature);    }
    if( feature.layer.name == "Vefmyndavélar WFS" ){   
        onVefmyndavelarUnselectCallback(feature);    }
    if( feature.layer.name == "Gotumyndir WFS" ){   
        onPanoramaUnselectCallback(feature);    }
}

function onClientClickCallback(feature){
    if( feature.layer.name == "POIVector WFS" ){   
        onPoiClickCallback(feature, feature.geometry.x, feature.geometry.y);    }
    if( feature.layer.name == "Skámyndir WFS" ){   
        onSkamyndirClickCallback(feature, this.handlers.feature.evt.xy.x, this.handlers.feature.evt.xy.y);    }
    if( feature.layer.name == "Vefmyndavélar WFS" ){   
        onVefmyndavelarClickCallback(feature, this.handlers.feature.evt.xy.x, this.handlers.feature.evt.xy.y);    }
    if( feature.layer.name == "Gotumyndir WFS" ){   
        onPanoramaClickCallback(feature, this.handlers.feature.evt.xy.x, this.handlers.feature.evt.xy.y);    }
}

function onClientSelectCallback(feature){
    if( feature.layer.name == "POIVector WFS" ){   
        onPoiSelectCallback(feature, this.handlers.feature.evt.xy.x, this.handlers.feature.evt.xy.y);    }
    if( feature.layer.name == "Skámyndir WFS" ){   
        onSkamyndirSelectCallback(feature, this.handlers.feature.evt.xy.x, this.handlers.feature.evt.xy.y);    }
    if( feature.layer.name == "Vefmyndavélar WFS" ){   
        onVefmyndavelarSelectCallback(feature, this.handlers.feature.evt.xy.x, this.handlers.feature.evt.xy.y);    }
    if( feature.layer.name == "Gotumyndir WFS" ){   
        onPanoramaSelectCallback(feature, this.handlers.feature.evt.xy.x, this.handlers.feature.evt.xy.y);    }
    
}var shownBaseLayersArr = [];
shownBaseLayersArr.push("Kort");
shownBaseLayersArr.push("Loftmynd");

function switchBaseLayers( index )
{
    var oldBaseLayerIndex = findActiveBaseLayer();
    
    // Tökum út selected classann og setjum inn venjulegan
    $j('#mapselbtn' + i).toggleClass('map_sel_selected', false);
    $j('#mapselbtn' + i).toggleClass('map_sel_notselected', true);

    map.setBaseLayer(map.layers[index]);
    updateWhenLSIsUpdated();   // Uppfærir panZoomBarinn 
    
    // Setjum inn selected classann á nýja kortið og setjum inn venjulegan
    $j('#mapselbtn' + index).toggleClass('map_sel_notselected', false);
    $j('#mapselbtn' + index).toggleClass('map_sel_selected', true);
    
    // change background color of map depending on map type
    // needs better implementation, kind of hard coded this way
    if(map.layers[index].layername == "myndkort")
    {
        $j("#map").css("background-color", "#233e59");
        getLayerByName("VegirMyndkort").setVisibility(true);
        getLayerByName("VegirMyndkort").setOpacity(0.5);
        //getLayerByName("Örnefni_myndkort").setVisibility(true);
    }
    else
    {
        $j("#map").css("background-color", "#95abc0");
        getLayerByName("VegirMyndkort").setVisibility(false);
        //getLayerByName("Örnefni_myndkort").setVisibility(false);
    }
}

function findActiveBaseLayer()
{
    for( i = 0; i < map.layers.length; i++ )
    {   
        if( map.layers[i].isBaseLayer == true && map.layers[i].visibility == true )
        {
            return i;
        }
    }
}

function initBaseLayersChooser(shownbaselayers){
        
    var headerBtnHTML = "";
    // 86 pixels for each button. button is 74 8 pixels space between
    var btnLeftPosition = 0; 

    //var sHtml = "<div id='baselayers_chooser'>";
    for( u = 0; u < shownBaseLayersArr.length; u++ ){
        for( i = 0; i < map.layers.length; i++ ){
            if(map.layers[i].isBaseLayer){
                //if( shownbaselayers.indexOf(map.layers[i].name) > -1 )
                if( shownBaseLayersArr[u] == map.layers[i].name ){
                    // Fyrsti baselayerinn er alltaf valinn í upphafi
                    if(btnLeftPosition == 0){
                        headerBtnHTML += "<div  onclick='javascript:switchBaseLayers(" + i + ");return false;' id='mapselbtn" + i + "' class='map_sel_selected' style='left:" + btnLeftPosition + "px;'><a href='#' onclick='javascript:switchBaseLayers(" + i + ");return false;'>" + map.layers[i].name + "</a></div>";
                    }
                    else{
                        headerBtnHTML += "<div  onclick='javascript:switchBaseLayers(" + i + ");return false;' id='mapselbtn" + i + "' class='map_sel_notselected' style='left:" + btnLeftPosition + "px;'><a href='#' onclick='javascript:switchBaseLayers(" + i + ");return false;'>" + map.layers[i].name + "</a></div>";
                    }
                    btnLeftPosition += 86;
                    // original frá linkurinn frá Jonasi
                    //sHtml += "<span><a href='#' onclick='javascript:switchBaseLayers(" + i + ");return false;'>" + map.layers[i].name + "</a></span>";
                }
            }
        }
    }
    //sHtml += '</div>';    
    //$j("body").append(sHtml);
    $j('#map_type').html(headerBtnHTML);
}
//</script>

// Global af því að það er svo gaman!
var headerButtonArray = new Array();
// búum tol JS object til að halda utan um proprty fyrir hnappa í haus
function headerButtonObj(name, icon, icon_hover, icon_selected, captionICE, captionENG, action, offAction){
    this.name = name;
    this.icon = icon;
    this.icon_hover = icon_hover;
    this.icon_selected = icon_selected;
    this.captionICE = captionICE;
    this.captionENG = captionENG;
    this.action = action;
    this.offAction = offAction;
    this.selected = false; //Keeps track og button state
}

function initHeaderButtons()
{
    // Do something, just....

    //Let's construct a row of buttons
    // Reads headerButtons.xml to find out what buttons are to be displayed
    var buttonsHTML = "";

    var HBobj = new headerButtonObj('Streetview','img/header_img/streetview_icon.png','img/header_img/streetview_icon_hover.png','img/header_img/streetview_icon_selected.png','Götusýn','Streetview','doStreetview();','doStreetview();');
headerButtonArray['Streetview'] = HBobj; 
buttonsHTML += '<img id=headerBtnStreetview class=headerBtnImg src=img/header_img/streetview_icon.png onclick=javascript:pressHeaderButton("Streetview");  onMouseOver=flickHeaderButton("Streetview"); onMouseOut=headerButtonOFF("Streetview");><div id=headerBtnDivStreetview class=headerBtnTxt  onclick=javascript:pressHeaderButton("Streetview"); onMouseOver=flickHeaderButton("Streetview"); onMouseOut=headerButtonOFF("Streetview");>Götusýn</div>';var HBobj = new headerButtonObj('Measure','img/header_img/maela_icon.png','img/header_img/maela_icon_hover.png','img/header_img/maela_icon_hover.png','Mæla','Measure','doMeasure();','doMeasure();');
headerButtonArray['Measure'] = HBobj; 
buttonsHTML += ' | ';
buttonsHTML += '<img id=headerBtnMeasure class=headerBtnImg src=img/header_img/maela_icon.png onclick=javascript:pressHeaderButton("Measure");  onMouseOver=flickHeaderButton("Measure"); onMouseOut=headerButtonOFF("Measure");><div id=headerBtnDivMeasure class=headerBtnTxt  onclick=javascript:pressHeaderButton("Measure"); onMouseOver=flickHeaderButton("Measure"); onMouseOut=headerButtonOFF("Measure");>Mæla</div>';var HBobj = new headerButtonObj('Print','img/header_img/prenta_icon.png','img/header_img/prenta_icon_hover.png','img/header_img/prenta_icon_hover.png','Prenta','Print','/*doPrint();*/LM_createPrintMap();pressHeaderButton("Print");','');
headerButtonArray['Print'] = HBobj; 
buttonsHTML += ' | ';
buttonsHTML += '<img id=headerBtnPrint class=headerBtnImg src=img/header_img/prenta_icon.png onclick=javascript:pressHeaderButton("Print");  onMouseOver=flickHeaderButton("Print"); onMouseOut=headerButtonOFF("Print");><div id=headerBtnDivPrint class=headerBtnTxt  onclick=javascript:pressHeaderButton("Print"); onMouseOver=flickHeaderButton("Print"); onMouseOut=headerButtonOFF("Print");>Prenta</div>';var HBobj = new headerButtonObj('Share','img/header_img/deila_icon.png','img/header_img/deila_icon_hover.png','img/header_img/deila_icon_hover.png','Deila','Share','doShare();','');
headerButtonArray['Share'] = HBobj; 
buttonsHTML += ' | ';
buttonsHTML += '<img id=headerBtnShare class=headerBtnImg src=img/header_img/deila_icon.png onclick=javascript:pressHeaderButton("Share");  onMouseOver=flickHeaderButton("Share"); onMouseOut=headerButtonOFF("Share");><div id=headerBtnDivShare class=headerBtnTxt  onclick=javascript:pressHeaderButton("Share"); onMouseOver=flickHeaderButton("Share"); onMouseOut=headerButtonOFF("Share");>Deila</div>';
    $j('#headerButtons').html(buttonsHTML);

    // TODO: Þarf að vera annarsstaðar
    initDrag();
}

function flickHeaderButton(buttonID)
{
    var imageElement = "#headerBtn" + buttonID;
    var DivElement = "#headerBtnDiv" + buttonID;

    if($j(imageElement).attr("src") == headerButtonArray[buttonID].icon_hover)
    {
        // slökkvum á takkanum
        $j(imageElement).attr("src",  headerButtonArray[buttonID].icon);
        $j(DivElement).removeClass('headerBtnTxtON');
    }
    else
    {
        // Kveikjum á takkanum
        $j(imageElement).attr("src",  headerButtonArray[buttonID].icon_hover);
        $j(DivElement).addClass('headerBtnTxtON');
    }
}

function headerButtonON(buttonID)
{
    var imageElement = "#headerBtn" + buttonID;
    var DivElement = "#headerBtnDiv" + buttonID;

    if($j(imageElement).attr("src") == headerButtonArray[buttonID].icon_hover)
    {
        return;  //þarf ekki að kveikja
    }

    // Kveikjum á takkanum
    $j(imageElement).attr("src",  headerButtonArray[buttonID].icon_hover);
    $j(DivElement).addClass('headerBtnTxtON');
}

function headerButtonOFF(buttonID)
{
    var imageElement = "#headerBtn" + buttonID;
    var DivElement = "#headerBtnDiv" + buttonID;
    // slökkvum á takkanum
    $j(imageElement).attr("src",  headerButtonArray[buttonID].icon);
    $j(DivElement).removeClass('headerBtnTxtON');
}

function pressHeaderButton(buttonID)
{
    var imageElement = "#headerBtn" + buttonID;
    var DivElement = "#headerBtnDiv" + buttonID;

    if(  headerButtonArray[buttonID].selected == false )
    {
        // Hreinsum öll mouseover og mouseout attribjút af
        //fyrst textinn
        $j(DivElement).removeAttr('onMouseOver');
        $j(DivElement).removeAttr('onMouseOut');
        $j(DivElement).removeClass('headerBtnTxtON');
        // svo íkonið
        $j(imageElement).removeAttr('onMouseOver');
        $j(imageElement).removeAttr('onMouseOut');

        // Flöggum takkan í selected stöðu
        headerButtonArray[buttonID].selected = true;
        // Setjum inn selected ikon myndina
        $j(imageElement).attr("src",  headerButtonArray[buttonID].icon_selected);
        // Setjum inn selected class á textann
        $j(DivElement).addClass('headerBtnTxtSelected');

        // keyrum takka skriptið
        eval(headerButtonArray[buttonID].action);
    }
    else
    {
        //debugger;
        // Tökum selected flaggið af
        headerButtonArray[buttonID].selected = false;
        // Tökum selected classann af
        $j(DivElement).removeClass('headerBtnTxtSelected');

        // action fyrir mouseOut
        var mOutVal = "javascript:headerButtonOFF('" + buttonID + "')";
        // action fyrir mouseOver
        var mOverVal = "javascript:headerButtonON('" + buttonID + "')";

        // action sett á mouseOver
        $j(DivElement).attr('onMouseOver', mOverVal);
        $j(imageElement).attr('onMouseOver', mOverVal);
        // action sett á mouseOut
        $j(DivElement).attr('onMouseOut', mOutVal);
        $j(imageElement).attr('onMouseOut', mOutVal);

        // standard icon sett inn
        $j(imageElement).attr("src",  headerButtonArray[buttonID].icon);
        eval(headerButtonArray[buttonID].offAction);

    }

    /* 
     if($j(imageElement).attr("src") != headerButtonArray[buttonID].icon_selected)
     {

     $j(imageElement).attr("src",  headerButtonArray[buttonID].icon_selected);
     $j(DivElement).addClass('headerBtnTxtSelected');
     eval(headerButtonArray[buttonID].action);
     }
     else
     {
     //flickHeaderButton(buttonID);
     $j(imageElement).attr("src",  headerButtonArray[buttonID].icon);
     $j(DivElement).removeClass('headerBtnTxtSelected');
     }*/
}


function headerButtonClear(buttonID){

    var imageElement = "#headerBtn" + buttonID;
    var DivElement = "#headerBtnDiv" + buttonID;
    //if(  headerButtonArray[buttonID].selected == true )
    //{
    // Tökum selected flaggið af
    headerButtonArray[buttonID].selected = false;
    // Tökum selected classann af
    $j(DivElement).removeClass('headerBtnTxtSelected');

    // action fyrir mouseOut
    var mOutVal = "javascript:headerButtonOFF('" + buttonID + "')";
    // action fyrir mouseOver
    var mOverVal = "javascript:headerButtonON('" + buttonID + "')";

    // action sett á mouseOver
    $j(DivElement).attr('onMouseOver', mOverVal);
    $j(imageElement).attr('onMouseOver', mOverVal);
    // action sett á mouseOut
    $j(DivElement).attr('onMouseOut', mOutVal);
    $j(imageElement).attr('onMouseOut', mOutVal);

    // standard icon sett inn
    $j(imageElement).attr("src",  headerButtonArray[buttonID].icon);
    // }
}function initDropdownBox(){

    var sHtml = "";
    sHtml += "<div id='sharecontainer' >";
    sHtml += "<fieldset id='share_menu'>";
    sHtml += "<div id='phTinyurl'><div>";
    sHtml += "<div id='shareSendIcon'><a href='#modalpopup' title='Smelltu hér til að senda kortið í tölvupósti'><img  src='img/poi/send_icon.gif' border='0'></a></div>";
    sHtml += "<div id='shareSendText'><a href='#modalpopup' title='Smelltu hér til að senda kortið í tölvupósti'>Senda</a></div>";
    sHtml += "<div id='shareFacebookIcon'><a rel='nofollow' onclick='shareFacebook();' href='#' title='Smelltu hér til að deila kortinu á Facebook'><img  src='img/poi/facebook_icon.gif' border='0'></a></div>";
    sHtml += "<div id='shareFacebookText'><a rel='nofollow' onclick='shareFacebook();' href='#' title='Smelltu hér til að deila kortinu á Facebook'>Facebook</a></div>";
    sHtml += "<div id='shareTwitterIcon'><a rel='nofollow' onclick='shareTwitter();' href='#' title='Smelltu hér til að deila kortinu á Twitter'><img src='img/poi/twitter_icon.gif' border='0'></a></div>";
    sHtml += "<div id='shareTwitterText'><a rel='nofollow' onclick='shareTwitter();' href='#' title='Smelltu hér til að deila kortinu á Twitter'>Twitter</a></div>";
    sHtml += "</fieldset>";
    sHtml += "</div>";
    
    $j("body").append(sHtml);    
    
    $j(document).ready(function() {        

        $j("fieldset#share_menu").mouseup(function() {
            return false;
        }); 
        
        $j(document).mouseup(function(e) {
            if( $j(e.target).is("#headerBtnDivShare") || $j(e.target).is("#headerBtnShare") ){
               if( $j("fieldset#share_menu").hasClass('menu-open') ) {
                    headerButtonClear("Share");
                }                
            }else{
                
                if( $j("fieldset#share_menu").hasClass('menu-open') ) {
                    headerButtonClear("Share");
                    $j("fieldset#share_menu").toggle();
                    $j("fieldset#share_menu").toggleClass("menu-open");                 
                }
            }
        });
    });
}


function doShare(){
    $j("#sendMailDescriptDiv").remove();
    $j("#share_menu").prepend(getPermaText());
    
    if( $j("fieldset#share_menu").hasClass('menu-open') ) {
        headerButtonClear("Share"); 
    }
    
    $j("fieldset#share_menu").toggle();
    $j("fieldset#share_menu").toggleClass("menu-open");  
    //addthis_share.email_vars.permalinkurinn = $j("#inputLinkEmail").val();
    /*$j("#facebook_share").attr("href", "http://platform.twitter.com/widgets/tweet_button.html?href=" + $j("#inputLinkEmail").val() );
    $j("#twitter_share").attr("href", "http://platform.twitter.com/widgets/tweet_button.html?text=mini.loftmyndir.is&url=" + $j("#inputLinkEmail").val() );*/
        
    var linkur = sendSyncAJAXRequest('proxies/tinyUrl_proxy.php?longURL=' + escape( viewLink.div.childNodes[0].toString().replace("#","") ) );
    var linkur_text = "Hæ, mig langar að deila með þér þessu korti af mini.loftmyndir.is - Loftmyndir ehf. Vefslóð(stytt):<" + linkur + ">";
    /*strHTML = "<div class='sendMailText' id='sendMail' style='background:#FFFFFF'>";
    strHTML += "<div class='sendMailToDivTitle' id=''>Hér getur þú sent slóð á kortið á tölvupóstfang</div>";
    strHTML += "<div class='sendMailToDiv' id=''><div><b>Til:</b></div><div><input type='text' class='sendMailTo'  id='sendMailToSendMail'/></div>Aðskiljið netföng með, eða ; &nbsp;&nbsp;&nbsp;<i> (t.d. abc@gmail.com; def@gmail.com)</i></div>";
    strHTML += "<div class='sendMailFromDiv'><div><b>Frá:</b></div><div><input type='text' class='sendMailFrom' id='sendMailFromSendMail'/> <b>Ath. þennan reit verður að fylla út</b></div><input type='checkbox' id='sendMailCopy2MeSendMail' /> Senda afrit á netfangið mitt</div>";
    //strHTML += "<div class='sendMailMessageDiv'><div><b>Skilaboð:</b></div><div><textarea class='sendMailMessage' id='sendMailMessageSendMail'>Hæ, mig langar að deila með þér þessu korti af mini.loftmyndir.is - Loftmyndir ehf. Vefslóð(stytt):<" + linkur + "></textarea><div></div>";
    strHTML += "<div class='sendMailMessageDiv'><div><b>Skilaboð:</b></div><div><textarea class='sendMailMessage' id='sendMailMessageSendMail'>"+ linkur_text +"</textarea><div></div>";
    strHTML += "<div class='sendMailButtonsDiv'><input type='button' value='Senda' onclick='sendMail();closeModalWindow();' /> <input type='button' value='Hætta við' onclick='closeModalWindow();' /></div>";    
    strHTML += "</div>";      
    $j("#modalpopup").html(strHTML);*/ // getEmailText
    $j("#modalpopup").html(getEmailText(linkur_text));
    doModal($j('#shareSendIcon a')); 
    doModal($j('#shareSendText a'));        
}

//</script>


//Code to check if standard layerswitcher is needed

// mini.loftmyndir.is style layerswitcher implementatione

var displayLS = true;  // Global var - to hold LS state

function initCustomLayerSwitcher()
{
    var LSHTML = "";
    LSHTML += "<div id=LSHeaderDiv>";
    LSHTML += "<img id=LSImg class=LSImg src='img/header_img/layers_icon.png' onclick='javascript:pressLSButton();'  onMouseOver='javascript:LSButtonHover();' onMouseOut='javascript:LSButtonOFF();'>";
    LSHTML += "</div>";
    
    LSHTML += "<div id='LSListContainerDiv' onMouseOver='javascript:showLS();'><div id='LSHeader'></div><div id='LSListDiv'>";
    LSHTML += "<span class='LSTextEntry' onclick='skamyndirClick();'><div id='skamyndir_icon' class='skamyndir_icon_off'><a href='#'></a></div><div id='skamyndir_txt'>Skámyndir</div></span><br/>";
    LSHTML += "<span class='LSTextEntry' onclick='vefmyndavelarClick();'><div id='vefmyndavelar_icon' class='vefmyndavelar_icon_off'></div><div id='vefmyndavelar_txt'>Vefmyndavélar</div></span><br/>";
    LSHTML += "<span class='LSTextEntry' onclick='poiClick();'><div id='poi_icon' class='poi_icon_on'></div><div id='poi_txt'>Áhugaverðir staðir</div></span>";
    //LSHTML += "</br>";
    //LSHTML += "<span class='LSTextEntry' onclick='faerdClick();'><div id='faerd_icon' class='faerd_icon_off'></div><div id='faerd_txt'>Færð á vegum</div></span>";
    LSHTML += "</div></div>"; 
    
    $j('body').append(LSHTML);
    
     /*$j('#LSListContainerDiv').mouseleave(function() {
     hideLS();
     });*/
}

function pressLSButton()
{
    if(displayLS)
    {
        displayLS = false;
        $j('#LSListContainerDiv').fadeOut("fast");
    }
    else
    {
        displayLS = true;
        $j('#LSListContainerDiv').fadeIn("fast");
    }
}

function LSButtonHover()
{
    //$j('#LSListContainerDiv').fadeIn("fast");
}

function LSButtonOFF()
{
    //$j('#LSListContainerDiv').fadeOut("fast");
    //alert("bújah!");
}

function hideLS(evt)
{
    $j('#LSListContainerDiv').fadeOut("fast");
}

function showLS()
{
    $j('#LSListContainerDiv').show();
}var isOverviewMapOpen = true;
function initOverviewMapStatic()
{
    var graphicoptions = {numZoomLevels: 1, displayInLayerSwitcher:false};
    var static_overview_graphic_image = new OpenLayers.Layer.Image(
                    'iceland',
                    'http://g.map.is/img/island_180x90.jpg',
                    new OpenLayers.Bounds(143000,255000,866000,735000),
                    new OpenLayers.Size(180, 90),
                    graphicoptions
            );
    map.addLayers([static_overview_graphic_image]);

    var ovgraphic = static_overview_graphic_image.clone();		
	
    olControlOverviewMap = new OpenLayers.Control.OverviewMap({ 
			maximized: isOverviewMapOpen,  
			mapOptions:{
				theme: null,//'css/overviewstyle.css',
				maxExtent: new OpenLayers.Bounds(143000,255000,866000,735000),
				restrictedExtent: new OpenLayers.Bounds(143000,255000,866000,735000),
				units:'m',
				maxResolution: 599.72189837239716, 
				numZoomLevels: 1,
				projection:"EPSG:3057"
			},
			layers:[ovgraphic]
			/*,  // þarf ekki að nota
			minRatio:64,
			maxRatio:128
			*/
        });

    map.addControl(olControlOverviewMap);

    // verður að activata til að keyra upp custom config
    olControlOverviewMap.activate();	
    // Hafa default opið
    //$j(".olControlOverviewMapElement").show();
    //$j(".olControlAttribution").css( "right", "210px"); //.css( "bottom", "3px");
    
    

    if( isOverviewMapOpen )
    {
            $j(".olControlOverviewMapElement").show();
            $j(".olControlOverviewMapMaximizeButton").hide();
            $j(".olControlOverviewMapMinimizeButton").show();		
            $j(".olControlAttribution").css( "right", "210px"); //.css( "bottom", "3px");
    }
    
    
    $j(document).ready(function() {

        
        
        $j(".olControlOverviewMapMinimizeButton").mouseup(function() {
            $j(".olControlAttribution").css( "right", "20px"); //.css( "bottom", "3px");
        }); 
        
        $j(".olControlOverviewMapMaximizeButton").mouseup(function() {
            $j(".olControlAttribution").css( "right", "210px"); //.css( "bottom", "3px");
        }); 
        
    });    
    
    
}


var measureControls;

function initMeasure()
{
    map.addControl(new OpenLayers.Control.MousePosition());

    // style the sketch fancy
    var sketchSymbolizers = {
        "Point": {
            pointRadius: 4,
            graphicName: "square",
            fillColor: "white",
            fillOpacity: 1,
            strokeWidth: 1,
            strokeOpacity: 1,
            strokeColor: "#333333"
        },
        "Line": {
            strokeWidth: 2.5,
            strokeOpacity: 1,
            strokeColor: "#ff8600"/*,
            strokeDashstyle: "dash"*/
        },
        "Polygon": {
            strokeWidth: 2,
            strokeOpacity: 1,
            strokeColor: "#666666",
            fillColor: "white",
            fillOpacity: 0.3
        }
    };
    var style = new OpenLayers.Style();
    style.addRules([
        new OpenLayers.Rule({symbolizer: sketchSymbolizers})
    ]);
    var styleMap = new OpenLayers.StyleMap({"default": style});
    
    var vectors_measure = new OpenLayers.Layer.Vector("Maelingar", {style: styleMap, 'displayInLayerSwitcher':false});
    map.addLayer(vectors_measure);

    // allow testing of specific renderers via "?renderer=Canvas", etc
    var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
    renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers;

    measureControls = {
        line: new OpenLayers.Control.Measure(
            OpenLayers.Handler.Path, {
                showDistances: true, 
                persist: true,
                geodesic: false, 
                partialDelay: 300,
                handlerOptions: {
                    layerOptions: {
                        renderers: renderer,
                        styleMap: styleMap
                    }
                },
                callbacks: { 
                    create: function() {  
                        
                        this.textNodes = []; // býr til fylki til að halda utan um vegalengdir á leggjunum
                        
                        //getLayerByName("Maelingar").destroyFeatures();  
                        //debugger;
                        //$j("#measurementResults").html("");

                    },
                    done: function(line) {

                        //log("total length" + line.getLength() );
                        // Flag to know if previous measurement was done
                        // Used to earase measurement labels
                        this.doneMeasure = true;
                        //this.textNodes = [];
                        //measureControls["line"].deactivate();
                        //measurementDone(line);
                        if (line.getLength() >= 1000)
                        {
                            var linelength = (line.getLength()/1000);
                            $j("#measurementResults").html(linelength.toFixed(2) + " km");
                        }
                        else
                        {
                            var linelength = (line.getLength());
                            $j("#measurementResults").html(linelength.toFixed(0) + " m");
                        }
                        
                        
                        //Place the result div
                        var lonlatino = new OpenLayers.LonLat(line.components[line.components.length -1].x,line.components[line.components.length -1].y);
                        var pixpix = new OpenLayers.Pixel;
                        pixpix =  map.getPixelFromLonLat( lonlatino );
                        $j("#measurementResults").css("top", (pixpix.y + $j("#map").position().top - 7) );
                        $j("#measurementResults").css("left", (pixpix.x + $j("#map").position().left + 5) );
                        
                         if(map.layers[findActiveBaseLayer()].layername == "myndkort")
                        {
                           $j("#measurementResults").css("color", "#FFFFFF");
                        }
                        else
                        {
                            $j("#measurementResults").css("color", "#333333");
                        }
                        
                        
                        $j("#measurementResults").show();
                        //alert( linelength.toFixed(2) + " km");
                    },
                    modify: function(point, line) {
                        
                        
                        /* modify begins */
                        // Færum Mælinga layerinn þ.a. textinn lendi ofan á línunni
                        // Þyrfti helst að vera kallað í þetta þegar teiknikotrólið 
                        // er í init en fann það ekki.
                        map.raiseLayer(getLayerByName("Maelingar"), 3);

                        // introduce a delay for IE browsers so they will
                        // draw the first segment						

                        if (!this.showDistances) { 
                                return; 
                        } 
                        var len = line.geometry.components.length; 
                        var from = line.geometry.components[len - 2]; 
                        var to = line.geometry.components[len - 1]; 
                        var ls = new OpenLayers.Geometry.LineString([ 
                                  from,to]); 
                        var dist = this.getBestLength(ls); 
                        if (!dist[0]) { 
                                return; 
                        } 
                        var total = this.getBestLength(line.geometry); 
                        var label; 
                        if (dist[1] == 'm') { 
                                label = dist[0].toFixed(0)+dist[1]; 
                        } else { 
                                label = dist[0].toFixed(1)+dist[1]; 
                        } 

                        var textNode = this.textNodes[len-2] || null; 
                        if (textNode && !textNode.layer) { 
                                this.textNodes.pop();
                                textNode = null; 
                        } 

                        // Choose color for labeling.  White for Myndtkort and black for Kort
                        // Hrannar 11.10.2011
                        if(map.layers[findActiveBaseLayer()].layername == "myndkort")
                        {
                            var measureLabelColor = "#FFFFFF";
                        }
                        else
                        {
                            var measureLabelColor = "#333333";
                        }


                        if (!textNode) { 
                            var c = ls.getCentroid(); 
                            textNode = new OpenLayers.Feature.Vector( 
                                new OpenLayers.Geometry.Point(c.x,c.y), 
                                {}, { 
                                        label: '', 
                                        fontColor: measureLabelColor, 
                                        fontSize: "10px", 
                                        fontFamily: "Arial", 
                                        fontWeight: "bold", 
                                        labelAlign: "c",
                                        labelXOffset: 0,
                                        labelYOffset: 0,
                                        graphicZIndex: 100000
                                }); 

                            this.textNodes.push(textNode);                     
                            if( !this.handler.control.handler.evt.shiftKey )
                            { 	
                                // Hrannar
                                // Here we check if there was a measurement before
                                // and clean measurement labels (for the legs)
                                if(this.doneMeasure == true)
                                {
                                    getLayerByName("Maelingar").destroyFeatures();
                                    this.doneMeasure = false;
                                    $j("#measurementResults").html("");
                                    $j("#measurementResults").hide();
                                }
                                getLayerByName("Maelingar").addFeatures([textNode]); 
                            }

                        } 
                        textNode.geometry.x = (from.x+to.x)/2; 
                        textNode.geometry.y = (from.y+to.y)/2; 
                        textNode.style.label = label; 
                        if( !this.handler.control.handler.evt.shiftKey ){
                            textNode.layer.drawFeature(textNode); 
                        }				

                        this.events.triggerEvent('measuredynamic', { 
                            measure: dist[0], 
                            total: total[0], 
                            units: dist[1], 
                            order: 1, 
                            geometry: ls 
                        }); 	
                        /* modify ends*/
                    } 
                }
            }
        ),
        polygon: new OpenLayers.Control.Measure(
            OpenLayers.Handler.Polygon, {
                persist: true,
                handlerOptions: {
                    layerOptions: {
                        renderers: renderer,
                        styleMap: styleMap
                    }
                }
            }
        )
    };

    var control;
    for(var key in measureControls) {
        control = measureControls[key];
        control.events.on({
            "measure": handleMeasurements,
            "measurepartial": handleMeasurements
        });
        map.addControl(control);
    }
    
    // Add div to display results
    var mDiv = '<div id="measurementResults"></div>';
    $j("body").append(mDiv);
    $j("#measurementResults").hide();
}

function handleMeasurements(event) {
    var geometry = event.geometry;
    var units = event.units;
    var order = event.order;
    var measure = event.measure;
    //var element = document.getElementById('output');

    var out = "";
    if(order == 1) {
        out += "measure: " + measure.toFixed(3) + " " + units;
    } else {
        out += "measure: " + measure.toFixed(3) + " " + units + "<sup>2</" + "sup>";
    }
    
   
    //$j("#measurementResults").show();
    
    //element.innerHTML = out;
}

function doMeasure()
{
    // new measurement -> hide last result
    $j("#measurementResults").html("");
    $j("#measurementResults").hide();
    
    //debugger;
    // Hrannar
    if(measureControls.line.active)
    {
        measureControls.line.deactivate();
        getLayerByName('Maelingar').destroyFeatures();
    }
    else
    {
        measureControls.line.activate();
    }
    
    
    // activate Measure control
    /*var type = "line"; //line hardcoded for now
    
    for(key in measureControls) {
        var control = measureControls[key];
        if(type == key) 
            control.activate();
        else 
            control.deactivate();
    } */
}    
//<script type="text/javascript">
function initPermalink()
{
   viewLink = new OpenLayers.Control.Permalink();
   map.addControl(viewLink); 
}
//<script>


// All component scripts have been added and now we need to INIT them!!!
function initComponents()
{
    initSlider();/* No init for contex menu */initRouting();initSuggestions();initToolTipFlex();initSmoothPopup();initSkamyndir();initDialog();initModalBox();initPrint(); initMalmoPrint();initVefmyndavelar();initSearch();initAccordion();initPOI();initPanorama();initClientSelect();initBaseLayersChooser("Kort, Myndkort");initHeaderButtons();initDropdownBox();initCustomLayerSwitcher();LSButtonHover();}

// All controls scripts have been added and now we need to INIT them!!!
function initControls()
{
initOverviewMapStatic(); 
 
initMeasure(); 
 
initPermalink(); 
 
}