// global flag
var isIE = false;

// global request and XML document objects
var req;

function keuze(value)
{
	new Ajax.Updater('poll','/js/poll.php', {
		parameters: { keuze: value },
		onComplete: function(request) {}
	} );
}

// retrieve XML document (reusable generic function);
// parameter is URL string (relative or complete) to
// an .xml file whose Content-Type is a valid XML
// type, such as text/xml; XML source must be from
// same domain as HTML file
function loadXMLDoc(url) {
    // branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.onreadystatechange = processReqChange;
        req.open("GET", url, true);
        req.send(null);
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        isIE = true;
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("GET", url, true);
            req.send();
        }
    }
}

// handle onreadystatechange event of req object
function processReqChange() {
    // only if req shows "loaded"
    if (req.readyState == 4) {
        // only if "OK"
        if (req.status == 200) {
            // clearTopicList();
            shops();
         } else {
            alert("There was a problem retrieving the XML data:\n" +
                req.statusText);
         }
    }
}

// invoked by "Category" select element change;
// loads chosen XML document, clears Topics select
// element, loads new items into Topics select element
function loadDoc(evt) {
    // equalize W3C/IE event models to get event object
    evt = (evt) ? evt : ((window.event) ? window.event : null);
    if (evt) {
        // equalize W3C/IE models to get event target reference
        var elem = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
        if (elem) {
            try {
                if (elem.selectedIndex > 0) {
                    loadXMLDoc(elem.options[elem.selectedIndex].value);
                }	
            }
            catch(e) {
                var msg = (typeof e == "string") ? e : ((e.message) ? e.message : "Unknown Error");
                alert("Unable to get XML data:\n" + msg);
                return;
            }
        }
    }
}
function grow(id)
{
	var map = document.getElementById("map");
	var city = map.getElementsByTagName('div')[id];
	new Effect.Grow(city);
}
function show(id)
{
	var city = document.getElementById(id);
	city.style.display = 'none';
	new Effect.Grow(city);
	// alert('test'+id);
}
function video(video)
{
	if(video == 'shoponfire')
	{
		var video = 'shoponfire';
	}
	else
	{
		var video = 'youtube';
	}
	var layer = document.getElementById('layer');
	layer.innerHTML = '<div id="videodisplay" onclick="hidevideo()"><div id="close"></div><iframe src="'+video+'.html" frameborder="0" scrolling="no" height="340" width="560"></iframe></div>';
	layer.style.opacity = 0;
	layer.style.display = 'block';
	layer.morph('opacity:1', {duration: 0.5});
	var audio = document.getElementById('audioplayer');
	audio.innerHTML = '<param name="movie" value="/audio/player.swf"><param name="FlashVars" value="playerID=1&amp;autostart=no&amp;loop=yes&amp;leftbg=0xd9d6d0&amp;lefticon=0x69b40f&amp;border=0xd9d6d0&amp;righticon=0x69b40f&amp;righticonhover=0x000000&amp;rightbg=0xd9d6d0&amp;rightbghover=0xd9d6d0&amp;initialvolume=45&amp;soundFile=/audio/beat.mp3"><param name="quality" value="high"><param name="menu" value="false"><param name="wmode" value="transparent">';
}
function citydata()
{
	var layer = document.getElementById('layer');
	layer.innerHTML = '<div id="overflow"></div><div id="locatiedisplay" onclick="hidevideo()"><div id="close"></div><iframe src="/new/citydata.php#dag8" frameborder="0" scrolling="no" height="480" width="340"></iframe>Klik op het shirticoontje om te zien waar de<br />HTC-tourcaravan in jouw plaats staat.</div>';
	layer.style.opacity = 0;
	layer.style.display = 'block';
	layer.morph('opacity:1', {duration: 0.5});
}
function hidevideo()
{
	var layer;
	layer = document.getElementById('layer');
	// layer.innerHTML = '';
	// layer.style.display = 'none';
	layer.morph('opacity:0', {duration: 0.6, afterFinish: function() {
		layer.innerHTML = '';
		layer.style.display = 'none';
	}});
}
// fill Topics select list with items from
// the current XML document
function shops() {
	var title,id,font,left,top;
	var map = document.getElementById("map");
	var items = req.responseXML.getElementsByTagName("item");
	// loop through <item> elements, and add each nested
	// <title> element to Topics select element
	for (var i = 0; i < items.length; i++)
	{
		title = items[i].getElementsByTagName("title")[0].firstChild.nodeValue;
		left = items[i].getElementsByTagName("left")[0].firstChild.nodeValue;
		top = items[i].getElementsByTagName("top")[0].firstChild.nodeValue;
		id = items[i].getElementsByTagName("id")[0].firstChild.nodeValue;
		// alert(id);
		font = items[i].getElementsByTagName("class")[0].firstChild.nodeValue;
		map.innerHTML += '<div id="'+id+'" class="'+font+'" style="top: '+top+'px; display: none; left: '+left+'px;">'+title+'</div>';
    }
	for(var i = 0; i < items.length; i++)
	{
		// map.getElementsByTagName('div')[i].style.display = 'none');
		setTimeout("grow("+i+")",(i*60));
	}
}

function hide(id)
{
	new Effect.Pulsate(id, {
		pulses: 1, duration: 0.6,
		afterFinish: (function () {
			new Effect.SwitchOff(id);
			/*new Effect.Grow(id, {
				afterFinish: (function () {
					
				})
			});*/
		})
	});
}
function hidecity()
{
	setTimeout("hide(7cd32eee5dc8f041cb78c1dc84e48bbc)",1000);
	setTimeout("hide(aa43d8cd68396ef8e5f1f982c2943502)",1200);
	setTimeout("hide(30108c511aba75c5669e031efbe18745)",1400);
	setTimeout("hide(3949f67d97c86ccd1765fe8e2fe0952e)",1600);
	setTimeout("hide(5db4e87eb641f18606419fa8db07ab86)",2000);
	setTimeout("hide(af9b48f2d0ce18b819a9dcf8fa92c48e)",2400);
	
	setTimeout("show('30108c511aba75c5669e031efbe18745')",5000);
	setTimeout("show('3949f67d97c86ccd1765fe8e2fe0952e')",5200);
	setTimeout("show('7cd32eee5dc8f041cb78c1dc84e48bbc')",5400);
	setTimeout("show('5db4e87eb641f18606419fa8db07ab86')",5600);
	setTimeout("show('aa43d8cd68396ef8e5f1f982c2943502')",5800);
	setTimeout("show('af9b48f2d0ce18b819a9dcf8fa92c48e')",5800);
}
window.onload=function()
{
	loadXMLDoc('cities.php');
	setTimeout("hidecity()",2000);
}