// JavaScript Document
var m_aDelete = Array();

function deletePhoto(i) {
	var hiddenInput = document.getElementById('photoId'+i);
	var img = document.getElementById('imgdel'+i);
	if (hiddenInput.value=='0') {
		hiddenInput.value='1'
		img.src='/images/_buttons/btn_del.gif';
		
		m_aDelete.push(i);
	} else {
		hiddenInput.value='0'
		img.src='/images/undelete.gif';
		m_aDelete.removeValue(i);
	}
}

function _img_listing_popup(p_sUrl)
{
	var w = window.open(p_sUrl, 'preview', 'toolbar=no');
	w.focus();
}

function _img_show_toolbar(p_oDiv, p_iId, p_sStatus)
{
	p_oDiv.style.cursor = 'move';
	if (p_sStatus == 'off' && mouse_on(p_oDiv)) {
		return false;
	}

	for (var i = 0; i < p_oDiv.childNodes.length; i++) {
		if (p_oDiv.childNodes[i].id == 'img_toolbar') {
			for (var j = 0; j < p_oDiv.childNodes[i].childNodes.length; j++) {
				if (p_oDiv.childNodes[i].childNodes[j].nodeName == 'IMG') {
					if (p_sStatus == 'on') {
						p_oDiv.childNodes[i].childNodes[j].style.display = 'block';
					} else if (p_sStatus == 'off') {
						if (p_oDiv.childNodes[i].childNodes[j].id == 'imgdel'+p_iId && inArray(p_iId,m_aDelete)) {
							p_oDiv.childNodes[i].childNodes[j].style.display = 'block';
						} else {
							p_oDiv.childNodes[i].childNodes[j].style.display = 'none';
						}
					}
				}
			}
		}
	}
}

function mouse_on(e) {
	if(!e) {
		return false;
	} else {
		var l_aCoordinates = getMouseXY();
		var l_aOffSet = findPos(e);
		var l_aElementCoordinates = new Array(l_aOffSet[0], (l_aOffSet[0]+140), l_aOffSet[1],(l_aOffSet[1]+e.offsetHeight));
		if(	l_aCoordinates[0] > l_aElementCoordinates[0] && 
			l_aCoordinates[0] < l_aElementCoordinates[1] && 
			l_aCoordinates[1] > l_aElementCoordinates[2] && 
			l_aCoordinates[1] < l_aElementCoordinates[3])
		{
			return true;
		} else {
			return false;
		}
	}
}


/* old
function img_update_sort(p_oHolder)
{
	var l_aChildNodes = p_oHolder.childNodes;
	var l_sValues = "";
	for (var i = 0; i < l_aChildNodes.length; i++) {
		if (l_aChildNodes[i].nodeName == 'DIV') {
			l_sValues += l_aChildNodes[i].id+';';
		}
	}
	l_sValues = l_sValues.substr(0, (l_sValues.length-1));

	xmlhttp.open("GET", "/logic/ajax/actions_image_listing.php?action=sort&values="+l_sValues, true);
	xmlhttp.onreadystatechange=img_listing_ajax_feedback_handling;
	xmlhttp.send(null);
}
*/

function img_update_sort()
{
	var l_sDbEntry = "";
	
	$('#image_sort>li').each(function(){
		l_sDbEntry += ";"+$(this).attr("id");		
	});
	//l_sDbEntry = l_sDbEntry.substr(1);
	//l_sDbEntry = l_sDbEntry.replace(/[^0-9,;]/g, ''); 
	
	xmlhttp.open("GET", "/logic/ajax/actions_image_listing.php?action=sort&values="+l_sDbEntry, true);
	xmlhttp.onreadystatechange=img_listing_ajax_feedback_handling;
	xmlhttp.send(null);

}


function img_delete(p_iImage){
	xmlhttp.open("GET", "/logic/ajax/actions_image_listing.php?action=del&id="+p_iImage, true);
//	xmlhttp.onreadystatechange=img_delete_row;
	xmlhttp.send(null);
	
	var img = document.getElementById('image_'+p_iImage);
	img.parentNode.removeChild(img);
	
}




function img_listing_ajax_feedback_handling()
{
	if (xmlhttp.readyState==4) {
		var l_aResponse = xmlhttp.responseText.split("|");
	}
}


var m_iActiveImage;
var m_sActiveHolder;

