function changecontent() {
	var mycontent1=document.getElementById("content1");
	var mycontent2=document.getElementById("content2");
	
	switch (contentid) {
		case 1:
			Animation(mycontent1).to('opacity',1).to('height', '340px').duration(400).go();
			Animation(mycontent2).to('opacity',0).to('height', '0px').duration(400).go();
			document.getElementById("contentchangelink").innerHTML = "know more...";
			contentid=2;
			break;
		case 2:
			Animation(mycontent2).to('opacity',1).to('height', '340px;').duration(400).go();
			Animation(mycontent1).to('opacity',0).to('height', '0px').duration(400).go();
			document.getElementById("contentchangelink").innerHTML = "go back...";
			contentid=1;
			break;
	}
}

function changeplans() {
	var mycontent1=document.getElementById("plan1");
	var mycontent2=document.getElementById("plan2");
	var mycontent3=document.getElementById("plan3");
	var mycontent4=document.getElementById("plan4");
	
	switch (plansid) {
		case 1:
			Animation(mycontent1).to('opacity',1).to('height', '190px').duration(300).go();
			Animation(mycontent2).to('opacity',1).to('height', '190px').duration(300).go();
			Animation(mycontent3).to('opacity',0).to('height', '0').duration(300).go();
			Animation(mycontent4).to('opacity',0).to('height', '0').duration(300).go();
			document.getElementById("planschangelink").innerHTML = "more plans...";
			plansid=2;
			break;
		case 2:
			Animation(mycontent3).to('opacity',1).to('height', '190px;').duration(300).go();
			Animation(mycontent4).to('opacity',1).to('height', '190px;').duration(300).go();
			Animation(mycontent1).to('opacity','0').to('height', '0px').duration(300).go();
			Animation(mycontent2).to('opacity','0').to('height', '0px').duration(300).go();
			document.getElementById("planschangelink").innerHTML = "go back...";
			plansid=1;
			break;
	}
}