// JavaScript Document
function dynamicStore(dvId){
	var e1 = document.getElementById("cost_eff");
	var e2 = document.getElementById("experience");
	var e3 = document.getElementById("creativity");
	var e4 = document.getElementById("profession");
	var e5 = document.getElementById("access");
	
	var e6 = document.getElementById("x100");
	var e7 = document.getElementById("x250");
	var e8 = document.getElementById("x500");
	var e9 = document.getElementById("x1000");
	
	switch(dvId){
		case 1:
		document.getElementById('mainTxt').innerHTML = document.getElementById('firstTxt4').innerHTML;
		//title replacement
		document.getElementById('imgRplace').innerHTML = '<img src="images/title_img_cstefect_1.jpg"  />';
		//var e1 = document.getElementById("cost_eff");
		e1.removeChild(e1.firstChild);
		e1.innerHTML = '<img src="images/left_link_first_up.jpg" />';		
		e2.innerHTML = '<img src="images/left_link_second_down.jpg" />';
		e3.innerHTML = '<img src="images/left_link_third_down.jpg" />';
		e4.innerHTML = '<img src="images/left_link_fourth_down.jpg" />';
		e5.innerHTML = '<img src="images/left_link_fifth_down.jpg" />';
		break;
		
		case 2:
		document.getElementById('mainTxt').innerHTML = document.getElementById('secondTxt').innerHTML;
		
		//var e2 = document.getElementById("experience");
		e2.removeChild(e2.firstChild);
		e1.innerHTML = '<img src="images/left_link_first_down.jpg" />';		
		e2.innerHTML = '<img src="images/left_link_second_up.jpg" />';
		e3.innerHTML = '<img src="images/left_link_third_down.jpg" />';
		e4.innerHTML = '<img src="images/left_link_fourth_down.jpg" />';
		e5.innerHTML = '<img src="images/left_link_fifth_down.jpg" />';		
		break;
		
		case 3:
		document.getElementById('mainTxt').innerHTML = document.getElementById('thirdTxt').innerHTML;
		e3.removeChild(e3.firstChild);
		e1.innerHTML = '<img src="images/left_link_first_down.jpg" />';		
		e2.innerHTML = '<img src="images/left_link_second_down.jpg" />';
		e3.innerHTML = '<img src="images/left_link_third_up.jpg" />';
		e4.innerHTML = '<img src="images/left_link_fourth_down.jpg" />';
		e5.innerHTML = '<img src="images/left_link_fifth_down.jpg" />';		
		
		break;
		
		case 4:
		document.getElementById('mainTxt').innerHTML = document.getElementById('fourthTxt').innerHTML;
		e4.removeChild(e4.firstChild);
		e1.innerHTML = '<img src="images/left_link_first_down.jpg" />';		
		e2.innerHTML = '<img src="images/left_link_second_down.jpg" />';
		e3.innerHTML = '<img src="images/left_link_third_down.jpg" />';
		e4.innerHTML = '<img src="images/left_link_fourth_up.jpg" />';
		e5.innerHTML = '<img src="images/left_link_fifth_down.jpg" />';			
		
		break;
		
		case 5:
		document.getElementById('mainTxt').innerHTML = document.getElementById('fifthTxt').innerHTML;
		e5.removeChild(e5.firstChild);
		e1.innerHTML = '<img src="images/left_link_first_down.jpg" />';		
		e2.innerHTML = '<img src="images/left_link_second_down.jpg" />';
		e3.innerHTML = '<img src="images/left_link_third_down.jpg" />';
		e4.innerHTML = '<img src="images/left_link_fourth_down.jpg" />';
		e5.innerHTML = '<img src="images/left_link_fifth_up.jpg" />';		
		break;
		
		case 6:
		document.getElementById('budget0').innerHTML = document.getElementById('budget1').innerHTML;
		
		e6.removeChild(e6.firstChild);
		e6.innerHTML = '<img src="images/100_250_up.jpg" />';		
		e7.innerHTML = '<img src="images/250_500_down.jpg" />';
		e8.innerHTML = '<img src="images/500_1000_down.jpg" />';
		e9.innerHTML = '<img src="images/1000_down.jpg" />';		
		break;
		
		case 7:
		document.getElementById('budget0').innerHTML = document.getElementById('budget2').innerHTML;
		e7.removeChild(e7.firstChild);
		e6.innerHTML = '<img src="images/100_250_down.jpg" />';		
		e7.innerHTML = '<img src="images/250_500_up.jpg" />';
		e8.innerHTML = '<img src="images/500_1000_down.jpg" />';
		e9.innerHTML = '<img src="images/1000_down.jpg" />';		
		break;
		
		case 8:
		document.getElementById('budget0').innerHTML = document.getElementById('budget3').innerHTML;
		e8.removeChild(e8.firstChild);
		e6.innerHTML = '<img src="images/100_250_down.jpg" />';		
		e7.innerHTML = '<img src="images/250_500_down.jpg" />';
		e8.innerHTML = '<img src="images/500_1000_up.jpg" />';
		e9.innerHTML = '<img src="images/1000_down.jpg" />';			
		
		break;
		
		case 9:
		document.getElementById('budget0').innerHTML = document.getElementById('budget4').innerHTML;
		e9.removeChild(e9.firstChild);
		e6.innerHTML = '<img src="images/100_250_down.jpg" />';		
		e7.innerHTML = '<img src="images/250_500_down.jpg" />';
		e8.innerHTML = '<img src="images/500_1000_down.jpg" />';
		e9.innerHTML = '<img src="images/1000_up.jpg" />';				
		break;		
	}

}

