// JavaScript Document

	function settimer()
	{
		window.setTimeout("document.getElementById('close_ad').className = 'show';",6000);
	}

	function initialize() 
	{
		var latlng = new google.maps.LatLng(36.145767,-5.350814);
		var myOptions = {zoom: 14,center: latlng,mapTypeId: google.maps.MapTypeId.ROADMAP};
		var map = new google.maps.Map(document.getElementById("map"), myOptions);
		
		var flightPlanCoordinates = [
			new google.maps.LatLng(36.14862, -5.349100000000001),
			new google.maps.LatLng(36.148590000000006, -5.348960000000001),
			new google.maps.LatLng(36.14857, -5.34879),
			new google.maps.LatLng(36.14855, -5.34863),
			new google.maps.LatLng(36.14851, -5.34841),
			new google.maps.LatLng(36.148450000000004, -5.34818)
			];
		var flightPath = new google.maps.Polyline({path: flightPlanCoordinates,strokeColor: "#FF0000",strokeOpacity: 1.0,strokeWeight: 9});
		
		flightPath.setMap(map);
	}

	i=10;
	function closeadvert()
	{
	  if(i>0){
		window.setTimeout("closeadvert()",100);
		//document.getElementById('advert').style.top = i*-1+"px";
		document.getElementById('advert').style.opacity = (i/10);
		i = i - 1;
		if (i == 0)
		{
			document.getElementById('advert').className = 'hide';
		}
	  }
	}
	function showaddetails()
	{
		document.getElementById('footer').className = 'hide';
		document.getElementById('map').className = 'hide';
		document.getElementById('home').className = 'hide';
		document.getElementById('about').className = 'hide';
		document.getElementById('flights').className = 'hide';
		document.getElementById('advert_details').className = 'show';
		document.getElementById('call_advert').className = 'show';
		document.getElementById('backbtn').className = 'show';
	}
	function hideaddetails()
	{
		document.getElementById('footer').className = 'show';
		document.getElementById('advert_details').className = 'hide';
		document.getElementById('call_advert').className = 'hide';
		document.getElementById('backbtn').className = 'hide';
		
		showhome();
		

	}	
	function showflights()
	{
		//document.getElementById('topbar').className = 'hide';
		
		document.getElementById('map').className = 'hide';
		//document.getElementById('map_button').className = '';
		//document.getElementById('map_img').src = 'images/map_icon.png';

		document.getElementById('home').className = 'hide';
		document.getElementById('home_button').className = '';
		document.getElementById('home_img').src = 'images/home_icon.png';
		
		document.getElementById('about').className = 'hide';
		document.getElementById('about_button').className = '';
		document.getElementById('about_img').src = 'images/info_icon.png';

		document.getElementById('flights').className = 'show';
		document.getElementById('flights_button').className = 'icon_selected';
		document.getElementById('flights_img').src = 'images/flights_icon_selected.png';

		document.getElementById('webcam').className = 'hide';
		document.getElementById('webcam_button').className = '';
		document.getElementById('webcam_img').src = 'images/webcam_icon.png';
		
	}
	
	function showwebcam()
	{
		//document.getElementById('topbar').className = 'hide';
		
		document.getElementById('map').className = 'hide';
		//document.getElementById('map_button').className = '';
		//document.getElementById('map_img').src = 'images/map_icon.png';

		document.getElementById('home').className = 'hide';
		document.getElementById('home_button').className = '';
		document.getElementById('home_img').src = 'images/home_icon.png';
		
		document.getElementById('about').className = 'hide';
		document.getElementById('about_button').className = '';
		document.getElementById('about_img').src = 'images/info_icon.png';

		document.getElementById('flights').className = 'hide';
		document.getElementById('flights_button').className = '';
		document.getElementById('flights_img').src = 'images/flights_icon.png';

		document.getElementById('webcam').className = 'show';
		document.getElementById('webcam_button').className = 'icon_selected';
		document.getElementById('webcam_img').src = 'images/webcam_icon_selected.png';
		
	}
	
	function showmap()
	{
		//document.getElementById('topbar').className = 'hide';
		
		document.getElementById('map').className = 'show';
		//document.getElementById('map_button').className = 'icon_selected';
		//document.getElementById('map_img').src = 'images/map_icon.png';

		document.getElementById('home').className = 'hide';
		document.getElementById('home_button').className = '';
		document.getElementById('home_img').src = 'images/home_icon.png';
		
		document.getElementById('about').className = 'hide';
		document.getElementById('about_button').className = '';
		document.getElementById('about_img').src = 'images/info_icon.png';

		document.getElementById('flights').className = 'hide';
		document.getElementById('flights_button').className = '';
		document.getElementById('flights_img').src = 'images/webcam_icon.png';

		document.getElementById('webcam').className = 'hide';
		document.getElementById('webcam_button').className = '';
		document.getElementById('webcam_img').src = 'images/webcam_icon.png';
		
		initialize();
		
	}
	function showabout()
	{
		document.getElementById('topbar').className = 'show';	
		
		document.getElementById('map').className = 'hide';
		//document.getElementById('map_button').className = '';
		//document.getElementById('map_img').src = 'images/map_icon.png';

		document.getElementById('home').className = 'hide';
		document.getElementById('home_button').className = '';
		document.getElementById('home_img').src = 'images/home_icon.png';
		
		document.getElementById('about').className = 'show';
		document.getElementById('about_button').className = 'icon_selected';
		document.getElementById('about_img').src = 'images/info_icon_selected.png';

		document.getElementById('flights').className = 'hide';
		document.getElementById('flights_button').className = '';
		document.getElementById('flights_img').src = 'images/webcam_icon.png';	

		document.getElementById('webcam').className = 'hide';
		document.getElementById('webcam_button').className = '';
		document.getElementById('webcam_img').src = 'images/webcam_icon.png';
	}
	
	function showhome()
	{
		document.getElementById('topbar').className = 'show';	
		
		document.getElementById('map').className = 'hide';
		//document.getElementById('map_button').className = '';
		//document.getElementById('map_img').src = 'images/map_icon.png';
		
		document.getElementById('home').className = 'show';
		document.getElementById('home_button').className = 'icon_selected';
		document.getElementById('home_img').src = 'images/home_icon_selected.png';
		
		document.getElementById('about').className = 'hide';
		document.getElementById('about_button').className = '';
		document.getElementById('about_img').src = 'images/info_icon.png';

		document.getElementById('flights').className = 'hide';
		document.getElementById('flights_button').className = '';
		document.getElementById('flights_img').src = 'images/webcam_icon.png';		

		document.getElementById('webcam').className = 'hide';
		document.getElementById('webcam_button').className = '';
		document.getElementById('webcam_img').src = 'images/webcam_icon.png';
	}	



	function updateOrientation()
	{
		var displayStr = "Orientation : ";
		switch(window.orientation)
		{
			case 0:
				//displayStr += "Portrait";
				document.getElementsByTagName('body')[0].className = 'portrait';
				break;
			case -90:
				//displayStr += "Landscape (right, screen turned clockwise)";
				document.getElementsByTagName('body')[0].className = 'landscape';
				break;
			case 90:
				//displayStr += "Landscape (left, screen turned counterclockwise)";
				document.getElementsByTagName('body')[0].className = 'landscape';
				break;
			case 180:
				//displayStr += "Portrait (upside-down portrait)";
				document.getElementsByTagName('body')[0].className = 'portrait';
				break;
		}
		//document.getElementById("output").innerHTML = displayStr;
	}
	
	bodyOnClickHandler = function(e) {
    var target = e.target;
    if (target.tagName == 'A') {
        e.preventDefault();
        var targetUrl = target.getAttribute("href");
        //show the page for targetUrl
    }
	}