var items = new Array;
    var itemsstate = new Array;
    var albums = new Array;
    

function xmlhttpPost(t,album) {

    if (t =="a") {
    document.getElementById("result").innerHTML = "<p>No albums to display</p>";
    document.getElementById("resultphoto").innerHTML = "<p>No photos to display</p>";  
    document.getElementById("resulthtml").innerHTML = "<p>No code to display</p>";      
    }
    var xmlHttpReq = false;
    var self = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }

    if (t == "a") {
    strURL = "albums.php";
    document.getElementById("result").innerHTML = "<img src=loading.gif><br>Loading albums...";
    }
    
    if (t == "p") {
    strURL = "photos.php";
    document.getElementById("resultphoto").innerHTML = "<img src=loading.gif><br>Loading photos...";
    document.getElementById("resulthtml").innerHTML = "<p>No code to display</p>";      
    }
    
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText,t);
        }
    }
    self.xmlHttpReq.send(getquerystring(t,album));
}

function getquerystring(t,album) {
    var   word = document.getElementById('word');
    word = word.value;

    if (t == "a"){
    qstr = 'w=' + escape(word);  // NOTE: no '?' before querystring
    }

    if (t == "p"){
    qstr = 'w=' + escape(word) + '&a=' + escape(album);  // NOTE: no '?' before querystring
    }


    
    return qstr;
}

function updatepage(str,t){
    if (t == "a") {
   	albums = str.split("||");
		showalbums();
    }
    
    if (t == "p") {
//    document.getElementById("resultphoto").innerHTML = str;
	items = str.split("||");
	for (i=0; i<items.length-1; i++) { itemsstate[i] = 0;}
	showphotos();
    }
}

function showphotos(){
	PreImage1=new Image();
   
        var HTMLout = "";

        for (i=0; i<(items.length-1); i++) { 
	    if (itemsstate[i] == 0) {imgstate = "imgunsel"; } else { imgstate = "imgsel"; }
	    PreImage1.src=items[i].split("|")[1].replace("/s288/","/s144/");
	    HTMLout += "<a href=javascript:APhoto(" + i + ");> <img onload=getDim(" + i + "); border=0 class="+ imgstate  +" src=" + items[i].split("|")[1].replace("/s288/","/s144/") + " id=" + i + "></a>";
    	    HTMLout += "\n";
	}
	
		
	if (items.length > 1) {
        document.getElementById("resultphoto").innerHTML = HTMLout;
        genhtml();
    	} else {

	document.getElementById("resultphoto").innerHTML = "No photos to display. Select album first.";
	genhtml();
	}


}

function APhoto(pid){

    if (itemsstate[pid] == 0) { 
	itemsstate[pid] = 1; 
	document.getElementById(pid).className="imgsel";
	} else { 
	itemsstate[pid] = 0; 
	document.getElementById(pid).className="imgunsel";
	}
    genhtml();
//    showphotos();


}


function genhtml() {
        var HTMLout = "";
	var picsize = document.getElementById("size").value;
	var separate = document.getElementById("separate").value;
	var codetype = document.getElementById("codetype").value;
	var addlinks  = document.getElementById("addlinks");
	


	picsize = "/" + picsize + "/";

	HTMLout = "<textarea id=\"htmlcode\" COLS=65 ROWS=15 style=\"font-size: 10px;\" onClick=\"select_all();\">";
	if (codetype == "HTML"){
     for (i=0; i<(items.length-1); i++) { 
	    if (itemsstate[i] == 1) {
	    if (addlinks.checked) { HTMLout += "<a href=\""  + items[i].split("|")[0] + "\">"; } 
	    HTMLout += "<img src=\"" + items[i].split("|")[1].replace("/s288/", picsize) + "\" border=\"0\">";
	    if (addlinks.checked) { HTMLout += "</a>"; } 
	    HTMLout += separate;
    	    HTMLout += "\n";
	    }
    	}
	HTMLout += "<p><a href=\"http://www.picasa2html.com\"><img src=\"http://www.picasa2html.com/bypicasa2html.gif\" border=\"0\"></a><br><small>created by <a href=\"http://www.picasa2html.com\">picasa2html.com</a></small></p>";
   }
   
   if (codetype == "BB") {
     for (i=0; i<(items.length-1); i++) { 
	    if (itemsstate[i] == 1) {
	    if (addlinks.checked) { HTMLout += "[url=" + items[i].split("|")[0] + "]"; }
	    HTMLout += "[img]" + items[i].split("|")[1].replace("/s288/", picsize) + "[/img]";
	    if (addlinks.checked) { HTMLout += "[/url]"; }
    	    HTMLout += "\n";
	    }
    	}
	HTMLout += "[url=http://www.picasa2html.com][img]http://www.picasa2html.com/bypicasa2html.gif[/img][/url][size=50]created by [url=http://www.picasa2html.com]picasa2html.com[/url][/size]";
   
   }

   HTMLout += "</textarea>\n";

	if (items.length > 1) {
        document.getElementById("resulthtml").innerHTML = HTMLout;
    	} else {
	document.getElementById("resulthtml").innerHTML = "No HTML code to display. Select album/photos first.";
	}

}



function select_all_photos(){
    for (i=0; i<(items.length-1); i++) { itemsstate[i] = 1; 
    document.getElementById(i).className="imgsel";
    }
    //showphotos(); 
    genhtml();   
}

function deselect_all_photos(){
    for (i=0; i<(items.length-1); i++) { itemsstate[i] = 0; 
    document.getElementById(i).className="imgunsel";
    }
    genhtml();
    //showphotos();
}





function select_all()
{
var text_val=document.getElementById("htmlcode");
text_val.focus();
text_val.select();
}

function albumhint(isShow,aName){
    if (isShow == 1) {
    document.getElementById("albhint").innerHTML = "Album name: <b>" + aName + "</b>";
    } else {
    document.getElementById("albhint").innerHTML = "Album name: ";    
    }
}



function getDim(img)
{
	myImage = document.getElementById(img)

   myImage.width=myImage.width/2;
   //myImage.height=myImage.height/2;
//	alert("image1 width : " + myImage.width + "px\nimage1 height : " + myImage.height + "px")
}



function showalbums(){
	var HTMLout = "<table><tr>";
	for (i=0; i<(albums.length-1); i++) { 
//	    HTMLout += "<a href=javascript:APhoto(" + i + ");> <img border=0 src=" + items[i].split("|")[1].replace("/s288/","/s144/") + " id=" + i + "></a>";
       HTMLout += "<td><a href=\"javascript:xmlhttpPost('p', '" + albums[i].split("|")[0] + "')\" onmouseover=\"albumhint('1', '" +albums[i].split("|")[1]+ "')\" onmouseout=\"albumhint('0', '" +albums[i].split("|")[1] +"')\"><img border=0 width=80 height=80 src="+albums[i].split("|")[2]+"></a></td>";    	   	 
	}
		 HTMLout += "</tr></table>";
		
	if (albums.length > 1) {
        document.getElementById("result").innerHTML = HTMLout;
  	} else {
	document.getElementById("result").innerHTML = "No photos to display. Select album first.";
	genhtml();
	}


}