function dynamicImage(dvId)
{
	switch(dvId)
	{
		case 1:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt4').style.display="inline";
		document.getElementById('mainTxt').style.display="none";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('fifthTxt').style.display="none";
		document.getElementById('imgRplace').style.display="none";
		break;
		
		case 2:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt4').style.display="none";
		document.getElementById('secondTxt').style.display="inline";
		document.getElementById('mainTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('fifthTxt').style.display="none";
		break;
		
		case 3:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt4').style.display="none";
		document.getElementById('thirdTxt').style.display="inline";
		document.getElementById('mainTxt').style.display="none";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('fifthTxt').style.display="none";
		break;
		
		case 4:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt4').style.display="none";
		document.getElementById('fourthTxt').style.display="inline";
		document.getElementById('mainTxt').style.display="none";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fifthTxt').style.display="none";
		break;
		
		case 5:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt4').style.display="none";
		document.getElementById('fifthTxt').style.display="inline";
		document.getElementById('mainTxt').style.display="none";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";	
		break;
		
		case 6:
		
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt').style.display="inline";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('mainTxt').style.display="none";
		
		
		//title replacement
		//document.getElementById('imgRplace').innerHTML = '<img src="images/title_img_a_n_f_1.jpg"  />';		
		break;
		
		case 7:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt2').style.display="inline";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('mainTxt').style.display="none";
		
		
		//title replacement
		//document.getElementById('imgRplace').innerHTML = '<img src="images/title_img_a_n_f_1.jpg"  />';		
		break;
		
		case 8:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="inline";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('mainTxt').style.display="none";
		
		
		//title replacement
		//document.getElementById('imgRplace').innerHTML = '<img src="images/title_img_a_n_f_1.jpg"  />';		
		break;
		
		case 9:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt4').style.display="none";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('fifthTxt').style.display="none";
		document.getElementById('imgRplace').style.display="none";
		document.getElementById('mainTxt').style.display="inline";
		
		break;
		
				case 10:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('fifthTxt').style.display="none";
		document.getElementById('mainTxt').style.display="inline";
		
		
		//title replacement
		//document.getElementById('imgRplace').innerHTML = '<img src="images/title_img_a_n_f_1.jpg"  />';		
		break;
		
				case 11:
		document.getElementById('firstTxt').style.display="none";
		document.getElementById('firstTxt2').style.display="none";
		document.getElementById('firstTxt3').style.display="none";
		document.getElementById('firstTxt4').style.display="none";
		document.getElementById('secondTxt').style.display="none";
		document.getElementById('thirdTxt').style.display="none";
		document.getElementById('fourthTxt').style.display="none";
		document.getElementById('fifthTxt').style.display="none";
		document.getElementById('mainTxt').style.display="inline";
		document.getElementById('imgRplace').style.display="none";
		
		
		//title replacement
		//document.getElementById('imgRplace').innerHTML = '<img src="images/title_img_a_n_f_1.jpg"  />';		
		break;
	}
}

function changeTopic(id)
{
	switch(id)
	{
		case 1:
		document.getElementById('budget1').style.display="inline";
		document.getElementById('budget2').style.display="none";
		document.getElementById('budget3').style.display="none";
		document.getElementById('budget4').style.display="none";
		document.getElementById('budget0').style.display="none";
		document.getElementById('budgetbg').style.background="url(images/budget_bg_view_1.jpg) no-repeat center";
		
		
		
		
		break;
		
		case 2:
		document.getElementById('budget1').style.display="none";
		document.getElementById('budget2').style.display="inline";
		document.getElementById('budget3').style.display="none";
		document.getElementById('budget4').style.display="none";
		document.getElementById('budget0').style.display="none";
		document.getElementById('budgetbg').style.background="url(images/budget_bg_view_2.jpg) no-repeat center";
		break;
		
		case 3:
		document.getElementById('budget1').style.display="none";
		document.getElementById('budget2').style.display="none";
		document.getElementById('budget3').style.display="inline";
		document.getElementById('budget4').style.display="none";
		document.getElementById('budget0').style.display="none";
		document.getElementById('budgetbg').style.background="url(images/budget_bg_view_3.jpg) no-repeat center";
		break;
		
		case 4:
		document.getElementById('budget1').style.display="none";
		document.getElementById('budget2').style.display="none";
		document.getElementById('budget3').style.display="none";
		document.getElementById('budget4').style.display="inline";
		document.getElementById('budget0').style.display="none";
		document.getElementById('budgetbg').style.background="url(images/budget_bg_view_4.jpg) no-repeat center";
		break;
		
		case 5:
		document.getElementById('budget1').style.display="none";
		document.getElementById('budget2').style.display="none";
		document.getElementById('budget3').style.display="none";
		document.getElementById('budget4').style.display="inline";
		document.getElementById('budget0').style.display="none";
		
		break;
	
	case 9:
		document.getElementById('budget0').style.display="inline";
		document.getElementById('budget1').style.display="none";
		document.getElementById('budget2').style.display="none";
		document.getElementById('budget3').style.display="none";
		document.getElementById('budget4').style.display="none";
		document.getElementById('budgetbg').style.background="url(images/budget_bg_view.jpg) no-repeat center";
		break;
	}
}