');
rotateAngle = 0;
zoom = 100;
slider1.slider('destroy');
slider2.slider('destroy');
}
});
}
editingPhotoID = i;
var sourceImage;
sourceImage = $("#" + btnEdit.id).parent().children(":first").children(":first");
document.getElementById('imgEditor').src = sourceImage[0].src;
//setTimeout('document.getElementById("imgEditor").src = "' + sourceImage[0].src + '";', 200);
var nStep = 1;
if (document.all && !window.opera){
nStep = 40;
}
slider1 = $("#sliderZoom").slider({
value:100,
min: 0,
max: 200,
step: nStep,
slide: function(event, ui) {
zoom = ui.value;
$("#imgEditor").transform(rotateAngle, 'abs', zoom);
},
change: function(event, ui) {
zoom = ui.value;
$("#imgEditor").transform(rotateAngle, 'abs', zoom);
}
});
nStep = 1;
if (document.all && !window.opera){
nStep = 90;
}
slider2 = $("#sliderRotate").slider({
value:0,
min: -180,
max: 180,
step: nStep,
slide: function(event, ui) {
rotateAngle = ui.value;
$("#imgEditor").transform(rotateAngle, 'abs', zoom);
},
change: function(event, ui) {
rotateAngle = ui.value;
$("#imgEditor").transform(rotateAngle, 'abs', zoom);
}
});
currentEditButton = btnEdit;
// required to initialize the translation.
jQuery.fn.resetTransformData();
// this is required for our image to be transformed into a canvas.
$('#imgEditor').transform(rotateAngle, 'abs', zoom);
modalEdit.dialog('open');
}
function ResetEditor()
{
rotateAngle = 0;
zoom = 100;
jQuery.fn.resetTransformData();
$("#imgEditor").transform(rotateAngle, 'abs', zoom);
$("#sliderZoom").slider('option', 'value', 100);
$("#sliderRotate").slider('option', 'value', 0);
}
function DoneEditing()
{
var theX = jQuery.fn.translateX;
var theY = jQuery.fn.translateY;
// in IE the container is smaller. and we do the reverse calculus from the zoom
if (document.all && !window.opera){
theX = Math.round((theX - ((240-(240.0*(zoom/100.0)))/2)) * (300.0/242.0));
theY = Math.round((theY - ((240-(240.0*(zoom/100.0)))/2)) * (300.0/242.0));
}
//rotateAngle, zoom.
$.get('/_api/tattoodle-your-photos-api.aspx?a=doneEditing&p=' + editingPhotoID + '&r=' + rotateAngle + '&z=' + zoom +
'&tx=' + theX + '&ty=' + theY +
'&zz=' + (new Date().getTime()), null, function(result){
$('#imgCollectionImages').html(result);
if (currentEditButton){
updateCloneImages();
}
SetTopDraggables();
}, null);
modalEdit.dialog('close');
return false;
}
var modalUpload = null;
var modalUploadFlashError = null;
function ShowModalUpload()
{
if (FlashDetect.versionAtLeast(10))
{
if (null == modalUpload){
// set up the modal
modalUpload = $('#modalUpload').dialog({
autoOpen: false,
closeOnEscape: true,
draggable: false,
modal: true,
position: 'center',
resizable: false,
height: 454,
width: 522
});
}
clearUploadForm();
//document.getElementById('hdnUploadSelected').value = 'pc';
modalUpload.dialog('open');
}
else
{
if (null == modalUploadFlashError){
// set up the modal
modalUploadFlashError = $('#modalUploadFlashError').dialog({
autoOpen: false,
closeOnEscape: true,
draggable: false,
modal: true,
position: 'center',
resizable: false,
height: 242,
width: 522
});
$('#btnFlashErrorClose').click(function(){
modalUploadFlashError.dialog('close');
return false;
});
}
modalUploadFlashError.dialog('open');
}
}
function CloseUploadFlashError()
{
if (modalUploadFlashError != null)
{
modalUploadFlashError.dialog('close');
}
}
function updateCloneImages()
{
// the source image is the right one, cached by the browser.
var sourceImage = $("#" + currentEditButton.id).parent().children(":first").children(":first").attr('src');
var indexSlash = sourceImage.lastIndexOf('/');
var checkImage = sourceImage;
if (indexSlash > -1){
checkImage = checkImage.substring(indexSlash);
}
if (checkImage.indexOf('?') > -1){
checkImage = checkImage.substring(0, checkImage.indexOf('?'));
}
// update all images that for which the src contains sourceImage
var currImg;
for (i = 0; i< document.images.length; i++)
{
currImg = document.images[i];
if ((currImg.src.indexOf(checkImage) > 0) && ((currImg.className.indexOf('imgSmall') > -1) || (currImg.className.indexOf('imgLarge') > -1)))
{
currImg.src = sourceImage;
}
}
}
function startUpload(){
if ('' == document.getElementById('filePhoto').value){return false;}
document.getElementById('ui-dialog-title-modalUpload').innerHTML = document.getElementById('intploading').value;
//document.getElementById('formUpload').style.display = 'none';
document.getElementById('formUploadUploading').style.display = 'block';
return true;
}
function closeUpload(){
modalUpload.dialog('close');
}
function clearUploadForm(){
//document.getElementById('ui-dialog-title-modalUpload').innerHTML = 'Upload Photos';
//document.getElementById('formUpload').style.display = 'block';
document.getElementById('formUploadUploading').style.display = 'none';
document.getElementById('modalLoadingAnimation').innerHTML = '
';
document.getElementById('hdnUploadSelectedFB').value="";
}
function setBoxBorderOn(obj)
{
document.getElementById("OutColorPlaceHolder_" + obj).className='OverColorPlaceHolder';
}
function setBoxBorderOff(obj)
{
document.getElementById("OutColorPlaceHolder_" + obj).className='OutColorPlaceHolder';
}
function FBUploadOnOver(obj)
{
document.getElementById("divFBpicture_" + obj).className='divFBpictureOnOver';
}
function FBUploadOnOut(obj)
{
document.getElementById("divFBpicture_" + obj).className='divFBpictureOnOut';
}
var lastchecked=-1;
function FBUploadClick(obj,obj2)
{
//if (lastchecked==obj)
//{
// if (document.getElementById("cboFBpicture_" + obj).checked==true)
// {
// document.getElementById("cboFBpicture_" + obj).checked=false;
// document.getElementById('hdnUploadSelectedFB').value="";
// lastchecked=-1;
// }
// else
// {
// document.getElementById("cboFBpicture_" + obj).checked=true;
document.getElementById("hdnUploadSelectedFB" ).value=obj2;
lastchecked=obj;
// }
// }
// else if (lastchecked==-1)
// {
// document.getElementById("cboFBpicture_" + obj).checked=true;
// document.getElementById("hdnUploadSelectedFB" ).value=obj2;
// lastchecked=obj;
// }
}
var elementsSelected='';
var uploadremaining=0;
var clicuploadRemaining=0;
function showAlbumPictures(obj, obj2) {
document.getElementById("modalUploadUploadFB").src = "/images/tattoodle-your-photos/FBcontinuebtn.gif"
//if (document.getElementById('albumPicture_' + obj2).innerHTML === 'No Pictures') {
// showError('Tattoodle - Facebook Upload Error', 'Facebook reported that you haven\'t uploaded any photos to your album.')
// } else {
uploadremaining = MAXPHOTO - UploadedPictures;
clicuploadRemaining = uploadremaining;
document.getElementById("TopText").innerHTML = 'Tattoodle has a limit of ' + MAXPHOTO + ' photos.You previously uploaded ' + UploadedPictures + ' photos. So, you can remove someof your previous photos or select no more than
' + clicuploadRemaining + '
photos to upload from Facebook.'
document.getElementById("albumContainer").style.display = 'none';
document.getElementById("picContainer_" + obj).style.display = 'block';
document.getElementById("bottomdivPic").style.display = 'block';
//document.getElementById("TopText").style.display='block';
aid = obj;
//"5893088398792935368","5893088398792933620",
var picturesSelected = elementsSelected.split(',');
// console.log( picturesSelected.length);
for (i = 0; i < picturesSelected.length; i++) {
if ('' === picturesSelected[i]) { continue; }
document.getElementById("divPicSelFB_" + picturesSelected[i]).className = 'FBpictures';
document.getElementById("imgFB_" + picturesSelected[i]).style.display = 'none';
// console.log ( picturesSelected[i] );
}
// }
}
function ShowAlbums()
{
document.getElementById("modalUploadUploadFB").src="/images/tattoodle-your-photos/FBcontinuebtn.gif"
//clear picture for upload
selectedPictureForUpload='';
//
document.getElementById("albumContainer").style.display = 'block';
document.getElementById("picContainer_"+aid).style.display='none';
document.getElementById("bottomdivPic").style.display='none';
//document.getElementById("TopText").style.display='none';
}
var selectedPictureForUpload='';
//var apicture='';
function selectPictureFB(obj2,obj3)
{
//console.log("enter " +selectedPictureForUpload);
if (document.getElementById("imgFB_"+obj2).style.display=='none')
{
if (clicuploadRemaining!=0)
{
clicuploadRemaining--;
if (clicuploadRemaining==uploadremaining){
document.getElementById("modalUploadUploadFB").src="/images/tattoodle-your-photos/FBcontinuebtn.gif"
}
else
{
document.getElementById("modalUploadUploadFB").src="/images/tattoodle-your-photos/FBcontinuebtnselected.gif"
}
//document.getElementById("moreremaining").innerHTML=clicuploadRemaining;
document.getElementById("divPicSelFB_"+ obj2).className = 'FBpicturesContainerSelected';
document.getElementById("imgFB_"+obj2).style.display='block';
elementsSelected+=''+obj2+',';
selectedPictureForUpload +=''+ obj3+',';
selectedPictureForUpload=selectedPictureForUpload;
}
else if (clicuploadRemaining==0 && UploadedPictures!= MAXPHOTO)
{
showError('Tattoodle - Facebook Upload Error', errorFBmessage2)
}
else if (UploadedPictures==MAXPHOTO)
{
showError('Tattoodle - Facebook Upload Error', errorFBmessage3)
}
}
else
{
clicuploadRemaining++;
if (clicuploadRemaining==uploadremaining){
document.getElementById("modalUploadUploadFB").src="/images/tattoodle-your-photos/FBcontinuebtn.gif"
}
else
{
document.getElementById("modalUploadUploadFB").src="/images/tattoodle-your-photos/FBcontinuebtnselected.gif"
}
//document.getElementById("moreremaining").innerHTML=clicuploadRemaining;
document.getElementById("divPicSelFB_"+ obj2).className = 'FBpictures';
document.getElementById("imgFB_"+obj2).style.display='none';
selectedPictureForUpload = selectedPictureForUpload.replace(obj3+',', "");
//console.log("enter" + a);
}
//console.log("end "+selectedPictureForUpload);
//console.log(elementsSelected);
}
function startUploadFB(){
if (clicuploadRemaining==uploadremaining){
showError('Tattoodle - Facebook Upload Error', errorFBmessage5)
return false;
}
else
{
document.getElementById("hdnUploadSelectedFB" ).value=selectedPictureForUpload;
//if ('' == document.getElementById('filePhoto').value){return false;}
//document.getElementById('ui-dialog-title-modalUpload').innerHTML = 'Loading Photo';
document.getElementById('formUploadingButtonsFB').style.display='none';
document.getElementById('modalLoadingAnimationFB').innerHTML = '';
document.getElementById('formFBUpload').style.display = 'none';
document.getElementById('formUploadUploadingFB').style.display = 'block';
return true;
}
}
var FacbookBTNClick = 0;
var passGetUser = 0;
var loadcomplete=0;
var errorFBmessage1='
Facebook reported that you haven\'t created any albums;please create an album first.'; var errorFBmessage2='
Oops! You have already selected the maximum number of photos for upload.
Tattoodle allows you to store a maximum of 8 photos at a time to use on our site.
Selecting another photo is not allowed as it would exceed this number.
';
var errorFBmessage3='Selecting another photo is not allowed as it would exceed this number.
Oops! You have already uploaded 8 photos to Tattoodle;
this is the maximum number allowed.
this is the maximum number allowed.
Tattoodle allows you to store a maximum of 8 photos at a time to use on our site.
If you wish to upload more, you must first delete some you have already uploaded.
';
var errorFBmessage4='If you wish to upload more, you must first delete some you have already uploaded.
Oops! Facebook reported that there are no photos in your Facebook Albums.
Please login to Facebook for more information.
';
var errorFBmessage5='Oops! You haven\'t selected any photos to upload.
Please select photos by clicking on them, then click the Continue button to upload.
';
//var firstHit = 0;
function FBloginClick(obj) {
UploadedPictures = document.getElementById("hdnexistingPicture").value;
if (obj == 1) {
// console.log('aaaa');
FacbookBTNClick = 1;
} else {
//console.log('ddd');
if (FBContentLoadComplete === 1) {
//console.log('eee');
if (noalbum == 1) {
//closeUploadFB();
showError('Tattoodle - Facebook Upload Error', errorFBmessage1)
}
else {
if(loadcomplete==1)
if (UploadedPictures==MAXPHOTO) {
showError('Tattoodle - Facebook Upload Error', errorFBmessage3)
}
else {
ShowModalUploadFacebook();
loadModalComplete();
}
}
}
else if (passGetUser == 2) {
// console.log('dfff');
if (noalbum == 1) {
//closeUploadFB();
showError('Tattoodle - Facebook Upload Error', errorFBmessage1)
}
else {
if (UploadedPictures==MAXPHOTO) {
showError('Tattoodle - Facebook Upload Error', errorFBmessage3)
}
else {
FacbookBTNClick = 1;
ShowModalUploadFacebook();
loadModalComplete();
}
}
}
else if (loadcomplete == 1) {
//console.log('dfff');
if (noalbum == 1) {
//closeUploadFB();
showError('Tattoodle - Facebook Upload Error', errorFBmessage1)
}
else {
//console.log(UploadedPictures);
if (UploadedPictures==MAXPHOTO) {
showError('Tattoodle - Facebook Upload Error', errorFBmessage3)
}
else {
FacbookBTNClick = 1;
ShowModalUploadFacebook();
loadModalComplete();
}
}
}
else
{
// console.log('eewwwwe');
FacbookBTNClick = 1;
if (noalbum == 1) {
//closeUploadFB();
showError('Tattoodle - Facebook Upload Error', errorFBmessage1)
}
else {
if (UploadedPictures==MAXPHOTO) {
showError('Tattoodle - Facebook Upload Error', errorFBmessage3)
}
else {
ShowModalUploadFacebook();
}
}
}
}
}
//Facebook functions end
//*/