var createPageIndex = 0;

function removeCreatePageItem(i) {
	$('#pageitem_'+i).remove('#pageitem_'+i);	
}

function redirectToPage(responseText, statusText) {
	
	if (responseText.match("following errors")) {
		alert(responseText);
		$('#savePageButton').show();
	}
	else {
		pageID = responseText.split("pid:::")[1];
		pageTitle = responseText.split("pid:::")[2];
		closeWindow();
		stopEditingPage();
		if (pageID!=null) {
			loadInitialMaps('floPage', 'default', 'default','default', parseInt(pageID));
			playListClearAll();
			addPageInsidePlayList(pageTitle, parseInt(pageID), null, 'true');
		}
	}
}

function nextPhoto() {
	saveFormImage = $('#saveFormImage');
	imageNumber = parseInt($(saveFormImage).attr('imagenumber'));
	imageNumber++;
	$(saveFormImage).attr('imagenumber',imageNumber);
	updatePhoto(saveFormImage,imageNumber);
}

function previousPhoto() {
	saveFormImage = $('#saveFormImage');
	imageNumber = parseInt($(saveFormImage).attr('imagenumber'));
	imageNumber--;
	$(saveFormImage).attr('imagenumber',imageNumber);
	updatePhoto(saveFormImage,imageNumber);
}

function updatePhoto(saveFormImage, imageNumber) {
	
	totalPhotos = $('#savePageItemContainer').children().length;	
	
	if (imageNumber == 0) {
		$('#previousPhotoButton').html('<img src = "/images/previousImageFade.png" style = "border:1px solid #88bbdd;"/>');
		$('#previousPhotoButton').attr('href', 'javascript:void(0);');
	}	
	else {
		$('#previousPhotoButton').html('<img src = "/images/previousImage.png" style = "border:1px solid #004878;"/>');
		$('#previousPhotoButton').attr('href', 'javascript:previousPhoto();');
	}	
	
	if($(saveFormImage).attr('originalimage').length>1) {
		imageNumber = imageNumber-1;
		displayTotal = totalPhotos+1;
		$('#photoNumber').html((imageNumber+2)+' of '+(totalPhotos+1));
	}
	else $('#photoNumber').html((imageNumber+1)+' of '+(totalPhotos));
	
	if (imageNumber == totalPhotos-1) {
		$('#nextPhotoButton').html('<img src = "/images/nextImageFade.png" style = "border:1px solid #88bbdd;"/>');
		$('#nextPhotoButton').attr('href', 'javascript:void(0);');
	}	
	else {
		$('#nextPhotoButton').html('<img src = "/images/nextImage.png" style = "border:1px solid #004878;"/>');
		$('#nextPhotoButton').attr('href', 'javascript:nextPhoto();');
	}	
	
	if (imageNumber == -1) {
		imageLink = $(saveFormImage).attr('originalimage');
		$(saveFormImage).attr('value', imageLink);
		$('#saveFormImageImage').attr('src',imageLink);
	}
	else if ($('#pageitem_'+imageNumber).attr('type')=='youtube') {
		imageLink = 'http://i2.ytimg.com/vi/'+$('#pageitem_'+imageNumber).attr('link')+'/default.jpg';
		$(saveFormImage).attr('value', imageLink);
		$('#saveFormImageImage').attr('src',imageLink);
	}
	else {
		url = getBaseURL('/ajax/getPageInfoToShare.php');
		$.get(url, {contentID: $('#pageitem_'+imageNumber).attr('link')},  function(pageInfo) {
			encodedPageInfo = eval('('+pageInfo+')');
			imageLink = encodedPageInfo.images[0].src;
			$(saveFormImage).attr('value', imageLink);
			$('#saveFormImageImage').attr('src',imageLink);	
		});
	}
}

function initiateCreatePage() {

	url = getBaseURL('/ajax/savepage.php');
	var savePageOptions = {
		beforeSubmit: checkFields,
		success: redirectToPage,
		url: url
	};
		
	$('#savePageForm').ajaxForm(savePageOptions);
	
	$('#savePageItemContainer').sortable();
	displayWindow(620);	
}

function addPageItem(title, linkID, rating, likes) {
	
	if (likes == null) likes = 0;
	if (linkID.search("youtube:") != -1 ) {
		var link = linkID.replace("youtube:", "");
	
		var itemhtml = "<div class = 'savePageItem' id = 'pageitem_"+createPageIndex+"' link = '"+link+"' type = 'youtube'>" +
							"<div class='savePageItemMove'></div>" + 
							"<div class='savePageItemClose' onclick = 'javascript:removeCreatePageItem("+createPageIndex+");'>X</div>" +
							"<input class='savePageItemInput' type='text' name = 'titles[]' value= '"+ title + "' />" +
							"<input style = 'display:none' type='text' name = 'linkIDs[]' value= '"+ linkID + "' />" +
							"<input style = 'display:none' type='text' name = 'ratings[]' value= '"+ rating + "' />" +
							"<input style = 'display:none' type='text' name = 'likes[]' value= '"+ likes + "' />" +
    					"</div>";
	}
	else {
		var link = linkID.replace("flotate:","");
		var itemhtml = "<div class = 'savePageItem' id = 'pageitem_"+createPageIndex+"' link = '"+link+"' type = 'flotate'>" +
							"<div class='savePageItemMove'></div>" + 
							"<div class='savePageItemClose' onclick = 'javascript:removeCreatePageItem("+createPageIndex+");'>X</div>" +
							"<input class='savePageItemInput' readonly='readonly' type='text' name = 'titles[]' value= '"+ title + "' />" +
							"<input style = 'display:none' type='text' name = 'linkIDs[]' value= '"+ linkID + "' />" +
							"<input style = 'display:none' type='text' name = 'ratings[]' value= '"+ rating + "' />" +
							"<input style = 'display:none' type='text' name = 'likes[]' value= '"+ likes + "' />" +
						"</div>";
	}
	$('#savePageItemContainer').append(itemhtml);
	createPageIndex++;
}


function checkFields(formData) {
	
	for (var i=formData.length-1; i>=0; i--) {
		
		if (formData[i].name == 'submitButton' ) { 
			submitButton = formData[i].value;
			if (submitButton.match("Delete")) {	
				var agree=confirm("Are you sure you wish to delete?");
				if (agree) return true ;
				else return false ; 
			}
			
			if (submitButton.match("Exit")) {	
				var agree=confirm("Are you sure you wish to undo your changes?");
				if (agree) return true ;
				else return false ; 
			}
		}
	}
}