var selected = null;

var img_grow;
var img_shrink;
var img_height=149;

/* Images size: width=190px height=149px */

function swop(ref){
    if (img_height<149 || ref == selected) 
        return;
    var img = ref.parentNode.getElementsByTagName("div")[1];
    var imgSel;
    if (selected != null) {
        imgSel = selected.parentNode.getElementsByTagName("div")[1];
    }
    else {
        imgSel = document.getElementById("container").getElementsByTagName("li")[0].getElementsByTagName("div")[1];
        imgSel.style.height = "149px";
        selected = ref;
		ref.className="selected";
        return;
    }
	ref.className="selected";
	selected.className="default";
    selected = ref;
	img_grow=img;
	img_shrink=imgSel;
	img_height=0;
	setTimeout("chgSize()",100);
}

function chgSize() {
	if(img_height<149) {
        img_grow.style.height = img_height + "px";
        img_shrink.style.height = (149 - img_height) + "px";
		img_height+=6;
		setTimeout("chgSize()",1);
	} else {
        img_grow.style.height = "149px";
        img_shrink.style.height = "0px";
	}
}

function initialize(){
    var r = document.getElementById("container");
    var t = r.getElementsByTagName("li")[0].getElementsByTagName("div")[0];
    swop(t);
}
