var http = createRequestObject();
function createRequestObject() {
	var objAjax;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer"){
		objAjax = new ActiveXObject("Microsoft.XMLHTTP");
	}else{
		objAjax = new XMLHttpRequest();
	}
	return objAjax;
}
function getFrames() {
	var category = document.getElementById('chooseframe').value;
	var loaderframe = document.getElementById('frames_div');
	loaderframe.innerHTML = '<p>&nbsp;</p><center><span class=smallCopy>Loading</span><br><img src=gfx/ajax-loader.gif></center>';
	http.open("get","frames_ajax.php?category=" + category);
	http.onreadystatechange = updateFrames;
	http.send(null);
	return false;
}

function updateFrames(){
    if(http.readyState == 4){
        result = http.responseText.split(",");
        var htmldata = "";
        if (result[0] != null && result[0] != "") {
            for (var i = 0; i < result.length; i++){
                var imagedata = result[i].split("|");
                htmldata += '<a href="javascript:;" onclick="canvas.utils.downloadImage(\'gfx/frames/' + imagedata[0] + '\');"><img src="gfx/frames/' + imagedata[1] + '" alt="" width="60" height="60" class="scrollImages" /></a>';
            }
            document.getElementById("frames_div").innerHTML = htmldata;           
        }
    }
}

function getClipArt() {
	var category = document.getElementById('chooseclipart').value;
	var loaderframe = document.getElementById('clipart_div');
	loaderframe.innerHTML = '<p>&nbsp;</p><center><span class=smallCopy>Loading</span><br><img src=gfx/ajax-loader.gif></center>';
	http.open("get","clipart_ajax.php?category=" + category);
	http.onreadystatechange = updateClipArt;
	http.send(null);
	return false;
}

function updateClipArt(){
    if(http.readyState == 4){
        result = http.responseText.split(",");
        var htmldata = "";
        if (result[0] != null && result[0] != "") {
            for (var i = 0; i < result.length; i++){
                var imagedata = result[i].split("|");
                htmldata += '<a href="javascript:;" onclick="canvas.utils.downloadImage(\'gfx/clipart/' + imagedata[0] + '\');"><img src="gfx/clipart/' + imagedata[1] + '" alt="" width="60" height="60" class="scrollImages" /></a>';
            }
            document.getElementById("clipart_div").innerHTML = htmldata;           
        }
    }
}