function img_open_edit(p_iHolder, p_iImageId) {
	m_sActiveHolder = p_iHolder;
	Sortable.destroy(p_iHolder);

	if (m_iActiveImage)
		var m_iPrevActiveImg = m_iActiveImage;
	m_iActiveImage = p_iImageId;

	l_oProps = document.getElementById("img_popup_description");
	
	if (m_iPrevActiveImg)  {
		var l_oPrevDesc = document.getElementById("img_dsc_"+m_iPrevActiveImg);
		l_oPrevDesc.style.display = 'none';
	}
	
	//if (l_oProps.style.display == 'none') {
		l_oProps.style.display = 'block';
		l_oProps.style.zIndex = 21;
	/*
	} else {
		if (m_iPrevActiveImg)  {
			var l_oPrevDesc = document.getElementById("img_dsc_"+m_iPrevActiveImg);
			l_oPrevDesc.style.display = 'none';
		}
	}
	*/

	l_oImg = document.getElementById("img_"+p_iImageId);
	l_aPosImage = findPos(l_oImg);
	l_aPosDesc = findPos(l_oProps);
	
	l_oProps.style.top = l_aPosImage[1];

	var l_aImages = l_oProps.getElementsByTagName("img");
	for (i = 0; i < l_aImages.length; i++) {
		if (l_aImages[i].id == 'preview') {
			l_aImages[i].src = "/get/backend/" + m_iActiveImage;
		}
	}

	var l_oDesc = document.getElementById("img_dsc_"+m_iActiveImage);
	l_oDesc.style.display = 'block';

}
function img_close_popup(imageID)
{	
	var l_oDesc = document.getElementById("img_dsc_"+imageID);
	l_oDesc.style.display = 'none';
	
	props = document.getElementById("img_popup_description");
	props.style.display = 'none';
	
	img_set_sortable(m_sActiveHolder);
}

function img_save_descriptions(imageID)
{
	var l_oDesc = document.getElementById("img_dsc_"+imageID);

	l_aInputs = l_oDesc.getElementsByTagName("input");
	var url = "?a=update";
	for (i = 0; i < l_aInputs.length; i++) {
		url += "&" + l_aInputs[i].name + "=" + encodeURI(l_aInputs[i].value);
	}
	xmlhttp.open("GET", "/logic/ajax/image_descriptions.php"+url, false);
	xmlhttp.onreadystatechange = function(){ img_listing_ajax_feedback_handling() };
	xmlhttp.send(null);

	img_close_popup(imageID);
}

function img_input_set_active(p_oInput)
{
	var l_oDiv = p_oInput.parentNode;
	l_oDiv.id = "lang_desc_active";
	l_aImage = img_get_language_icon(l_oDiv);
	
	img_change_language_icons(l_oDiv, '_off');
}
function img_input_set_inactive(p_oInput)
{
	var l_oDiv = p_oInput.parentNode;
	l_oDiv.id = "lang_desc";

	img_change_language_icons(l_oDiv, '_off');
}

function img_get_language_icon(p_oDiv)
{
	var l_aImage = new Array();
	for (i = 0; i < p_oDiv.childNodes.length; i++) {
		if (p_oDiv.childNodes[i].nodeName == 'IMG') {
			l_aImage.push(p_oDiv.childNodes[i]);
		}
	}
	return l_aImage;
}

function img_change_language_icons(p_oDiv, p_sSub)
{
	l_aImage = img_get_language_icon(p_oDiv);
	
	for (i = 0; i < l_aImage.length; i++) {
		l_aSrc = l_aImage[i].src.split('.');
		l_aFilename = l_aSrc[l_aSrc.length-2].split('/');
		l_sFilename = l_aFilename[l_aFilename.length-1];
		
		if (l_sFilename.search("_off") > -1) {
			l_sFilename = l_sFilename.split(p_sSub).join("");
		} else {
			l_sFilename = l_sFilename+p_sSub;
		}
		
		l_aImage[i].src = '/images/'+l_aFilename[l_aFilename.length-2]+'/'+l_sFilename+'.gif';
	}
}

