var imageArray = new Array('logga_a.jpg', 'logga_b.jpg','logga_c.jpg','logga_d.jpg');
var myImages=new Array();
for(i=0; i<=imageArray.length-1; i++){
	myImages[i]=new Image()
	myImages[i].src=imageArray[i]
}
var time = 4000;
var fade_up = 0;
var fade_down = 100;
var fadespeed = 10; //lower the faster;
var isf = 0;
var interval = 0;
var wait = 0;
var nextpic = 0;
var startpic = Math.random()*(imageArray.length-1);
startpic = Math.round(startpic);

/* Denna funktion skrivs i html-koden för att starta skriptet */
function startImageShow(){
	if(startpic == 3){
		pic = 0;
	}
	else{
		pic = startpic+1;
	}
	document.write("<div style='background-image: url(logos/" + imageArray[pic] + "); background-repeat: no-repeat;' id='id_div'><img src='logos/" + imageArray[startpic] + "' id='id_img' /></div>");
	imgShow();
}

function imgShow(){
	if(isf == 0 || wait == 1){
		wait = 0;
		delay();
	}
	else if(isf == 1){
		fadeDownImg();
	}
	else if(isf == 2){
		fadeUpImg();
	}
}

function delay(){	
	if(isf == 2){
		setTimeout("imgShow()", time);
	}
	else{
		isf = 1;	
		setTimeout("imgShow()", time);
	}
}

function fadeDownImg(){
	interval = setInterval("changeOpacityDown()", fadespeed);
}

function fadeUpImg(){
	interval = setInterval("changeOpacityUp()", fadespeed);
}

function changeOpacityDown(){
	var objBrowser = document.getElementById("id_img").style;	
	objBrowser.opacity = fade_down/100;
	objBrowser.MozOpacity = (fade_down/100);
	objBrowser.KhtmlOpacity = (fade_down/100);
	objBrowser.filter = "alpha(opacity="+fade_down+")";
	fade_down = fade_down - 1;
	if(fade_down == 0){
		clearInterval(interval);
		fade_down = 100;
		isf = 2;
		wait = 1;
		w = 0;
		changePic(w);
		imgShow();
	}	
}

function changeOpacityUp(){
	var objBrowser = document.getElementById("id_img").style;	
	objBrowser.opacity = fade_up/100;
	objBrowser.MozOpacity = (fade_up/100);
	objBrowser.KhtmlOpacity = (fade_up/100); 
	objBrowser.filter = "alpha(opacity="+fade_up+")";
	fade_up = fade_up + 1;
	if(fade_up == 100){
		clearInterval(interval);
		fade_up = 0;
		isf = 1;
		wait = 1;
		w = 1;
		changePic(w);
		imgShow();
	}	
}

