var jsReady = false;
var selected_fylke = -1;

window.addEvent('domready', function() {

	var so = new SWFObject("http://www.elproffen.no/Webdesk/documents/Proffen/Layout%202008/map.swf", "Map", "216", "450", "8", "#fff");
	so.addParam("allowScriptAccess", "always");
    so.addParam("wmode","transparent");
 	so.write("flashcontent");
    var jsReady = true;	

 	DrawFylker();
});

 	function DrawFylker()
	{
		$('lists').empty();
		var heading = new Element('h1').appendText("Velg fylke").injectInside($('lists'));
		var fylkerDD = new Element('ul', {'id':'fylker','class':'fylker'}).injectInside($('lists'));
	 
		 fylker.each(function(fylke,index) {
		 	var listElement = new Element('li').injectInside(fylkerDD);
			var listElementAnchor = new Element('a', {
			'events': {
				'click': function() {try{
					thisMovie("Map").mouseClickFylke(fylke[0].fylkesnummer);
					}catch(e){mouseClickFylke(fylke[0].fylkesnummer);}
				},
				'mouseenter': function() {try{
					thisMovie("Map").mouseOverFylke(fylke[0].fylkesnummer);
					}catch(e){}
				},
				'mouseleave': function() {try{
					thisMovie("Map").mouseOutFylke(fylke[0].fylkesnummer);
					}catch(e){}
				}
			},
			'id':'a'+fylke[0].fylkesnummer,
			'href': '#',
			'class': 'fylke'
			}).appendText(fylke[0].name).injectInside(listElement);
		 });	
	}


	function getIndexByFylkesNummer(index)
	{
		for(i=0;i<fylker.length;i++)
		{
			if(fylker[i][0].fylkesnummer == index)
				break;
		}
		return i;
	}


	function DrawElektrikere(index)
	{			
//	 	$('content').appendText("DrawElektrikere("+index+")\n"); 
		$('lists').empty();
		var returnLink = new Element('a',{'events':{'click': function() {
			Reset();
		}},'href':'#','class':'return'}).appendText("Velg fylke").injectInside($('lists'));
		var heading = new Element('h1').appendText(fylker[index][0].name).injectInside($('lists'));
		var elektrikereDD = new Element('ul', {'id':'elektrikere','class':'elektrikere'}).injectInside($('lists'));
		
		fylker[index][1].each(function(elektriker,index) {
		 	var listElement = new Element('li').injectInside(elektrikereDD);
			var listElementAnchor = new Element('a', {
			'events': {
				'click': function() {
					DrawElektriker(index);
				},
				'mouseenter': function() {
				},
				'mouseleave': function() {
				}		
			},
			'id':'a'+index,
			'href': '#',
			'class': 'elektriker'
			}).setHTML('<span class="location">'+elektriker.location+'</span>'+elektriker.name).injectInside(listElement);
		 });			
	}
	
	function DrawElektriker(index)
	{
	
		$('lists').empty();		
		var returnLink = new Element('a',{'events':{'click': function() {
			Reset();
		}},'href':'#','class':'return'}).appendText("Velg fylke").injectInside($('lists'));
		var returnLink = new Element('a',{'events':{'click': function() {
			DrawElektrikere(selected_fylke);
		}},'href':'#','class':'returnFylke'}).appendText(fylker[selected_fylke][0].name).injectInside($('lists'));
		var heading = new Element('h1').appendText(fylker[selected_fylke][1][index].name).injectInside($('lists'));		

		var description = new Element('p', {'class':'description'}).setHTML(fylker[selected_fylke][1][index].description).injectInside($('lists'));
               if(fylker[selected_fylke][1][index].image)
{
		var image = new Element('img', {'src':'../../images/'+fylker[selected_fylke][1][index].image}).injectTop(description);
}
		var label = new Element('span', {'class':'label'}).setHTML('Hjemmeside: ').injectInside($('lists'));
		var homepageUrl = fylker[selected_fylke][1][index].homepage.replace(/^\s*/, "").replace(/\s*$/, "");

		//If homepageUrl link is NOT empty
		if(homepageUrl != ""){
			//If homepage link does not contain http://
			if(homepageUrl.indexOf("http://") == -1){
				homepageUrl = "http://"+homepageUrl;
			}

			homepageUrl = "<a href=\""+homepageUrl+"\" target=\"_blank\">"+homepageUrl+"</a>";
		}

		var paragraph = new Element('p', {'class':'value'}).setHTML(homepageUrl).injectInside($('lists'));

		label = new Element('span', {'class':'label'}).setHTML('Bes&oslash;ksadresse: ').injectInside($('lists'));
		paragraph = new Element('p', {'class':'value'}).setHTML(fylker[selected_fylke][1][index].visit).injectInside($('lists'));

		label = new Element('span', {'class':'label'}).setHTML('Postadresse: ').injectInside($('lists'));		
		paragraph = new Element('p', {'class':'value'}).setHTML(fylker[selected_fylke][1][index].post).injectInside($('lists'));
		
		label = new Element('span', {'class':'label'}).setHTML('Telefon: ').injectInside($('lists'));
		paragraph = new Element('p', {'class':'value'}).setHTML(fylker[selected_fylke][1][index].telephone).injectInside($('lists'));
		
		label = new Element('span', {'class':'label'}).setHTML('Telefaks: ').injectInside($('lists'));
		paragraph = new Element('p', {'class':'value'}).setHTML(fylker[selected_fylke][1][index].fax).injectInside($('lists'));
		
		label = new Element('span', {'class':'label'}).setHTML('E-post: ').injectInside($('lists'));
		paragraph = new Element('p', {'class':'value'}).setHTML('<a href="mailto:'+fylker[selected_fylke][1][index].email+'">'+fylker[selected_fylke][1][index].email+'</a>').injectInside($('lists'));
		
		
		if(fylker[selected_fylke][1][index].email != ''){
			var form = new Element('form', {'action':'/Webdesk/sendmail'}).injectInside($('lists'));
			
			var input = new Element('input',{'type':'hidden','name':'ms_mimetype','value':'text/html'}).injectInside(form);
			input = new Element('input',{'type':'hidden','name':'ms_to_address','value':fylker[selected_fylke][1][index].email}).injectInside(form);
			input = new Element('input',{'type':'hidden','name':'ms_subject','value':'Kontaktskjema - www.elproffen.no'}).injectInside(form);
			input = new Element('input',{'type':'hidden','name':'ms_content','value':'<p>Navn: $ms_from_name$<br />E-post: $ms_from_address$<br />Postnr: $Postnr$<br/>Tekst: $Tekst$</p>'}).injectInside(form);		
			
			label = new Element('label',{'for':'ms_from_name'}).setHTML('Ditt navn:').injectInside(form);
			input = new Element('input',{'type':'text','size':'30','id':'ms_from_name','name':'ms_from_name'}).injectInside(form);
			
			label = new Element('label',{'for':'ms_from_address'}).setHTML('Din e-post adresse:').injectInside(form);
			input = new Element('input',{'type':'text','size':'30','id':'ms_from_address','name':'ms_from_address'}).injectInside(form);
			
			label = new Element('label',{'for':'Postnr'}).setHTML('Ditt postnr:').injectInside(form);
			input = new Element('input',{'type':'text','size':'10','id':'Postnr','name':'Postnr'}).injectInside(form);
			
			label = new Element('label',{'for':'Tekst'}).setHTML('Tekst:').injectInside(form);
			input = new Element('textarea',{'rows':'5','cols':'40','id':'Tekst','name':'Tekst'}).injectInside(form);
	
			input = new Element('input',{'type':'submit','value':'Send','class':'submit'}).injectInside(form);
		}	
	}
	

     function isReady() {
         return jsReady;
     }
	 
     function thisMovie(movieName) {
         if (navigator.appName.indexOf("Microsoft") != -1) {
             return window[movieName];
         } else {
             return document[movieName];
         }
     }
	 
	 function Reset()
	 {
		selected_fylke = -1;
		try{thisMovie("Map").Reset();}catch(e){}
		DrawFylker();
	 }
	 
	 function mouseClickFylke(index)
	 {
//	 	$('content').appendText("mouseClickFylke("+index+"), selected_fylke: "+selected_fylke+"\n");		
		selected_fylke = getIndexByFylkesNummer(index);
//		$('content').appendText("mouseClickFylke("+index+"), selected_fylke :("+selected_fylke+")\n");
		DrawElektrikere(selected_fylke);	
	 }
	 
	 function mouseHoverFylke(index)
	 {
	// 	$('content').appendText("mouseHoverFylke("+index+")\n"); 
	 	if(selected_fylke==-1)
	 	 	$('a'+index).setStyle('background','#f4f4f4');
	 }
	 
	 function mouseLeaveFylke(index)
	 {
	 //	$('content').appendText("mouseLeaveFylke("+index+")\n"); 
	 	if(index!=selected_fylke)
	 	 	$('a'+index).setStyle('background','#fff');
	 }
