// RateAFace 3, a Roxbox site. Script by Mark Willis.
// Control Panel JS



function submitThis(target){
target.sendmsg.value = "Sending..."
target.sendmsg.disabled = true;
document.getElementById('senduser-error').innerHTML = '';
document.getElementById('sendsubject-error').innerHTML = '';
document.getElementById('sendmessage-error').innerHTML = '';
if(target.send_message.value == ""){document.getElementById('sendmessage-error').innerHTML = '<span class="reg-error">Error: Please enter a message.</span>'; target.sendmsg.disabled = false; target.sendmsg.value = "Send"; return false;}
if(target.send_user.value == ""){document.getElementById('senduser-error').innerHTML = '<span class="reg-error">Error: Please enter a username.</span>'; target.sendmsg.disabled = false; target.sendmsg.value = "Send"; return false;}
if(target.send_subject.value == ""){document.getElementById('sendsubject-error').innerHTML = '<span class="reg-error">Error: Please enter a subject.</span>'; target.sendmsg.disabled = false; target.sendmsg.value = "Send"; return false;}
if(target.send_message.value.length > 1000){document.getElementById('sendmessage-error').innerHTML = '<span class="reg-error">Error: Message can not exceed 1,000 characters.</span>'; target.sendmsg.disabled = false; target.sendmsg.value = "Send"; return false;}
return true;
}

function reportMessage(msgid){
document.getElementById('reportmsg').innerHTML = '<div class="noticebox-cen"><b>Sorry, the report feature is currently not available.</b></div>';
return false;}

function highlightSetting(target, polarity){
if(polarity == 1){document.getElementById(target).style.backgroundColor = "#EEEEEE";}
else{document.getElementById(target).style.backgroundColor = "#FFFFFF";}
}

function editInfo(target, items){
for(var i=1; i<=items; i++){
var testtarget = 'edit-' + i;
if(testtarget != target){
document.getElementById('edit-' + i + '-form').style.display = "none"; document.getElementById('edit-' + i + '-data').style.display = "block";
}}
if(document.getElementById(target + '-form').style.display != "block"){document.getElementById(target + '-form').style.display = "block"; document.getElementById(target + '-data').style.display = "none";}
else if(document.getElementById(target + '-form').style.display == "block"){document.getElementById(target + '-form').style.display = "none"; document.getElementById(target + '-data').style.display = "block";}
return false;}

function checkEdit1(target){
target.edit1button.value = 'Please wait...';
target.edit1button.disabled = true;
if(target.user_name.value == ""){document.getElementById('report-area').innerHTML = '<div class="noticebox"><img src="images/raf_fail.gif" height="16" width="16" alt="fail" title="fail" border="0" />  <span class="reg-error"><b>Error</b><br />Please enter a name!</span></div>'; target.edit1button.disabled = false; target.edit1button.value = 'Update'; return false;}

return true;}

function checkEdit2(target){
target.edit2button.value = 'Please wait...';
target.edit2button.disabled = true;
if(target.user_location.value == ""){document.getElementById('report-area').innerHTML = '<div class="noticebox"><img src="images/raf_fail.gif" height="16" width="16" alt="fail" title="fail" border="0" />  <span class="reg-error"><b>Error</b><br />Please enter a Location. (Town or city!)</span></div>'; target.edit2button.disabled = false; target.edit2button.value = 'Update'; return false;}

return true;}

function checkEdit3(target){
target.edit3button.value = 'Please wait...';
target.edit3button.disabled = true;
if(target.user_about.value == ""){document.getElementById('report-area').innerHTML = '<div class="noticebox"><img src="images/raf_fail.gif" height="16" width="16" alt="fail" title="fail" border="0" />  <span class="reg-error"><b>Error</b><br />Please enter some information into the About Section!</span></div>'; target.edit3button.disabled = false; target.edit3button.value = 'Update'; return false;}
if(target.user_about.value.length > 3000){document.getElementById('report-area').innerHTML = '<div class="noticebox"><img src="images/raf_fail.gif" height="16" width="16" alt="fail" title="fail" border="0" />  <span class="reg-error"><b>Error</b><br />About area is limited to 3000 characters. (You used ' + target.user_about.value.length + ' characters.)</span></div>'; target.edit3button.disabled = false; target.edit3button.value = 'Update'; return false;}

return true;}