function img_enable_languages(p_oImg)
{
	var l_bLanguageSpecific = false;
	var l_aImage = p_oImg.parentNode.parentNode.id.split('_');
	var l_iImage = l_aImage[l_aImage.length - 1];
	
	var m_sOldFilename = img_get_filename(p_oImg);
	
	var l_oDivDesc = p_oImg.parentNode.parentNode.childNodes;
	for (i = 0; i < l_oDivDesc.length; i++) {
		if (l_oDivDesc[i].nodeName == 'DIV' && l_oDivDesc[i].id == 'lang_desc') {
			for (j = 0; j < l_oDivDesc[i].childNodes.length; j++) {
				/* div (id#lang_desc) that has been clicked */
				if (l_oDivDesc[i] == p_oImg.parentNode) {					
					/* Vink icoontje */
					if (l_oDivDesc[i].childNodes[j].nodeName == 'IMG' && l_oDivDesc[i].childNodes[j].id == 'img_enabled') {
						l_aSrc = l_oDivDesc[i].childNodes[j].src.split('/');
						l_sFilename = l_aSrc[l_aSrc.length-1];
						if (l_sFilename != '_icon_enabled_off.gif') {
							img_change_filename(l_oDivDesc[i].childNodes[j], '_icon_enabled_off.gif');
							l_bLanguageSpecific = true;
						} else {
							img_change_filename(l_oDivDesc[i].childNodes[j], '_icon_empty_off.gif');
						}
					/* Language icoontje */
					} else if (l_oDivDesc[i].childNodes[j].nodeName == 'IMG' && l_oDivDesc[i].childNodes[j].id == 'img_lang') {
						l_sFilenameLang = img_get_filename(l_oDivDesc[i].childNodes[j]);
						l_sFilename = l_sFilenameLang.split(".")[0];
						
						/* Filter language abbreviation from filename */
						l_sLangSelected = l_sFilename.split("_")[0];
						
						if (l_sFilename.search("_disabled") > -1) {
							l_sFilename = l_sFilename.split("_disabled").join("");
						}
						if (l_sFilename.search("_off") == -1) {
							l_sFilename += "_off";
						}
						l_sFilename += '.gif';
						img_change_filename(l_oDivDesc[i].childNodes[j], l_sFilename);
					/* Input veld */
					} else if (l_oDivDesc[i].childNodes[j].nodeName == 'INPUT') {
						l_oDivDesc[i].childNodes[j].disabled = false;
					}
				/* remaining divs (id#lang_desc) */
				} else {
					if (l_oDivDesc[i].childNodes[j].nodeName == 'IMG') {
						if (l_oDivDesc[i].childNodes[j].id == 'img_enabled') {
							if (m_sOldFilename == '_icon_enabled_off.gif' || m_sOldFilename == '_icon_enabled.gif') {
								img_change_filename(l_oDivDesc[i].childNodes[j], '_icon_empty_off.gif');
							} else {
								img_change_filename(l_oDivDesc[i].childNodes[j], '_icon_disabled.gif');
							}
						} else if (l_oDivDesc[i].childNodes[j].id == 'img_lang') {
							l_sFilenameLang = img_get_filename(l_oDivDesc[i].childNodes[j]);
							l_sFilename = l_sFilenameLang.split(".")[0];
							if (m_sOldFilename == '_icon_enabled_off.gif' || m_sOldFilename == '_icon_enabled.gif') {
								if (l_sFilename.search("_disabled") > -1) {
									l_sFilename = l_sFilename.split("_disabled").join("_off");
								}
							} else {
								if (l_sFilename.search("_off") > -1) {
									l_sFilename = l_sFilename.split("_off").join("_disabled");
								} else if (l_sFilenameLang.search("_disabled") == -1) {
									l_sFilename = l_sFilename+'_disabled';
								}
							}
							l_sFilename += '.gif';
							img_change_filename(l_oDivDesc[i].childNodes[j], l_sFilename);
						}
					} else if (l_oDivDesc[i].childNodes[j].nodeName == 'INPUT') {
						if (m_sOldFilename == '_icon_enabled_off.gif' || m_sOldFilename == '_icon_enabled.gif') {
							l_oDivDesc[i].childNodes[j].disabled = false;
						} else {
							l_oDivDesc[i].childNodes[j].disabled = true;
						}
					}
				}
			}
		}
	}
	/**
	 * Data for DB
	 */
	
	alert(l_iImage + " " + l_sLangSelected+ " " +l_bLanguageSpecific);
	url = "?a=language";
	url += "&image_id="+l_iImage;
	url += "&abbreviation="+l_sLangSelected;
	url += "&specific="+l_bLanguageSpecific;
	
	xmlhttp.open("GET", "/logic/ajax/image_descriptions.php"+url, false);
	xmlhttp.onreadystatechange = function(){ img_listing_ajax_feedback_handling() };
	xmlhttp.send(null);
}

function img_change_lang(l_iImage, l_sLangAbbr, l_oLangElm){
	
	var elm = $(l_oLangElm); //jquery object 
	
	// check if its language specific or not
	if(elm.hasClass('lang_spec_on') && elm.hasClass('active')){
		var l_bLanguageSpecific = false; 
	} else { 
		var l_bLanguageSpecific = true; 
	}
	
	// convert icons 
	if(elm.hasClass('active')){		
		$('#img_dsc_'+l_iImage).find('.spec_icons').removeClass('active').attr("src","/images/_imgs_listing/_icon_empty_off.gif");
		$('#img_dsc_'+l_iImage).find('.desc_input').attr("disabled","").addClass('checked');
	} else {
		$('#img_dsc_'+l_iImage).find('.spec_icons').removeClass('active').attr("src","/images/_imgs_listing/_icon_disabled.gif");
		$('#img_dsc_'+l_iImage).find('.desc_input').attr("disabled","disabled").removeClass("checked");
		
		elm.attr("src","/images/_imgs_listing/_icon_enabled_off.gif").addClass('active');	
		elm.parent().find('input').attr("disabled","").addClass('checked');
	}
	
	// add to db
	url = "?a=language";
	url += "&image_id="+l_iImage;
	url += "&abbreviation="+l_sLangAbbr;
	url += "&specific="+l_bLanguageSpecific;
	
	xmlhttp.open("GET", "/logic/ajax/image_descriptions.php"+url, false);
	xmlhttp.onreadystatechange = function(){ img_listing_ajax_feedback_handling() };
	xmlhttp.send(null);

}

function img_get_filename(p_oImg)
{
	l_aSrc = p_oImg.src.split('/');
	l_sFilename = l_aSrc[l_aSrc.length-1];
	return l_sFilename;
}

function img_change_filename(p_oImg, p_sFilename)
{
	l_sFilename = img_get_filename(p_oImg);
	p_oImg.src = p_oImg.src.split(l_sFilename).join(p_sFilename);
}