// JavaScript Document
function getXmlHttpRequestObject(handler) {
	if (window.XMLHttpRequest) {
		objXmlHttp = new XMLHttpRequest(); //Not IE
		objXmlHttp.onload = handler; 
		// objXmlHttp.onload = parseSpot; // doesn't work in IE7
		objXmlHttp.onreadystatechange = handler; 
		objXmlHttp.onerror = handler;
		return objXmlHttp;
	} else {
		objXmlHttp =  new ActiveXObject("Microsoft.XMLHTTP"); //TWATTING IE
		objXmlHttp.onreadystatechange = handler;
		return objXmlHttp;
	}
}

var oldcol;
var oldrow;
var tgtcol;
var tgtrow;
function getPik(row,col,ID){
	tgtcol = col;
	tgtrow = row;
	if(oldrow != null){
		oldrow.className = 'pikrowoff';
		oldrow.style.display = 'none';
		oldcol.className = 'thumbLi';
	}
	showPik(row,col);
	var url='/mash/flickr/item.php?ID='+ID;
	xmlHttp = getXmlHttpRequestObject(processPik);	
	xmlHttp.open("GET", url , true);
	xmlHttp.send(null);	
}
function processPik(){
	if (xmlHttp.readyState == 4 || xmlHttp.readyState=="complete"){ 
		textObj = xmlHttp.responseText;
		//alert(textObj);
		document.getElementById('pikrow'+tgtrow).innerHTML = textObj;
		//showPik(tgtrow,tgtcol);
	}
}

function showPik(row,col){
	col = document.getElementById('thumbrow'+row).getElementsByTagName("LI")[col];
	col.className = 'thumbLiOn';
	row = document.getElementById('pikrow'+row);
	row.className = 'pikrowon';
	row.style.display = 'block';
	row.innerHTML = '<img src="/work/progress.gif" class="progressbar" />';
	//row.style.padding = '5px';
	//row.style.backgroundColor = '#000000';
	oldcol = col;
	oldrow = row;
}
function showMap(idnum,lat,lon,acc){
//alert('map'+idnum);
 loadMap(idnum,lat,lon,acc);
}
    function loadMap(idnum,lat,lon,acc) {
      if (GBrowserIsCompatible()) {
	  	var maparea = document.getElementById('map'+idnum);
		maparea.style.className = 'mapon';
		maparea.style.display = 'block';
		maparea.style.height = '200px';
		maparea.style.margin = '5px 0px 0px 0px';
        var map = new GMap2(maparea);
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());	
        map.setCenter(new GLatLng(lat, lon), 13);
		  var point = new GLatLng(lat,lon);
		  map.addOverlay(new GMarker(point));
      }
    }