var pageId = 0;

function getPageImages(){
	var url = window.location.href;
	urlsplit = url.split("/");
	pageId = urlsplit[urlsplit.length-1];
	if(pageId == "" || pageId == "front"){
		var _param = "home";
	}else{
		var _param = pageId;
	}
	xmlObj = new XmlConnector("../../XmlWebService/Php/Services/pageimages.php?pid=" + _param);
	xmlObj.XMLReq.onreadystatechange = getPageImages_OnLoad;
}

function getPageImages_OnLoad(){
	if (xmlObj.XMLReq.readyState == 4) {								
        if (xmlObj.XMLReq.status  == 200) {			
			rs = xmlObj.XMLReq.responseXML.getElementsByTagName("image");	
			if(rs.length > 0){
				var mainTd = document.getElementById("mainImageTD");
				var mainImg = document.createElement("IMG");
				mainImg.setAttribute("class","mainImage");
				mainImg.setAttribute("id","pageMainImage");
				mainImg.setAttribute("src","/uploads/gallery/" + rs[0].attributes[0].value);
				mainTd.appendChild(mainImg);
				mainTd.innerHTML = mainTd.innerHTML;
				for(var i=0;i<rs[0].attributes.length;i++){
					var td = document.getElementById("pageImageTD"+i);
					var img = document.createElement("IMG");
					img.setAttribute("class","sideImgs");
					img.setAttribute("id",rs[0].attributes[i].value);
					img.setAttribute("src","/uploads/" + rs[0].attributes[i].value);
					img.setAttribute("onMouseOver","displayAsMainImage('"+td.id+"');");					
					td.appendChild(img);
					td.innerHTML = td.innerHTML;
					if(i == 3){ break; }
				}
			}else{
				var pageimagesdiv = document.getElementById("pageImages");
				pageimagesdiv.style.display = "none";
			}
		}
	}
}

function displayAsMainImage(tdid){
	var mainImageTd = document.getElementById("mainImageTD");
	var mainImage = mainImageTd.getElementsByTagName("img");	
	var curImageTd = document.getElementById(tdid);
	selectedImg = curImageTd.getElementsByTagName("img");	
	mainImage[0].src = "/uploads/" + selectedImg[0].id;
}

getPageImages();