function parseXML(XMLString, getTagName)
{

    try
    {
        var ret = XMLString.getElementsByTagName(getTagName)[0].childNodes[0].nodeValue;
    }
    catch(err)
    {
        var ret = "";
    }

    return ret
        
}

$(document).ready(function() {
						  
	/* Photo Album grouper show/collapse */
	$(".album-grouper .display-switch").click(function() {
													   
		var cl = $(this).attr("class").split(" ");
		var titles = $(this).attr("title").split("|");
		var hide = titles[0];
		var show = titles[1];

		var switchImage = $("img", this);
		var albumList = $(this).parents(".album-grouper").next(".album-list")
		
		if (jQuery.inArray("collapsed", cl) > -1) {
			albumList.show("normal");
			$("span", this).html(hide);
			switchImage.attr("src", "img/hide.gif");
		}
		else {
			albumList.hide("normal");
			$("span", this).html(show);
			switchImage.attr("src", "img/show.gif");
		}
		
		$(this).toggleClass("collapsed");
										   
	});
	
	/* ImageSimpleList - sortable efect */
	$("#ImageSimpleList").sortable({ placeholder: "ui-selected", revert: false });
	
	$("#btn_Serialize").click(function() {

		    var dataString = 'DataList=' + $('#ImageSimpleList').sortable('toArray') + '&ImageGalleryID=' + 55;  
		    //alert (dataString);
		    
		    $.ajax({  
		      type: "POST",  
		      url: "ajax/ImageGaleryRecordOrder.cfm",
			  dataType: ($.browser.msie) ? "text" : "xml",
		      data: dataString,  
		      beforeSend:  function()          { document.getElementById('AjaxPanel').innerHTML = "Loading list..."; },
		      success:     function(data) { 
							
		                        var CodeNodeValue = parseXML(data, "CodeNode");
		                        var MessageNodeValue = parseXML(data, "MessageNode");
		                    
								// alert("on submit - success");
								document.getElementById('AjaxPanel').innerHTML = "on submit - success / " + CodeNodeValue + " / " + MessageNodeValue;
								
							/*
		                        switch(CodeNodeValue)
		                        {
		                        case "200":
		                          getLoginForm('AjaxPanel', 'Message - on button Click (case 200): ' + MessageNodeValue);
		                          break;    
		                        case "400":
		                          getLoginForm('AjaxPanel', 'Message - on button Click (case 400): ' + MessageNodeValue);
		                          break;
		                        default:
		                          getLoginForm('AjaxPanel', 'Message - on button Click (default case): ' + MessageNodeValue);
		                        }
							*/
		                        
		      },
		      error:        function() { document.getElementById('AjaxPanel').innerHTML = "on submit error"; }  
		    });  
		    // return false;  
			
	});
	
});