var BANNERIMAGEID = -1;

function uploadBanner(xImageFilename, xImageID)
{
	var oImg = document.getElementById(xImageID + "_img");

	//update img display
	oImg.src = "uploads/" + xImageFilename;
	oImg.style.display = "block";

	//refresh progress bar
	var oIframe = document.getElementById(xImageID + "_iframe_progressbar");
	oIframe.contentWindow.location.reload(true);
}

function addBanner(xImageID)
{
	var oError = document.getElementById("errormessage");
	var oUL = document.getElementById(xImageID + "_ul");
	var oImg = document.getElementById(xImageID + "_img");
	var oCaption = document.getElementById(xImageID + "_captionadd");
	var oURL = document.getElementById(xImageID + "_urladd");
	var szImageFilename = oImg.src;

	if((Trim(szImageFilename) == "") || (szImageFilename.indexOf(".php") != -1))
	{
		oError.innerHTML = "Please upload an image before attempting to add.";
	}
	else
	{
		oError.innerHTML = "";
		var szCaption = oCaption.value;
		var szURL = oURL.value;

		var szHTML = "<img src=\"" + szImageFilename + "\" alt=\"" + szCaption + "\" height=\"60px\" /> " + szURL;
		szHTML += " <a href=\"javascript: void(0);\" onclick=\"editBanner('" + xImageID + "','" + BANNERIMAGEID + "');\" class=\"smallbtn\">Edit</a>";
		szHTML += " <a href=\"javascript: void(0);\" onclick=\"deleteBanner('" + xImageID + "','" + BANNERIMAGEID + "');\" class=\"smallbtn\">Delete</a>";
		szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_bannerid[]\" value=\"" + BANNERIMAGEID + "\" />";
		szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_filename[]\" value=\"" + szImageFilename + "\" />";
		szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_caption[]\" value=\"" + szCaption + "\" />";
		szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_url[]\" value=\"" + szURL + "\" />";
		szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_status[]\" value=\"NEW\" />";

		var oLI = document.createElement("li");

		oLI.id = xImageID + "_li_" + BANNERIMAGEID;
		oLI.innerHTML = szHTML;

		oUL.appendChild(oLI);

		oCaption.value = "";
		oURL.value = "";
		oImg.src = "";
		oImg.style.display = "none";
		BANNERIMAGEID--;
	}
}

function editBanner(xImageID, xBannerID)
{
	var oUL = document.getElementById(xImageID + "_ul");
	var oImg = document.getElementById(xImageID + "_img");
	var oCaption = document.getElementById(xImageID + "_captionadd");
	var oURL = document.getElementById(xImageID + "_urladd");
	var oHiddenBannerID = document.getElementById(xImageID + "_banneridadd");
	var oAddBtn = document.getElementById(xImageID + "_addbtn");
	var oEditBtn = document.getElementById(xImageID + "_editbtn");

	var oForm = document.forms[0];

	if(oForm)
	{
		for(var i=0; i < oForm.elements.length; i++)
		{
			if(oForm.elements[i].name == (xImageID + "_bannerid[]"))
			{
				if(oForm.elements[i].value == xBannerID)
				{
					oImg.src = oForm.elements[i+1].value;
					oCaption.value = oForm.elements[i+2].value;
					oURL.value = oForm.elements[i+3].value;

					oImg.style.display = "block";

					oHiddenBannerID.value = xBannerID;
					oEditBtn.style.display = "block";
					oAddBtn.style.display = "none";

					break;
				}
			}
		}
	}
}

function updateBanner(xImageID)
{
	var xBannerID = document.getElementById(xImageID + "_banneridadd").value;
	var oUL = document.getElementById(xImageID + "_ul");
	var oLI = document.getElementById(xImageID + "_li_" + xBannerID);
	var oImg = document.getElementById(xImageID + "_img");
	var oCaption = document.getElementById(xImageID + "_captionadd");
	var oURL = document.getElementById(xImageID + "_urladd");
	var szImageFilename = oImg.src;
	var oAddBtn = document.getElementById(xImageID + "_addbtn");
	var oEditBtn = document.getElementById(xImageID + "_editbtn");

	var szCaption = oCaption.value;
	var szURL = oURL.value;

	var szHTML = "<img src=\"" + szImageFilename + "\" alt=\"" + szCaption + "\" height=\"60px\" /> " + szURL;
	szHTML += " <a href=\"javascript: void(0);\" onclick=\"editBanner('" + xImageID + "','" + xBannerID + "');\" class=\"smallbtn\">Edit</a>";
	szHTML += " <a href=\"javascript: void(0);\" onclick=\"deleteBanner('" + xImageID + "','" + xBannerID + "');\" class=\"smalldeletebtn\">Delete</a>";
	szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_bannerid[]\" value=\"" + xBannerID + "\" />";
	szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_filename[]\" value=\"" + szImageFilename + "\" />";
	szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_caption[]\" value=\"" + szCaption + "\" />";
	szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_url[]\" value=\"" + szURL + "\" />";
	szHTML += "<input type=\"hidden\" name=\"" + xImageID + "_status[]\" value=\"UPDATED\" />";

	oLI.innerHTML = szHTML;

	oEditBtn.style.display = "none";
	oAddBtn.style.display = "block";

	oCaption.value = "";
	oURL.value = "";
	oImg.src = "";
	oImg.style.display = "none";

}

function deleteBanner(xImageID, xBannerID)
{
	var oForm = document.forms[0];

	if(oForm)
	{
		for(var i=0; i < oForm.elements.length; i++)
		{
			if(oForm.elements[i].name == (xImageID + "_bannerid[]"))
			{
				if(oForm.elements[i].value == xBannerID)
				{
					oForm.elements[i+4].value = "DELETED";
					var oLI = document.getElementById(xImageID + "_li_" + xBannerID);
					oLI.style.display = "none";
					break;
				}
			}
		}
	}
}

$(function() {
		try{
			$(".sortable_ullist").sortable();
			$(".sortable_ullist").disableSelection();
		}
		catch(err)
		{}

	});

$(document).ready(function(){

	try{
		$('#TestRotator').galleryView({
			panel_width: 946,
			panel_height: 145,
			transition_speed: 1500,
		    transition_interval: 4000,
		    nav_theme: 'dark',
		    border: '0px',
		    show_captions: false,
		    pause_on_hover: true
		    });
		}
		catch(err){}

});