// JavaScript Document

// the onload function 

function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
}


//prepare Gallery Function
function prepareGallery() {
	if (!document.getElementsByTagName) return false;
	if (!document.getElementById) return false;
	if (!document.getElementById("imagegallery")) return false;
	var gallery = document.getElementById("imagegallery");
	var links = gallery.getElementsByTagName("a");
	for (var i=0; i < links.length; i++) {
		links[i].onmouseover = function() {
			return showPic(this);
		}
	}
}
//showPic Function 

function showPic(whichpic) {
	var source = whichpic.getAttribute("href");
	var text   = whichpic.getAttribute("title");
	var placeholder = document.getElementById("placeholder");
	var description = document.getElementById("description");
	if (!placeholder || !description) return true;	
	placeholder.setAttribute("src", source);
	description.innerHTML = text;
	return false;
}



function saveGalleryOrder() {
	var order = $("#sortable").sortable("toArray");
	var jsonOrder = $.toJSON(order);
	$.ajax({
	   type: "POST",
	   url: "request.php",
	   data: "method=order_images&order="+jsonOrder,
	   success: function(msg){
	   alert( msg );
   	   }
 });
}

addLoadEvent(prepareGallery);