function hmeover(me){
        document.getElementById(me).style.border = "1px solid #566c89";
        document.getElementById(me).style.width = "117px";
        document.getElementById(me).style.height = "115px";
		switch(me){
			case 'img2':
			document.getElementById('b2').style.color = '#566c89';
			document.getElementById("titleId2").setAttribute("class", "titlebarout");
			document.getElementById("barId2").setAttribute("class", "rbarout");
			break;
			case 'img1':
			document.getElementById('b3').style.color = '#566c89';
			document.getElementById("titleId3").setAttribute("class", "titlebarout");
			document.getElementById("barId3").setAttribute("class", "rbarout");
			break;
			case 'img3':
			document.getElementById('b4').style.color = '#566c89';
			document.getElementById("titleId4").setAttribute("class", "titlebarout");
			document.getElementById("barId4").setAttribute("class", "rbarout");
			break;
			case 'img4':
			document.getElementById('b5').style.color = '#566c89';
			document.getElementById("titleId5").setAttribute("class", "titlebarout");
			document.getElementById("barId5").setAttribute("class", "rbarout");
			break;
			case 'img6':
			document.getElementById('b6').style.color = '#566c89';
			document.getElementById("titleId6").setAttribute("class", "titlebarout");
			document.getElementById("barId6").setAttribute("class", "rbarout");
			break;

		}
        
}

function hmeout(me){
	document.getElementById(me).style.border = "4px solid #fff";
        document.getElementById(me).style.width = "111px";
        document.getElementById(me).style.height = "109px";
        document.getElementById(me).style.cursor = "pointer";
		switch(me){
			case 'img2':
			document.getElementById('b2').style.color = '#333333';
			document.getElementById("barId2").setAttribute("class", "rbar");
			document.getElementById("titleId2").setAttribute("class", "titlebar");
			break;
			case 'img1':
			document.getElementById('b3').style.color = '#333333';
			document.getElementById("barId3").setAttribute("class", "rbar");
			document.getElementById("titleId3").setAttribute("class", "titlebar");
			break;
			case 'img3':
			document.getElementById('b4').style.color = '#333333';
			document.getElementById("barId4").setAttribute("class", "rbar");
			document.getElementById("titleId4").setAttribute("class", "titlebar");
			break;
			case 'img4':
			document.getElementById('b5').style.color = '#333333';
			document.getElementById("barId5").setAttribute("class", "rbar");
			document.getElementById("titleId5").setAttribute("class", "titlebar");
			break;
			case 'img6':
			document.getElementById('b6').style.color = '#333333';
			document.getElementById("barId6").setAttribute("class", "rbar");
			document.getElementById("titleId6").setAttribute("class", "titlebar");
			break;

		}
}
function hmego(me){
	document.location.href = me;
}