function checkEdit4(target){
target.edit4button.value = 'Please wait...';
target.edit4button.disabled = true;

return true;}

function checkEdit5(target){
target.edit5button.value = 'Please wait...';
target.edit5button.disabled = true;

return true;}

function checkEdit6(target){
target.edit6button.value = 'Please wait...';
target.edit6button.disabled = true;

return true;}

function showPhotoHelp(areaID, helpID)
{
switch(helpID)
{
case 1: var theHelp = 'Edit photo data.'; break;
case 2: var theHelp = 'Add a photo to this photo slot.'; break;
case 3: var theHelp = 'Delete this photo and clear this slot.'; break;
case 4: var theHelp = 'View this photo.'; break;
case 5: var theHelp = 'Make this photo your main picture.'; break;
}
document.getElementById('pframe-' + areaID).innerHTML = theHelp;
}

function hidePhotoHelp(areaID)
{
document.getElementById('pframe-' + areaID).innerHTML = "";
}

function uploadPhoto(target){
target.uploadButton.value = "Uploading...";
//target.userphoto.disabled = true;
//target.adult.disabled = true;
target.uploadButton.disabled = true;

document.getElementById('upload-1').style.display = "none";
document.getElementById('upload-2').style.display = "block";
//return false;
}

function showPhoto(url, thetitle, slotID){
document.getElementById('photo-loader').innerHTML = '<form name="updatephoto" method="post" action=""><b>Title:</b> <input name="new_title" type="text" id="new_title" size="20" maxlength="50" value="' + thetitle + '" /><input name="updateTitle" type="hidden" id="updateTitle" value="' + slotID +'" /><input type="submit" name="updatepic" id="updatepic" value="Update" /><br /><br /><img src="' + url + '" alt="My Photo" title="My Photo" border="0" /></form>';
return false;}

function beginDelete(theURL, slotID){
document.getElementById('action-area').innerHTML = '<div class="noticebox"><form name="deletePrompt" method="post" action="" onsubmit="doDelete(this);"><img src="' + theURL + '" width="100" height="80" alt="Are you sure?" title="" border="0" style="border: 1px solid #FF0000; float: left; margin: 0 10px 0 0;" /><b>Are you sure you wish to delete this photo?</b> <br /><br /><input type="hidden" name="clearSlot" id="clearSlot" value="' + slotID + '" /><input type="submit" name="YesButton" id="YesButton" value="Yes, Delete" /> <input type="button" name="NoButton" id="NoButton" value="Cancel" onclick="resetDelete();" /><div class="clear"><!-- clear prompt --></div></form></div>';

return false;
}

function resetDelete(){
document.getElementById('action-area').innerHTML = '';
return false;}

function doDelete(target){
target.YesButton.value = "Please wait...";
target.YesButton.disabled = true;
target.NoButton.disabled = true;}


function positionImageV(direction, imgURL)
{
	if(direction == 'up'){currImgY = currImgY - 5;}else{currImgY = currImgY + 5;}
	if(currImgY < 0){currImgY = 0;}
	if(currImgY > 100){currImgY = 100;}
	document.savePos.posData.value = currImgX + '% ' + currImgY + '%';
	document.getElementById('mainPhoto').innerHTML = '<div class="imageLoader-2" style="background: url(' + imgURL + ') ' + currImgX + '% ' + currImgY + '%' + ' no-repeat;"><!-- --></div>';
}
function positionImageH(direction, imgURL)
{
	if(direction == 'left'){currImgX = currImgX - 5;}else{currImgX = currImgX + 5;}
	if(currImgX < 0){currImgX = 0;}
	if(currImgX > 100){currImgX = 100;}	
	document.savePos.posData.value = currImgX + '% ' + currImgY + '%';
	document.getElementById('mainPhoto').innerHTML = '<div class="imageLoader-2" style="background: url(' + imgURL + ') ' + currImgX + '% ' + currImgY + '%' + ' no-repeat;"><!-- --></div>';
}
function positionImageC(imgURL)
{
	currImgX = 50;
	currImgY = 50;
	document.savePos.posData.value = currImgX + '% ' + currImgY + '%';
	document.getElementById('mainPhoto').innerHTML = '<div class="imageLoader-2" style="background: url(' + imgURL + ') ' + currImgX + '% ' + currImgY + '%' + ' no-repeat;"><!-- --></div>';
}