var blogInfo = {
	Id : -1,
	Title : '',
	UrlTitle : ''
}

var blogSort = {
	dateView	: 'all',
	attribSort	: 'post_date',
	sortDir		: 'DESC',
	maxItem		: 4,
	urlTitle	: ''
}

UploadQueue = 1;

var selectedImg = "";
var imageFiles = new Object();
imageFiles.img_id = Array();
imageFiles.img = Array();
imageFiles.pos = Array();
imageFiles.last_pos = 0;





function mediaUploadForm() {
	selectedTmp = "";


	for (i=0; i<tmpFiles.file_id.length; i++) {
		addImage(tmpFiles.fileVars[i].file_object, tmpFiles.fileVars[i].thumbnails.image_url);
	}
	Lightview.show({
		href: '#uploadContainer',
		rel: 'inline',
 		title: "Upload Blog Images",
		options: {
					autosize: true, 
					topclose: true,
					overlayClose: false
				}
		});
	
}


function editFileDetail(uID) {
	var idx = tmpFiles.file_id.indexOf(uID);
	var rName = tmpFiles.fileVars[idx].real_name;
	
	if (selectedTmp != "" || selectedTmp == "undefined") {
		$('div_'+ selectedTmp).style.backgroundColor = "#EEEEEE";
	} 
	selectedTmp = uID;

	$('upload_file_detail').show();
	$('div_'+ uID).style.backgroundColor  = "red";
	if (rName.length > 25) {
		$('thumbnail_title_field').innerHTML = rName.substring(0,25) + "..." + rName.substring((rName.length) - 6);
	} else {
		$('thumbnail_title_field').innerHTML = rName;
	}
	$('upload_file_title').value = tmpFiles.fileVars[idx].file_title;
	$('upload_file_desc').value = tmpFiles.fileVars[idx].file_desc;
	
};

function saveFile_Details() {
	var idx = tmpFiles.file_id.indexOf(selectedTmp);

	tmpFiles.fileVars[idx].file_title = $('upload_file_title').value;
	tmpFiles.fileVars[idx].file_desc = $('upload_file_desc').value;
};

function deleteBlog() {

	if (confirm("Are you sure you want to delete this blog?")) {
		location.href='/blogs/delete/'+ blogInfo.UrlTitle +'/'+ blogInfo.Id +'.html';
	} else {
		return;
	}
}

function cancelUpload() {
	$('upload_file_title').value = "";
	$('upload_file_desc').value = "";
	resetTmpObjects();
	hideUploadForm();
};

function completeUpload() {

	var tmpLen = tmpFiles.file_id.length;
	for (i=0; i<tmpLen; i++) {
		var imgLen = imageFiles.img_id.length;
		imageFiles.img_id[imgLen] = "NEW_" + tmpFiles.file_id[i];
		imageFiles.img[imgLen] = tmpFiles.fileVars[i];
		imageFiles.pos[imageFiles.last_pos] = imageFiles.img_id[imgLen];
		if ($('image_default').value == "") {
			$('image_default').value = imageFiles.img_id[imgLen];
		}
		imgLen += 1;
		imageFiles.last_pos += 1;

	}
	resetTmpObjects();
	hideUploadForm();
	buildThumbnails();
	UploadQueue += 1;
};

function deleteImg() {
	if (selectedImg == "" || selectedImg == "undefined") {
		return(0);
	}
	if (imageFiles.img_id.length <= 1) {
		alert("Can not delete the last image.");
		return(0);
	}
	var imgIdx = imageFiles.img_id.indexOf(selectedImg.replace(/^pos_/, ""));
	var imgPos = imageFiles.pos.indexOf(selectedImg);

	var url = '/ajax/delete_image.html';
	var pars = 'imgID='+ selectedImg.replace(/^pos_/, "") +'&imgURL=' + imageFiles.img[imgIdx].file_url;
	var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars, onComplete: function(obj,json) {
			var json = obj.responseText.evalJSON(true);
			
			if (json.success != true) {
				alert(json.message);
				if (confirm("Do you still want to remove it from this blog?")) {
					$(selectedImg).remove();
					imageFiles.img_id.splice(imgIdx, 1);
					imageFiles.img.splice(imgIdx, 1);
					imageFiles.pos.splice(imgPos, 1);
					imageFiles.last_pos = imageFiles.last_pos - 1;
					selectedImg = "";
					$('image_default').value = "";
					setDefault(imageFiles.img_id[imageFiles.img_id.length - 1]);

					Effect.Fade($(selectedImg));
				} else {
					return(0);
				}
			} else {
				
				$(selectedImg).remove();
				imageFiles.img_id.splice(imgIdx, 1);
				imageFiles.img.splice(imgIdx, 1);
				imageFiles.pos.splice(imgPos, 1);
				imageFiles.last_pos = imageFiles.last_pos - 1;
				selectedImg = "";
				$('image_default').value = "";
				setDefault(imageFiles.img_id[imageFiles.img_id.length - 1]);

				Effect.Fade($(selectedImg));
			}
	}});

};

