var conc = new Object();
conc.pic = new Array();
conc.min = 100; //97;
conc.mid = 130; //113; // conc.min + 20
conc.max = 150; //122; // conc.min + 40
conc.ms = 30;
conc.on = -1; // off
conc.int = 0;
conc.ie = (navigator.appName.indexOf("Microsoft") > -1);

function dockzoom () {
	var changed = false;
	for (var i = 0; i < conc.pic.length; i++) {
		if (conc.pic[i].height < conc.pic[i].way) {
			//console.log(conc.pic[i].height);
			changed = true;
			var diff = (conc.pic[i].way == conc.mid) ? 2 : 4; // one tenth
			conc.pic[i].height += diff;
			if (conc.pic[i].height >= conc.pic[i].way) {
				conc.pic[i].height = conc.pic[i].way; // finished
				if (i == conc.on) {
					var left = -50;
					if (i == 0) left = -10;
					else if (i == 1) left = -30;
					else if (i == (conc.pic.length - 2)) left = -75;
					else if (i == (conc.pic.length - 1)) left = -100;	
					document.getElementById("pictext" + i).style.display = "block";
					document.getElementById("pictext" + i).style.left = left + "px";
				}
			}
			var h = conc.pic[i].height
			var pic = document.getElementById("picimg" + i);
			pic.style.height = Math.round(h) + "px";
			pic.style.paddingTop = Math.round(conc.max - h) + "px";
			var opacity = ((h - conc.min) / (conc.max - conc.min) * 0.4) + 0.6;
			if (conc.ie)
				pic.style.filter = 'alpha(opacity=' + Math.floor(Number(opacity) * 100) + ')';
			else
				pic.style.opacity = opacity;
		} else if (conc.pic[i].height > conc.pic[i].way) {
			changed = true;
			var diff = (conc.pic[i].height > conc.mid) ? 4 : 2; // one tenth
			conc.pic[i].height -= diff;
			if (conc.pic[i].height < conc.pic[i].way)
				conc.pic[i].height = conc.pic[i].way; // finished
			var h = conc.pic[i].height
			var pic = document.getElementById("picimg" + i);
			pic.style.height = Math.round(h) + "px";
			pic.style.paddingTop = Math.round(conc.max - h) + "px";
			var opacity = ((h - conc.min) / (conc.max - conc.min) * 0.4) + 0.6;
			if (conc.ie)
				pic.style.filter = 'alpha(opacity=' + Math.floor(Number(opacity) * 100) + ')';
			else
				pic.style.opacity = opacity;
			document.getElementById("pictext" + i).style.display = "none";
		}
	}
	if (!changed) {
		conc.on = -1;
	} else
		setTimeout('dockzoom();', conc.ms);
}	

function dock (bottle, opening) {
	var num = getNumber(bottle.id);
	if (!conc.pic[num]) {
		for (var i = 0; document.getElementById("piclink" + i); i++) {
			conc.pic[i] = new Object();	
			conc.pic[i].height = conc.min;
		}
	}
	for (var i = 0; i < conc.pic.length; i++)
		conc.pic[i].way = conc.min;
	if (opening) {
		conc.on = num;
		conc.pic[num].way = conc.max;
		if (num > 0)
			conc.pic[num - 1].way = conc.mid;
		if (num < (conc.pic.length - 1))
			conc.pic[num + 1].way = conc.mid;
	}
	dockzoom();
}

