var common=new Common();var http_request=common.CreateXmlHttpRequest();var zIndex=0;var tblCreated=false;function GetHomeImages(){var divImages=document.getElementById("divImages");var img=document.createElement("img");img.id=1;img.src="images/100_0850.JPG";img.alt="Hawaii Pic";img.width=124;img.height=75;img.style.left="277px";img.style.top="266px";img.style.zIndex=1;img.style.position="absolute";common.AddEvent(img,"mousedown",doDrag);divImages.appendChild(img);var img=document.createElement("img");img.id=2;img.src="images/IMG_0230.JPG";img.alt="Hawaii Pic";img.width=134;img.height=105;img.style.left="306px";img.style.top="434px";img.style.zIndex=2;img.style.position="absolute";common.AddEvent(img,"mousedown",doDrag);divImages.appendChild(img);var img=document.createElement("img");img.id=3;img.src="images/PICT0137.JPG";img.alt="Hawaii Pic";img.width=400;img.height=300;img.style.left="547px";img.style.top="319px";img.style.zIndex=3;img.style.position="absolute";common.AddEvent(img,"mousedown",doDrag);divImages.appendChild(img);var img=document.createElement("img");img.id=4;img.src="images/Picture_0434.JPG";img.alt="Hawaii Pic";img.width=142;img.height=93;img.style.left="385px";img.style.top="393px";img.style.zIndex=4;img.style.position="absolute";common.AddEvent(img,"mousedown",doDrag);divImages.appendChild(img);var zValue=document.createElement("input");zValue.id="zValue";zValue.value=zIndex;zValue.style.display="none";zValue.style.visibility="hidden";divImages.appendChild(zValue);}function GetImages(){var url="/ImageService.asmx/GetImages";var params="";try
{var divImages=document.getElementById("divImages");http_request.open("post",url,true);http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");http_request.setRequestHeader("Content-length",params.length);http_request.setRequestHeader("Connection","close");http_request.onreadystatechange=function(){if(http_request.readyState==4){if(http_request.status==200){var xml=http_request.responseXML;var result=xml.getElementsByTagName("NewDataSet");if(result.length==0){alert("You have no pictures to show. Why don't you add some?");}else
{var imageResults=result[0].getElementsByTagName("Table");for(var i=0;i<imageResults.length;i++){var imageId=imageResults[i].getElementsByTagName("imageId")[0].firstChild.data;var imageTitle=imageResults[i].getElementsByTagName("imageTitle")[0].firstChild.data;var imageWidth=imageResults[i].getElementsByTagName("imageWidth")[0].firstChild.data;var imageHeight=imageResults[i].getElementsByTagName("imageHeight")[0].firstChild.data;var imageLeft=imageResults[i].getElementsByTagName("imageLeft")[0].firstChild.data;var imageTop=imageResults[i].getElementsByTagName("imageTop")[0].firstChild.data;var imageZ=imageResults[i].getElementsByTagName("imageZindex")[0].firstChild.data;var imageUrl=imageResults[i].getElementsByTagName("imageUrl")[0].firstChild.data;var img=document.createElement("img");img.id=imageId;img.src=imageUrl;img.alt=imageTitle;img.title=imageTitle;img.width=imageWidth;img.height=imageHeight;img.style.left=imageLeft;img.style.top=imageTop;img.style.zIndex=imageZ;img.style.visible="visible";img.style.position="absolute";if(imageZ>zIndex){zIndex=imageZ;}common.AddEvent(img,"mousedown",doDrag);divImages.appendChild(img);}var zValue=document.createElement("input");zValue.id="zValue";zValue.value=zIndex;zValue.style.display="none";zValue.style.visibility="hidden";divImages.appendChild(zValue);}}}};http_request.send(params);}catch(Error){alert(Error.name+" "+Error.message);}}function GetImagesByUserName(username){var url="/ImageService.asmx/GetImagesByUserName";var params="strUsername="+username;try
{var divImages=document.getElementById("divImages");http_request.open("post",url,true);http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");http_request.setRequestHeader("Content-length",params.length);http_request.setRequestHeader("Connection","close");http_request.onreadystatechange=function(){if(http_request.readyState==4){if(http_request.status==200){var xml=http_request.responseXML;var result=xml.getElementsByTagName("NewDataSet");if(result.length==0){alert(username+" has not uploaded any pictures yet. Check back soon.");}else
{var imageResults=result[0].getElementsByTagName("Table");for(var i=0;i<imageResults.length;i++){var imageId=imageResults[i].getElementsByTagName("imageId")[0].firstChild.data;var imageTitle=imageResults[i].getElementsByTagName("imageTitle")[0].firstChild.data;var imageWidth=imageResults[i].getElementsByTagName("imageWidth")[0].firstChild.data;var imageHeight=imageResults[i].getElementsByTagName("imageHeight")[0].firstChild.data;var imageLeft=imageResults[i].getElementsByTagName("imageLeft")[0].firstChild.data;var imageTop=imageResults[i].getElementsByTagName("imageTop")[0].firstChild.data;var imageZ=imageResults[i].getElementsByTagName("imageZindex")[0].firstChild.data;var imageUrl=imageResults[i].getElementsByTagName("imageUrl")[0].firstChild.data;var img=document.createElement("img");img.id=imageId;img.src=imageUrl;img.alt=imageTitle;img.title=imageTitle;img.width=imageWidth;img.height=imageHeight;img.style.left=imageLeft;img.style.top=imageTop;img.style.zIndex=imageZ;img.style.visible="visible";img.style.position="absolute";if(imageZ>zIndex){zIndex=imageZ;}common.AddEvent(img,"mousedown",doDrag);divImages.appendChild(img);}var zValue=document.createElement("input");zValue.id="zValue";zValue.value=zIndex;zValue.style.display="none";zValue.style.visibility="hidden";divImages.appendChild(zValue);}}}};http_request.send(params);}catch(Error){alert(Error.name+" "+Error.message);}}function UpdateImage(image){var zValue=document.getElementById("zValue");zIndex=Number(zValue.value)+1;var url="/ImageService.asmx/UpdateImage";var params="id="+image.id+"&left="+image.style.left+"&top="+image.style.top+"&width="+image.width+"&height="+image.height+"&zIndex="+zIndex;try
{http_request.open("post",url,true);http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");http_request.setRequestHeader("Content-length",params.length);http_request.setRequestHeader("Connection","close");http_request.onreadystatechange=function(){if(http_request.readyState==4){if(http_request.status==200){zValue.value=zIndex;}}};http_request.send(params);}catch(Error){alert(Error.name+" "+Error.message);}}function ManageImages(){GetBytesUsed();if(tblCreated){var table=document.getElementById("tblPhotos");var divPhotos=document.getElementById("divPhotos");divPhotos.removeChild(table);tblCreated=false;}var url="/ImageService.asmx/GetImages";var params="";var count=0;var table=document.createElement("table");table.id="tblPhotos";table.width=500;table.setAttribute("cellSpacing","4px");table.setAttribute("cellPadding","1px");table.setAttribute("border","0");table.style.fontSize="1.4em";table.style.fontFamily="Verdana";var tbody=document.createElement("tbody");var tr=document.createElement("tr");tbody.appendChild(tr);var td=document.createElement("td");td.appendChild(document.createTextNode("Delete Your Photos"));td.align="center";td.style.fontWeight="bold";td.style.color="#ffffff";td.style.backgroundColor="#FFA761";td.colSpan="3";tr.appendChild(td);var bytesUsed=document.getElementById("bytesUsed").value;var percUsed=document.getElementById("percUsed").value;var tr=document.createElement("tr");tbody.appendChild(tr);var td=document.createElement("td");td.appendChild(document.createTextNode(""));td.align="center";td.style.color="#000000";td.style.backgroundColor="#ffffff";td.colSpan="3";tr.appendChild(td);var tr=document.createElement("tr");for(var t=0;t<3;t++){var td=document.createElement("td");td.align="center";td.width="50";tr.appendChild(td);}tbody.appendChild(tr);try
{var divPhotos=document.getElementById("divPhotos");http_request.open("post",url,true);http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");http_request.setRequestHeader("Content-length",params.length);http_request.setRequestHeader("Connection","close");http_request.onreadystatechange=function(){if(http_request.readyState==4){if(http_request.status==200){var xml=http_request.responseXML;var result=xml.getElementsByTagName("NewDataSet");var imageResults=result[0].getElementsByTagName("Table");for(var i=0;i<imageResults.length;i++){var imageId=imageResults[i].getElementsByTagName("imageId")[0].firstChild.data;var imageName=imageResults[i].getElementsByTagName("imageName")[0].firstChild.data;var imageWidth=50;var imageHeight=50;var imageUrl=imageResults[i].getElementsByTagName("imageUrl")[0].firstChild.data;var imageSize=imageResults[i].getElementsByTagName("imageSize")[0].firstChild.data;var imageSizeInMB=(imageSize/1024)/1024;var roundedImageSize=Math.round(imageSizeInMB*100)/100
var img=document.createElement("img");img.id=imageId;img.src=imageUrl;img.alt=imageName;img.width=imageWidth;img.height=imageHeight;if(count==0){tr=document.createElement("tr");tbody.appendChild(tr);}var td=document.createElement("td");td.id="td"+img.id;td.appendChild(img);td.align="center";var br=document.createElement("br");td.appendChild(br);var br2=document.createElement("br");td.appendChild(br2);var button=document.createElement("input");button.id="btn"+img.id;button.type="button";button.value="Delete Photo";common.AddEvent(button,"click",DeletePhoto);td.appendChild(button);tr.appendChild(td);if(count<2){count++;}else
{count=0;}}table.appendChild(tbody);divPhotos.appendChild(table);}}};tblCreated=true;http_request.send(params);}catch(Error){alert(Error.name+" "+Error.message);}}function GetBytesUsed(){var bytesUsed=document.getElementById("bytesUsed").value;var percUsed=document.getElementById("percUsed").value;var url="/ImageService.asmx/GetImageBytesUsed";var params="";try
{http_request.open("post",url,true);http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");http_request.setRequestHeader("Content-length",params.length);http_request.setRequestHeader("Connection","close");http_request.onreadystatechange=function(){if(http_request.readyState==4){if(http_request.status==200){var xml=http_request.responseXML;var result=xml.getElementsByTagName("NewDataSet");var byteResults=result[0].getElementsByTagName("Table");document.getElementById("bytesUsed").value=byteResults[0].getElementsByTagName("BytesUsed")[0].firstChild.data;document.getElementById("percUsed").value=byteResults[0].getElementsByTagName("PercentUsed")[0].firstChild.data;}}};http_request.send(params);}catch(Error){alert(Error.name+" "+Error.message);}}function DeletePhoto(event){var okClicked=confirm("Do you want to delete this photo?");if(okClicked){GetBytesUsed();if(window.event){var imgId=event.srcElement.id.replace("btn","");}else
{var imgId=event.target.id.replace("btn","");}var url="/ImageService.asmx/DeleteImage";var params="strImageId="+imgId;try
{http_request.open("post",url,true);http_request.setRequestHeader("Content-type","application/x-www-form-urlencoded");http_request.setRequestHeader("Content-length",params.length);http_request.setRequestHeader("Connection","close");http_request.onreadystatechange=function(){if(http_request.readyState==4){if(http_request.status==200){var xml=http_request.responseXML.getElementsByTagName("boolean");if(xml[0].firstChild.data=="true"){var images=document.getElementById(imgId);images.style.visible="hidden";images.style.display="none";var td=document.getElementById("td"+imgId);td.style.visible="hidden";td.style.display="none";}else
{alert("Sorry, but your photo was not deleted. Please try again.");}}}};http_request.send(params);}catch(Error){alert(Error.name+" "+Error.message);}}}function imageComplete(fileName,imageId,imageTitle){var image=document.createElement("img");image.id=imageId;image.alt=imageTitle;image.title=imageTitle;image.src="https://s3.amazonaws.com/"+fileName;image.width=100;image.height=100;image.style.left=50+"px";image.style.top=50+"px";image.style.zIndex=0;image.style.visible="visible";image.style.position="absolute";common.AddEvent(image,"mousedown",doDrag);var div=document.getElementById("divImages");div.appendChild(image);document.getElementById("btnCancel").click();}function cancelUpload(){document.getElementById("btnCancel").click();}