function buildThumbnails() {
	$('imageList').innerHTML = "";	
	var imgLen = imageFiles.img_id.length;
	for (i=0; i<imageFiles.last_pos; i++) {
		var imgIdx = imageFiles.img_id.indexOf(imageFiles.pos[i].replace(/^pos_/, ""));
		
		var imgLi = document.createElement("li");
		imgLi.style.width = "132px";
		imgLi.style.margin = "2px"; 
		imgLi.id = "pos_"+ imageFiles.img_id[imgIdx];
		imgLi.style.display = "block";
		imgLi.style.cursor = "pointer";
		imgLi.style.cssFloat = "left";
		imgLi.style.styleFloat = "left";
		swfU.debug('selectedimg: '+ selectedImg);
		swfU.debug('imgLi: '+ imgLi.id);
		var newImg = document.createElement("img");
		newImg.style.margin = "1px";
		newImg.style.width = "128px";
		newImg.setAttribute("alt", escape(imageFiles.img[imgIdx].file_desc));
		eval("newImg.onclick = function () { selectImg('"+ imgLi.id +"'); };");
		imgLi.appendChild(newImg);
		newImg.src = imageFiles.img[imgIdx].thumbnails.image_url;
		var defaultDiv = document.createElement("div");
		defaultDiv.style.margin = "1px";
		defaultDiv.style.width = "128px";
		defaultDiv.style.fontSize = "10px";
		defaultDiv.style.color = "#FFFFFF";
		defaultDiv.style.textAlign = "center";
		defaultDiv.style.padding = "2px 0px";
		defaultDiv.id = imageFiles.img_id[imgIdx] + "_default";
		if (imageFiles.img_id[imgIdx] == $('image_default').value) {
			defaultDiv.style.backgroundColor = "#005E7F";
			defaultDiv.innerHTML = "DEFAULT";
		} else {
			defaultDiv.style.backgroundColor = "#000000";
			defaultDiv.innerHTML = "SET DEFAULT";
		}
		eval("defaultDiv.onclick = function () { setDefault('"+ imageFiles.img_id[imgIdx] +"'); }");

		imgLi.appendChild(defaultDiv);

		$('imageList').appendChild(imgLi);		

	}

	Sortable.create('imageList', {overlap: 'horizontal', constraint: false,  onUpdate: function () {
			
			var CN = $('imageList').childNodes;
			for (i=0; i<CN.length; i++) {
				swfU.debug("pos("+ i +"): "+ CN[i].id);
				imageFiles.pos[i] = CN[i].id;
			}


		}
	
	});

};


function setDefault(imgID) {
	var image_default = $('image_default').value;

	if (imgID == "" || imgID == undefined) {
		return (0);
	}

	if (image_default != "") {
		$(image_default + "_default").style.backgroundColor = "#000000";
		$(image_default + "_default").innerHTML = "SET DEFAULT";
	}
	$('image_default').value = imgID;
	$(imgID + "_default").style.backgroundColor = "#005E7F";
	$(imgID + "_default").innerHTML = "DEFAULT";
};
	

function selectImg(imgID) {
	if (imgID == "" || imgID == "undefined") {
		return (0);
	}
	if (selectedImg != "") {
		$(selectedImg).childNodes[0].style.border = "0px";
	} 
	if (selectedImg == imgID) {
		selectedImg = "";
	} else {
		selectedImg = imgID;
		$(imgID).childNodes[0].style.border = "1px solid red";
	}
};

function resetTmpObjects() {
	var stats = swfU.getStats();
	window.onbeforeunload = "";
	stats.successful_uploads = 0;
	tmpFiles = new Object();
	tmpFiles.file_id = new Array();
	tmpFiles.fileVars = new Array();
	$('divStatus').innerHTML = "";
	$('thumbnails').innerHTML = "";
	$('uploadProcess').innerHTML = "";
	swfU.setStats(stats);
	selectedTmp = "";
};	

function blogPagination(currPage, maxItem) {
	var url = '/ajax/blogPagination';
	var pars = 'currPage='+ currPage +'&sortCol='+ blogSort.attribSort +'&sortDir=DESC&dateView='+ blogSort.dateView +'&maxItem='+ blogSort.maxItem;
	var myAjax = new Ajax.Request(url, {method: 'post', parameters: pars, onComplete: function(obj,json) {
			var json = obj.responseText.evalJSON(true);
			//$('pageLink').innerHTML = json.pagination_links;
			blogExpander.removeEvents();
			$('blogContents').innerHTML = json.blogs;
			$$('.blogs .indicatorsContainer .indicator')[0].innerHTML = json.pagination_links;
			blogExpander.addEvents();
		}
	});
}

function sortBlog(ele, val) {
	
	if (ele == 'blogSort') {
		blogSort.attribSort = val;
	}
	if (ele == 'blogSortTime') {
		blogSort.dateView = val;
	}
	blogPagination(0,null);
}

function sortBlogFull(ele, val) {
	if (ele == 'blogSort') {
		blogSort.attribSort = val;
	}
	if (ele == 'blogSortTime') {
		blogSort.dateView = val;
	}
	window.location = '/blogs/index/'+ blogSort.attribSort +'/'+ blogSort.dateView;
}


function publishBlog(fn) {
	
	window.onbeforeunload = "";
	convertImages2Input(fn);
	fn.submit();
};


function hideUploadForm() {
	Lightview.hide();
	
}