/* onload handler setter */
var window_onload = new Array;
var onloadRef = window.onload;

var contentArray = new Array;
var capaArray = new Array;

var cur_timmer;

window.onload = function() {
	if (onloadRef != null) {
		onloadRef();
	}
	for (var i = 0; i < window_onload.length; i++) {
		eval(window_onload[i]);
	}
};

function onload_register(func) {
	window_onload.push(func);
}

function setup_menus() {
	// top nav menu
	$('capa_nav').onclick = function() {
		turnOnArea("capa");
	}
	$('samp_nav').onclick = function() {
		turnOnArea("samp");
	}
	$('asoc_nav').onclick = function() {
		turnOnArea("asoc");
	}
	$('cust_nav').onclick = function() {
		turnOnArea("cust");
	}
	$('cont_nav').onclick = function() {
		turnOnArea("cont");
	}
	// Capabilities menu
	$('capa_pd').onclick = function() {
		turnOnCapaImg("capa_pd");
	}
	$('capa_st').onclick = function() {
		turnOnCapaImg("capa_st");
	}
	$('capa_pm').onclick = function() {
		turnOnCapaImg("capa_pm");
	}
	$('capa_gd').onclick = function() {
		turnOnCapaImg("capa_gd");
	}
	$('capa_cg').onclick = function() {
		turnOnCapaImg("capa_cg");
	}
	$('capa_me').onclick = function() {
		turnOnCapaImg("capa_me");
	}
	$('capa_bs').onclick = function() {
		turnOnCapaImg("capa_bs");
	}
	$('capa_lv').onclick = function() {
		turnOnCapaImg("capa_lv");
	}
	$('larrow').onmouseover = function() {
		scrolltoleft();
	}
	$('rarrow').onmouseover = function() {
		scrolltoright();
	}
	$('larrow').onmouseout = function() {
		clearTimeout(cur_timmer);
		$('rarrow').setStyle('visibility', 'visible');
	}
	$('rarrow').onmouseout = function() {
		clearTimeout(cur_timmer);
		$('larrow').setStyle('visibility', 'visible');
	}
}

function turnOnArea(area) {
	$('larrow').setStyle('visibility', 'hidden');
	$('rarrow').setStyle('visibility', 'hidden');
	$('loader').setStyle('display', 'none');
	contentArray = $('content').getChildren();
	for (i = 0; contentArray.length > i; i++) {
		$(contentArray[i]).setStyle('visibility', 'hidden');
		var cur_nav_elem = 	$(contentArray[i]).id+"_nav";
		$(cur_nav_elem).getFirst().setStyle('color', '#FFFFFF');
	}
	var cur_nav_elem = 	$(area).id+"_nav";
	$(cur_nav_elem).getFirst().setStyle('color', '#666666');
	$(area).setStyle('visibility', 'visible');
	capaArray = $('capa_img_nav').getChildren();
	for (i = 0; capaArray.length > i; i++) {
		var cur_nav_elem = 	$(capaArray[i]).id+"_img";
		$(cur_nav_elem).setStyle('visibility', 'hidden');
		$(capaArray[i]).setStyle('color', '#FFFFFF');
	}
	if (area == "capa"){
		$('capa_pd').setStyle('color', '#666666');
		$('capa_pd_img').setStyle('visibility', 'visible');
	}
	if (area == "samp"){
		$('imageslider').setStyle('left', '-1192px');
		$('larrow').setStyle('visibility', 'visible');
		$('rarrow').setStyle('visibility', 'visible');
	}
}

function turnOnCapaImg(capa_img) {
	capaArray = $('capa_img_nav').getChildren();
	for (i = 0; capaArray.length > i; i++) {
		var cur_nav_elem = 	$(capaArray[i]).id+"_img";
		$(cur_nav_elem).setStyle('visibility', 'hidden');
		$(capaArray[i]).setStyle('color', '#FFFFFF');
	}
	var cur_nav_elem = 	$(capa_img).id+"_img";
	$(capa_img).setStyle('color', '#666666');
	$(cur_nav_elem).setStyle('visibility', 'visible');
}

function setupscroller(){
	var scroll = new Scroller('imageslider_container', {area: 40, velocity: 2});
	$('imageslider_container').addEvent('mouseover', scroll.start.bind(scroll));
	$('imageslider_container').addEvent('mouseout', scroll.stop.bind(scroll));
	$('larrow').addEvent('mouseover', scroll.start.bind(scroll));
	$('larrow').addEvent('mouseout', scroll.stop.bind(scroll));
	$('rarrow').addEvent('mouseover', scroll.start.bind(scroll));
	$('rarrow').addEvent('mouseout', scroll.stop.bind(scroll));
}

function scrolltoright(){
	var currentleft = $('imageslider').getStyle('left');
	var newleft = currentleft.toInt() - 2;
	if (newleft > -12198){
		$('imageslider').setStyle('left', newleft+'px');
		cur_timmer = setTimeout("scrolltoright()", 10);
	}else{
		$('rarrow').setStyle('visibility', 'hidden');
	}
}

function scrolltoleft(){
	var currentleft = $('imageslider').getStyle('left');
	var newleft = currentleft.toInt() + 2;
	if (newleft < -412){
		$('imageslider').setStyle('left', newleft+'px');
		cur_timmer = setTimeout("scrolltoleft()", 10);
	}else{
		$('larrow').setStyle('visibility', 'hidden');
	}
}

onload_register('setup_menus();');
onload_register('turnOnArea("cont");');