var check_1 = '', check_2 = '', control = '';

function num_array(y){
	var y_array = y.split(',');
	for(var j=0;j<y_array.length; ++j){
		y_array[j] = parseInt(y_array[j]);
		}
	return y_array;
	}

function draw(i, y, num){
	if(check_1 != i && check_2 != i){
		for(var j=1;j<=num;j++){
			document.getElementById('rank_'+ i +'_'+ j).firstChild.style.backgroundColor = '#ffffff';
			document.getElementById('rank_'+ i +'_'+ j).childNodes[0].style.color = '#000000';
			document.getElementById('rank_'+ i +'_'+ j).style.zIndex = 2;
			}
		for(var j=0;j<=2;j++){
			document.getElementById('rank_'+ i +'_0').childNodes[j].style.backgroundColor = '#f2f2f2';
			}
		}
	}

function eraser(i, num){
	if(check_1 != i && check_2 != i){
		for(var j=1;j<=num;j++){
			document.getElementById('rank_'+ i +'_'+ j).firstChild.style.backgroundColor = 'transparent';
			document.getElementById('rank_'+ i +'_'+ j).childNodes[0].style.color = '#aaaaaa';
			document.getElementById('rank_'+ i +'_'+ j).style.zIndex = 0;
			}
		for(var j=0;j<=2;j++){
			document.getElementById('rank_'+ i +'_0').childNodes[j].style.backgroundColor = '#ffffff';
			}
		}
	}

function draw_log(i, a, num, country, text, iso, b){
	if(i == check_1)
		erase_log(num, i, 1);
	else if(i == check_2)
		erase_log(num, i, 2);
	
	else if(i != check_1 && i != check_2){
		document.getElementById('rank_'+ i +'_0').style.backgroundColor = '#ffffff';
		//document.getElementById('selection').style.display = 'none';
		//document.getElementById('undo_selection').style.display = 'block';
		a = a.split(',');
		b = b.split(',');
		
		if(check_1 == '' || check_1 != '' && check_2 != '' && control == check_2){
			if(check_1 != '' && check_2 != '')
				erase_log(num, check_1, 1);
			
			check_1 = i;
			control = i;
			
			for(var j=0;j<=2;j++){
				document.getElementById('rank_'+ i +'_0').childNodes[j].style.backgroundColor = '#003082';
				document.getElementById('rank_'+ i +'_0').childNodes[j].style.color = '#ffffff';
				}
			
			for(var j=0;j<num;j++){
				document.getElementById('rank_'+ i +'_'+ (j+1)).firstChild.style.backgroundColor = '#003082'; // blauer Hintergrund
				document.getElementById('rank_'+ i +'_'+ (j+1)).childNodes[0].style.color = '#ffffff'; // weiße Schrift
				if(parseInt(a[j]) < parseInt(b[j])){
					document.getElementById('line_1_'+ (j+1) +'_'+ a[j]).src = 'img/peak_1_up.gif'; // Pfeil hoch
					document.getElementById('line_1_'+ (j+1) +'_'+ b[j]).src = 'img/hook_1_up.gif'; // Ring hoch
					for(var k=(parseInt(a[j])+1);k<parseInt(b[j]);k++){
						document.getElementById('line_1_'+ (j+1) +'_'+ k).src = 'img/line_1.gif'; // Linie
						}
					}
				else if(parseInt(a[j]) > parseInt(b[j])){
					document.getElementById('line_1_'+ (j+1) +'_'+ a[j]).src = 'img/peak_1_down.gif'; // Pfeil runter
					document.getElementById('line_1_'+ (j+1) +'_'+ b[j]).src = 'img/hook_1_down.gif'; // Ring runter
					for(var k=(parseInt(b[j])+1);k<parseInt(a[j]);k++){
						document.getElementById('line_1_'+ (j+1) +'_'+ k).src = 'img/line_1.gif'; // Linie
						}
					}
				else{
					document.getElementById('line_1_'+ (j+1) +'_'+ a[j]).src = 'img/hook_1.gif'; // Ring
					}
				}
			
			// Textbox 1
			document.getElementById("block_1").style.display = 'block';
			document.getElementById("country_box_1").firstChild.nodeValue = country;
			document.getElementById("text_box_1").innerHTML = text;
			document.getElementById("link_box_1").innerHTML = '<a href="index.php?page=countries_keyfindings&country=' + iso + '" class="link"><img src="img/icon_hyperlink_blue.gif" alt="Link to Country" height="14" width="14">' + country + ' report</a>';
			}
		else if(check_2 == '' || check_1 != '' && check_2 != '' && control == check_1){
			if(check_1 != '' && check_2 != '')
				erase_log(num, check_2, 2);
			
			check_2 = i;
			control = i;
			
			for(var j=0;j<=2;j++){
				document.getElementById('rank_'+ i +'_0').childNodes[j].style.backgroundColor = '#49b2b2';
				document.getElementById('rank_'+ i +'_0').childNodes[j].style.color = '#ffffff';
				}
			
			for(var j=0;j<num;j++){
				document.getElementById('rank_'+ i +'_'+ (j+1)).firstChild.style.backgroundColor = '#49b2b2'; // türis Hintergrund
				document.getElementById('rank_'+ i +'_'+ (j+1)).childNodes[0].style.color = '#ffffff'; // weiße Schrift
				if(parseInt(a[j]) < parseInt(b[j])){
					document.getElementById('line_2_'+ (j+1) +'_'+ a[j]).src = 'img/peak_2_up.gif'; // Pfeil hoch
					document.getElementById('line_2_'+ (j+1) +'_'+ b[j]).src = 'img/hook_2_up.gif'; // Ring hoch
					for(var k=(parseInt(a[j])+1);k<parseInt(b[j]);k++){
						document.getElementById('line_2_'+ (j+1) +'_'+ k).src = 'img/line_2.gif'; // Linie
						}
					}
				else if(parseInt(a[j]) > parseInt(b[j])){
					document.getElementById('line_2_'+ (j+1) +'_'+ a[j]).src = 'img/peak_2_down.gif'; // Pfeil runter
					document.getElementById('line_2_'+ (j+1) +'_'+ b[j]).src = 'img/hook_2_down.gif'; // Ring runter
					for(var k=(parseInt(b[j])+1);k<parseInt(a[j]);k++){
						document.getElementById('line_2_'+ (j+1) +'_'+ k).src = 'img/line_2.gif'; // Linie
						}
					}
				else{
					document.getElementById('line_2_'+ (j+1) +'_'+ a[j]).src = 'img/hook_2.gif'; // Ring
					}
				}
			
			// Textbox 2
			document.getElementById("block_2").style.display = 'block';
			document.getElementById("country_box_2").firstChild.nodeValue = country;
			document.getElementById("text_box_2").innerHTML = text;
			document.getElementById("link_box_2").innerHTML = '<a href="index.php?page=countries_keyfindings&country=' + iso + '" class="link"><img src="img/icon_hyperlink_blue.gif" alt="Link to Country" height="14" width="14">' + country + ' report</a>';
			}
		}
	}

