var cr_1;
var cr_2;
var cr_3;
var cr_4;
var cr_5;

var cr_1_t;
var cr_2_t;
var cr_3_t;

var contenttext;
var contentimg;

var cr_start_text;

function init_circle() {
	cr_1 = document.getElementById('cr_1');
	cr_2 = document.getElementById('cr_2');
	cr_3 = document.getElementById('cr_3');
	cr_4 = document.getElementById('cr_4');
	cr_5 = document.getElementById('cr_5');
	cr_1_t = document.getElementById('cr_1_t');
	cr_2_t = document.getElementById('cr_2_t');
	cr_3_t = document.getElementById('cr_3_t');
	
	contenttext = document.getElementById('content_text');
	contentimg = document.getElementById('content_img');
	
	if(cr_1 == null || cr_2 == null || cr_3 == null || cr_4 == null || contenttext == null || contentimg == null) {
		return;
	}

	cr_start_text = contenttext.innerHTML;
	cr_start_img = contentimg.src;

	//addEvent(cr_1, 'mousemove', circle_hover);
	//addEvent(cr_2, 'mousemove', circle_hover);
	//addEvent(cr_3, 'mousemove', circle_hover);
	
	addEvent(cr_1, 'click', circle_hover);
	addEvent(cr_2, 'click', circle_hover);
	addEvent(cr_3, 'click', circle_hover);
	addEvent(cr_4, 'click', circle_hover);
	addEvent(cr_5, 'click', circle_hover);

	//addEvent(cr_1, 'mouseout', circle_out);
	//addEvent(cr_2, 'mouseout', circle_out);
	//addEvent(cr_3, 'mouseout', circle_out);
	
	//addEvent(cr_1_t, 'mousemove', circle_hover);
	//addEvent(cr_2_t, 'mousemove', circle_hover);
	//addEvent(cr_3_t, 'mousemove', circle_hover);
	
	addEvent(cr_1_t, 'click', circle_hover);
	addEvent(cr_2_t, 'click', circle_hover);
	addEvent(cr_3_t, 'click', circle_hover);
	
	//addEvent(cr_1_t, 'mouseout', circle_out);
	//addEvent(cr_2_t, 'mouseout', circle_out);
	//addEvent(cr_3_t, 'mouseout', circle_out);
}

function circle_hover(ev) {
	t = get_Target_nr(ev);
	
	if(t == '5') { t = '4'; }

	if(t != '4') {
		ccr = document.getElementById('cr_' + t);
		ccrt = document.getElementById('cr_' + t + '_t');
	}
	
	cimg = '';
	ccls = 'hover';
	
	switch (t) {
		case '1':
			cimg = 'c_t_h.gif';
			circle_out('2');
			circle_out('3');
			break;
		case '2':
			cimg = 'c_m_h.gif';
			circle_out('1');
			circle_out('3');
			break;
		case '3':
			cimg = 'c_b_h.gif';
			ccls = 'hoverb';
			circle_out('2');
			circle_out('1');
			break;
		case '4':
			circle_out('2');
			circle_out('1');
			circle_out('3');
			break;
		default:
			return;
	}
	
	if(t != '4') {
		ccr.src = imgpath + cimg;
		ccrt.className = ccls;
	}
	
	eval('contenttext.innerHTML = cr_' + t + '_text;');
	eval('contentimg.src = cr_' + t + '_img;');
}

function circle_out(ev) {
	if(ev != '1' && ev != '2' && ev != '3') {
		target = get_Target_nr(ev);
	}
	else {
		target = ev;
	}
	cr = document.getElementById('cr_' + target);
	crt = document.getElementById('cr_' + target + '_t');
	
	img = '';
	cls = '';
	
	switch (target) {
		case '1':
			img = 'c_t.gif';
			cls = 'top';
			break;
		case '2':
			img = 'c_m.gif';
			cls = 'mid';
			break;
		case '3':
			img = 'c_b.gif';
			cls = 'bottom';
			break;
		default:
			return;
	}
	
	cr.src = imgpath + img;
	crt.className = cls;
	
	//contenttext.innerHTML = cr_start_text;
	//contentimg.src = cr_start_img;
}

function get_Target_nr(ev) {
	var ret = get_Target(ev);
	
	return ret.replace('_t','').replace('cr_','');
}

function get_Offset(ev) {
	if(browser.isIE || browser.isOpera) {
		return new Array(ev.offsetX,ev.offsetY);
	}
	else {
		return new Array(ev.layerX,ev.layerY);
	}
}