//Ändra bild för "img" eller "div"
function changePic(w){
	if(w == 0){
		if(pic == 3){
			pic = 0;
		}
		else{
			pic = pic+1;
		}
		document.getElementById("id_img").src = "logos/" + imageArray[pic];
	}
	else{
		if(pic == 3){
			pic = 0;
		}
		else{
			pic = pic+1;
		}	
		document.getElementById("id_div").style.backgroundImage = "url(logos/" + imageArray[pic] + ")";
	}
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

/* MENYEGENSKAPER */
function showSubMenu(parent_menu){	
	document.getElementById(parent_menu).style.display = 'block';
}

function modSubMenu(parent_menu){
	var parentArray = new Array('menu_program', 'menu_boende', 'menu_vartattveta');
	for(var i=0; i<parentArray.length; i++){
		if(parent_menu == parentArray[i]){
			document.getElementById(parent_menu).style.display = 'block';
		}
		else{
			document.getElementById(parentArray[i]).style.display = 'none';			
		}
	}
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* Anmälan boende, göm-, visa text */

/*
function hideText(){
	document.getElementById("anm").style.display="none";
	document.getElementById("anma").href="javascript: showText()";
}

function showText(){
	document.getElementById("anm").style.display="block";	
	document.getElementById("anma").href="javascript: hideText()";
}
*/
function addAccomFirst(){
	document.getElementById("anm").style.display="block";	
	document.getElementById("anma").href="anmalan_konferensen.php?cont=1&ra=1";
}

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* Öppnar ett nytt fönster */

function newWindow(){
	window.open('anmalan_konferensen.php', 'poppage', 'toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=500, height=500 left = 200, top = 200');
}
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/* Google Maps API */
function initialize() {
  if (GBrowserIsCompatible()) {
    var map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(57.68754262368522, 11.647889614105225), 13);
    map.addControl(new GSmallMapControl());
    map.addControl(new GMapTypeControl());

    // Create a base icon for all of our markers that specifies the
    // shadow, icon dimensions, etc.
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
    baseIcon.iconSize = new GSize(20, 34);
    baseIcon.shadowSize = new GSize(37, 34);
    baseIcon.iconAnchor = new GPoint(9, 34);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);

    var areaNames = new Array();
 	areaNames[0] = "<b>Tältängen:</b>";
 	areaNames[1] = "<b>Spången:</b>";
 	areaNames[2] = "<b>Asfaltsplan:</b>";
 	areaNames[3] = "<b>Halvors äng:</b>";
 	areaNames[4] = "<b>Spindeln:</b>";
 	areaNames[5] = "<b>Spindeln södra:</b>";
	areaNames[6] = "<b>Hedens hamn:</b>";
	areaNames[7] = "<b>Brevik:</b>";
	areaNames[8] = "<b>Mossen:</b>";
	areaNames[9] = "<b>Mossen:</b>";
	areaNames[10] = "<b>Lilla Norgården:</b>";


  	var areaInfo = new Array();
  	areaInfo[0] = "Tältplatser";
  	areaInfo[1] = "husvagn m. förtält";
  	areaInfo[2] = "husvagn utan förtält med el";
  	areaInfo[3] = "husvagn m. förtält och el";
  	areaInfo[4] = "husvagn m. förtält och el";
  	areaInfo[5] = "husvagn m. förtält";
  	areaInfo[6] = "husvagn utan förtält med el";
  	areaInfo[7] = "husvagn med eller utan förtält";
  	areaInfo[8] = "husvagn m. förtält, en del av platserna<br>har även möjlighet att ladda batteri";
  	areaInfo[9] = "tältplatser för barnfamiljer";
   	areaInfo[10] = "husvagn med förtält och el";
   	  	
	var areaCoordinatesX = new Array();
	areaCoordinatesX[0] = "57.68738204471962";
	areaCoordinatesX[1] = "57.68711823487425";
	areaCoordinatesX[2] = "57.69136189933892";
	areaCoordinatesX[3] = "57.69757166376154";
	areaCoordinatesX[4] = "57.695157837476415";
	areaCoordinatesX[5] = "57.69444111224381";
	areaCoordinatesX[6] = "57.69406267560112";
	areaCoordinatesX[7] = "57.68112464599614";
	areaCoordinatesX[8] = "57.68832830336599";
	areaCoordinatesX[9] = "57.68794980287254";
	areaCoordinatesX[10] = "57.69708432461972";
	
    var areaCoordinatesY = new Array();
 	areaCoordinatesY[0] = "11.64852261543274";
 	areaCoordinatesY[1] = "11.64925217628479";
 	areaCoordinatesY[2] = "11.643683910369873";
 	areaCoordinatesY[3] = "11.654670238494873";
 	areaCoordinatesY[4] = "11.6609787940979";
 	areaCoordinatesY[5] = "11.661912202835083";
 	areaCoordinatesY[6] = "11.662448644638062";
 	areaCoordinatesY[7] = "11.664390563964844";
 	areaCoordinatesY[8] = "11.641098260879517";
 	areaCoordinatesY[9] = "11.640733480453491";
	areaCoordinatesY[10] = "11.651333570480347";

    // Creates a marker whose info window displays the letter corresponding
    // to the given index.
    function createMarker(point, index, area, info) {
	    

      // Create a lettered icon for this point using our icon class
      var letter = String.fromCharCode("A".charCodeAt(0) + index);
      var letteredIcon = new GIcon(baseIcon);
      letteredIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";

      // Set up our GMarkerOptions object
      markerOptions = { icon:letteredIcon };
      var marker = new GMarker(point, markerOptions);

      GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(area + " " + info);
      });
      return marker;
    }
    for (var i = 0; i < areaNames.length; i++) {
		var latlng = new GLatLng(areaCoordinatesX[i], areaCoordinatesY[i]);
		var an = areaNames[i];
		var ai = areaInfo[i];
		map.addOverlay(createMarker(latlng, i, an, ai));
    }
  }
}