// Content open/close
window.addEvent('domready', function(){
	var myInfo = new Array();
	for(var i=1;i<=4;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);
		}
	
	
	$$('#key_1, #key_2, #key_3, #key_4, #key_5, #cha_1, #cha_2, #cha_3, #cha_4, #cha_5').addEvents({
		mouseover: function() {
			var num = this.getProperty('id').substr(4);
			$('text_0').setStyle('display', 'none');
			$$('#key_1, #key_2, #key_3, #key_4, #key_5, #cha_1, #cha_2, #cha_3, #cha_4, #cha_5').setStyle('-moz-opacity', '0.25');
			$$('#key_1, #key_2, #key_3, #key_4, #key_5, #cha_1, #cha_2, #cha_3, #cha_4, #cha_5').setStyle('opacity', '0.25');
			$$('#key_1, #key_2, #key_3, #key_4, #key_5, #cha_1, #cha_2, #cha_3, #cha_4, #cha_5').setStyle('filter', 'Alpha(opacity=25)');
			$$('#text_1, #text_2, #text_3, #text_4, #text_5').setStyle('display', 'none');
			$('key_' + num).setStyle('-moz-opacity', '1');
			$('key_' + num).setStyle('opacity', '1');
			$('key_' + num).setStyle('filter', 'Alpha(opacity=100)');
			$('cha_' + num).setStyle('-moz-opacity', '1');
			$('cha_' + num).setStyle('opacity', '1');
			$('cha_' + num).setStyle('filter', 'Alpha(opacity=100)');
			$('num_' + num).setStyle('visibility', 'visible');
			$('text_' + num).setStyle('display', 'block');
			var h = parseInt(document.getElementById('text_' + num).offsetHeight / 2);
			var h_array = new Array(60, 180, 310, 410, 490);
			if(h_array[num - 1] - h < 0)
				h = 0;
			else if(h_array[num - 1] + h > 535)
				h = 535 - (h*2);
			else
				h = h_array[num - 1] - h;
			document.getElementById('text_' + num).style.top = h + 'px';
			},
		mouseout: function() {
			$('cha_1').setStyle('filter', 'Alpha(opacity=100)');
			var num = this.getProperty('id').substr(4);
			$('text_0').setStyle('display', 'block');
			$$('#key_1, #key_2, #key_3, #key_4, #key_5, #cha_1, #cha_2, #cha_3, #cha_4, #cha_5').setStyle('-moz-opacity', '1');
			$$('#key_1, #key_2, #key_3, #key_4, #key_5, #cha_1, #cha_2, #cha_3, #cha_4, #cha_5').setStyle('opacity', '1');
			$$('#key_1, #key_2, #key_3, #key_4, #key_5, #cha_1, #cha_2, #cha_3, #cha_4, #cha_5').setStyle('filter', 'Alpha(opacity=100)');
			$('text_' + num).setStyle('display', 'none');
			$('num_' + num).setStyle('visibility', 'hidden');
			}
		});
	
	$$('#key_7, #key_8, #key_9, #key_10, #cha_7, #cha_8, #cha_9, #cha_10').addEvents({
		mouseover: function() {
			var num = this.getProperty('id').substr(4);
			$('text_6').setStyle('display', 'none');
			$$('#key_7, #key_8, #key_9, #key_10, #cha_7, #cha_8, #cha_9, #cha_10').setStyle('-moz-opacity', '0.25');
			$$('#key_7, #key_8, #key_9, #key_10, #cha_7, #cha_8, #cha_9, #cha_10').setStyle('opacity', '0.25');
			$$('#key_7, #key_8, #key_9, #key_10, #cha_7, #cha_8, #cha_9, #cha_10').setStyle('filter', 'Alpha(opacity=25)');
			$$('#text_7, #text_8, #text_9, #text_10').setStyle('display', 'none');
			$('key_' + num).setStyle('-moz-opacity', '1');
			$('key_' + num).setStyle('opacity', '1');
			$('key_' + num).setStyle('filter', 'Alpha(opacity=100)');
			$('cha_' + num).setStyle('-moz-opacity', '1');
			$('cha_' + num).setStyle('opacity', '1');
			$('cha_' + num).setStyle('filter', 'Alpha(opacity=100)');
			$('num_' + num).setStyle('visibility', 'visible');
			$('text_' + num).setStyle('display', 'block');
			var h = parseInt(document.getElementById('text_' + num).offsetHeight / 2);
			var h_array = new Array(70, 160, 223, 324);
			if(h_array[num - 7] - h < 0)
				h = 0;
			else if(h_array[num - 7] + h > 385)
				h = 385 - (h*2);
			else
				h = h_array[num - 7] - h;
			document.getElementById('text_' + num).style.top = h + 'px';
			},
		mouseout: function() {
			var num = this.getProperty('id').substr(4);
			$('text_6').setStyle('display', 'block');
			$$('#key_7, #key_8, #key_9, #key_10, #cha_7, #cha_8, #cha_9, #cha_10').setStyle('-moz-opacity', '1');
			$$('#key_7, #key_8, #key_9, #key_10, #cha_7, #cha_8, #cha_9, #cha_10').setStyle('opacity', '1');
			$$('#key_7, #key_8, #key_9, #key_10, #cha_7, #cha_8, #cha_9, #cha_10').setStyle('filter', 'Alpha(opacity=100)');
			$('text_' + num).setStyle('display', 'none');
			$('num_' + num).setStyle('visibility', 'hidden');
			}
		});
	});


function sendinfo(country, this_country, this_form){
	var form_1 = document.getElementById('key_drop_1');
	var form_2 = document.getElementById('key_drop_2');
	if(this_country == country){
		form_1.style.color = '#999999';
		form_2.style.color = '#999999';
		document.getElementById('key_rank_S').style.color = '#999999';
		document.getElementById('key_rank_M').style.color = '#999999';
		//document.getElementById('key_rate_S').style.color = '#999999';
		//document.getElementById('key_rate_M').style.color = '#999999';
		}
	else{
		form_1.style.color = '#48b2b2';
		form_2.style.color = '#48b2b2';
		document.getElementById('key_rank_S').style.color = '#48b2b2';
		document.getElementById('key_rank_M').style.color = '#48b2b2';
		//document.getElementById('key_rate_S').style.color = '#48b2b2';
		//document.getElementById('key_rate_M').style.color = '#48b2b2';
		}
		
	this_form == 1 ? form_2.selectedIndex = form_1.selectedIndex : form_1.selectedIndex = form_2.selectedIndex;
	
	for(var i=0;i<=10;i++){
		var flash = 'flash_'+i;
		window.document.getElementById(flash).SetVariable('country', country);
		}
	
	for(var i=0;i<ref.length;i++){
		if(ref[i] == country){
			document.getElementById('key_rank_S').innerHTML = '#' + ranking_S[i];
			document.getElementById('key_rank_M').innerHTML = '#' + ranking_M[i];
			//document.getElementById('key_rate_S').innerHTML = rating_S[i];
			//document.getElementById('key_rate_M').innerHTML = rating_M[i];
			}
		}
	}