function erase_log(num, check_val, check){
	for(var j=1;j<=num;j++){
		if(check_val != ''){
			document.getElementById('rank_'+ check_val +'_'+ j).childNodes[0].style.background = 'transparent';
			document.getElementById('rank_'+ check_val +'_'+ j).childNodes[0].style.color = '#aaaaaa';
			document.getElementById('rank_'+ check_val +'_'+ j).style.zIndex = 0;
			}
		
		for(var i=1;i<=31;i++){
			document.getElementById('line_'+ check +'_'+ j +'_'+ i).src = 'img/p.gif';
			}
		}
	
	if(check_val != ''){
		for(var j=0;j<=2;j++){
			document.getElementById('rank_'+ check_val +'_0').childNodes[j].style.background = '#ffffff';
			document.getElementById('rank_'+ check_val +'_0').childNodes[j].style.color = '#000000';
			}
		
		if(document.getElementById('rank_'+ check_val +'_0').getAttribute('class') == 'row_1 b')
			document.getElementById('rank_'+ check_val +'_0').childNodes[0].style.color = '#ffffff';
		else
			document.getElementById('rank_'+ check_val +'_0').childNodes[0].style.color = '#000000';
		}
	
	check == 1 ? check_1 = '' : check_2 = '';
	document.getElementById('block_'+check).style.display = 'none';
	}

// Content open/close
window.addEvent('domready', function(){
	// Info
	var myInfo = new Array();
	for(var i=1;i<=1;i++){
		myInfo[i] = new Fx.Slide('info_box_'+i).hide();
		
		(function(i){
			$('info_'+i).addEvent('click', function(e){ e = new Event(e); eval('myInfo['+i+']').toggle(); e.stop(); });
			})(i);
		}
	
	// country select by parameter in url
	if(pointer){
		num = pointer.split('_');
		if(parseInt(num[6]) == 5){
			var pos = num[1] + ',' + num[2] + ',' + num[3] + ',' + num[4] + ',' + num[5];
			var pos09 = num[8] + ',' + num[9] + ',' + num[10] + ',' + num[11] + ',' + num[12];
			}
		else{
			var pos = num[1] + ',' + num[2] + ',' + num[3] + ',' + num[4];
			var pos09 = num[8] + ',' + num[9] + ',' + num[10] + ',' + num[11];
			}
		draw(parseInt(num[0]), pos, num[6]);
		draw_log(parseInt(num[0]), pos, num[6], countries_array[num[7]], text_array[num[7]], num[7], pos09);
		}
	});