ExpandingDiv = function (ele_id, textele_id)
{
	this.ele = document.getElementById(ele_id);
	this.textele = document.getElementById(textele_id);
	this.ele.style.width = 0+"px";
	this.expInterval = 10;
	this.maxWidth = 600;
	this.openID = null;
	this.closeID = null;
	this.active = false;
	this.shrinkActive = false;
	this.expanding = false;
}
// Grow function
ExpandingDiv.prototype.grow = function () {
	if (parseInt(this.ele.style.width) < this.maxWidth)
	{
		this.ele.style.width = (parseInt(this.ele.style.width) +20)+"px";
		this.ShowText(true);
	} else {
		clearInterval(this.openID);
	}
}
//Shrink function
ExpandingDiv.prototype.shrink = function () {
	if (parseInt(this.ele.style.width) > 0)
	{
		this.ele.style.width = (parseInt(this.ele.style.width) -20)+"px";
		this.ShowText(true);
	} else {
		this.ShowText(false);
		clearInterval(this.closeID);
	}
}
// Close others function
ExpandingDiv.prototype.CloseOthers = function () {
	if (this.ele.id != 'place0') {
		element1.closeID = setInterval(function () { element0.shrink() }, element0.expInterval);
	}
	if (this.ele.id != 'place1') {
		element1.closeID = setInterval(function () { element1.shrink() }, element1.expInterval);
	}
	if (this.ele.id != 'place2') {
		element2.closeID = setInterval(function () { element2.shrink() }, element2.expInterval);
	}
	if (this.ele.id != 'place3') {
		element3.closeID = setInterval(function () { element3.shrink() }, element3.expInterval);
	}
	if (this.ele.id != 'place4') {
		element4.closeID = setInterval(function () { element4.shrink() }, element4.expInterval);
	}
	if (this.ele.id != 'place5') {
		element5.closeID = setInterval(function () { element5.shrink() }, element5.expInterval);
	}
	if (this.ele.id != 'place6') {
		element6.closeID = setInterval(function () { element6.shrink() }, element6.expInterval);
	}
	if (this.ele.id != 'place7') {
		element7.closeID = setInterval(function () { element7.shrink() }, element7.expInterval);
	}
	if (this.ele.id != 'place8') {
		element8.closeID = setInterval(function () { element8.shrink() }, element8.expInterval);
	}
	if (this.ele.id != 'place9') {
		element9.closeID = setInterval(function () { element9.shrink() }, element9.expInterval);
	}
}
// Toggle text function
ExpandingDiv.prototype.ShowText = function (show) {
	for (var n=0; n<10; n++) {
		var otherEles = document.getElementById("place"+(n));
		var otherTextEles = document.getElementById("project"+(n));
		var difference = (parseInt(otherEles.offsetLeft)) + (parseInt(otherEles.style.width) ) - 600;
		otherTextEles.style.left = difference+"px";
	}
	if (show) 
	{
		this.textele.style.display = 'block';
	} else {
		this.textele.style.display = 'none';
	}
}
// Expand function
ExpandingDiv.prototype.Expand = function () {
	var thisObj = this;
	if (!this.expanding)
	{
		clearInterval (this.openID);
		this.openID = setInterval(function () { thisObj.grow() }, this.expInterval);
		//this.CloseOthers();
		this.expanding = true;
	} else {
		clearInterval (this.closeID);
		this.closeID = setInterval(function () { thisObj.shrink() }, this.expInterval);
		//this.CloseOthers();
		this.expanding = false;
	}	
}