var current_node_menu = 0;				// Stores current shown menu id
var current_image = "";					// Stores current shown image
var initial_image = "";					// Stores first image
var hide_control = "";					// Handles menu hiding
var target = "";						// Menu target (horizontal / vertical)
var images = "";						// Stores available images
var button_folder = "/extension/site_tytogaz/design/tytogaz_user/images/navi_buttons/";
var active_button = "";					// Contains value if a subpage is active
var effect_duration = "fast"			// Duration of fade/appear effect
var item_clicked = false;				// Is true if a link has been clicked
var small_menu = false;					// Stores if menu is on home page (big menu) or on a sub page (small menu)

function LoadNavigation(){
	// set btn extension (small_menu is set directly in tpl file)
	if(small_menu){
		button_folder = button_folder+"small/";
	}
	
	images = $('#item_images > li');
	
	// hide all images
	for(i=0; i<images.length; i++){
		if(i > 0){
			//$('#'+images[i]).fadeOut(effect_duration);
			//alert(images[i]);
			images[i].style.display = 'none';
		}
	}
}

function LoadSubmenu(id, opener){
	if(!item_clicked){
	
		if( (current_node_menu != 0) && ("submenu_"+opener+"_"+id != target) ){
			$('#'+target).fadeOut(effect_duration);
		}
		
		if(current_node_menu != id){
		
			// clear timer
			ClearTimeout();
			
			// set new target
			target = "submenu_"+opener+"_"+id;
			
			//var submenu_name = "item_menu";
			//var image_name = "item_image";
			
			// hide all images
			for(i=0; i<images.length; i++){
				if(images[i] != $('#node_'+id)){
					//alert(images[i]);
					//images[i].fadeOut();
					images[i].style.display = 'none';
				}
			}
			
			// set hover btn
			
			if(active_button != ""){
				//$('#button_'+active_button).src = button_folder+active_button+".png";
				document.getElementById('button_'+active_button).src = button_folder+active_button+".png";
			}
			
			if(current_node_menu != 0){
				document.getElementById('button_'+current_node_menu).src = button_folder+current_node_menu+".png";
			}
			
			//$('#button_'+id).src = button_folder+id+"_hover.png";
			document.getElementById('button_'+id).src = button_folder+id+"_hover.png";
			
			
			// show current menu image
			if('node_'+id != initial_image){
				$('#node_'+id).fadeIn(effect_duration);
				current_image = 'node_'+id;
			}
			
			// show submenu pane
			$('#'+target).fadeIn(effect_duration);
			
			current_node_menu = id;
		
		}else{
			ClearTimeout()
		}
	}
	
}

function ClearTimeout(){
	window.clearTimeout(hide_control);
}

function Click(){
	ClearTimeout();
	item_clicked = true;
}

function CloseSubmenu(id){
	// hide menu
	//alert('init close');
	if(!item_clicked){
		hide_control = setTimeout("CloseIt("+id+")", 500);
	}
}

function CloseIt(id){
	document.getElementById(target).style.display = "none";
	//$('#'+target).style.display = "none";
	if('node_'+id != initial_image){
		/*for(i=0; i<images.length; i++){
			if(i == 0){
				$('#'+images[i]).fadeIn(effect_duration); 
			}else{
				$('#'+images[i]).fadeOut(effect_duration);
			}
		}*/
		$('#'+current_image).fadeOut(effect_duration);
		$('#'+initial_image).fadeIn(effect_duration);
	}
	if(active_button != ""){
		document.getElementById('button_'+active_button).src = button_folder+active_button+"_hover.png";
		//$('#button_'+active_button).src = button_folder+active_button+"_hover.png";
	}
	if(active_button != current_node_menu){
		document.getElementById('button_'+current_node_menu).src = button_folder+current_node_menu+".png";
		//$('#button_'+current_node_menu).src = button_folder+current_node_menu+".png";
	}
	current_node_menu = 0;
}



/*** NEWSSCROLLER *****************************************************************/

var timer = null;						// Needed for manual scrolling
var scrolling = null;					// Needed for automatic srolling
var elementPos = 0;						// Current position
var elementHeight = 0;					// Elements height
var scrollValue = 1;					// Number of pixels to scroll
var timerValue = 50;					// Timer for scrolling

function InitRotation(id,child){
	elementHeight = document.getElementById(child).offsetHeight;
	
	// Start rotation
	timer = window.setTimeout(function() {
		AutoScroll("start", id);
	}, 2000);
}

function AutoScroll(action, id){
	var t = document.getElementById(id);
	
	switch(action){
		case "start":
			t.scrollTop = t.scrollTop + scrollValue;
			elementPos = elementPos + scrollValue;
			if(elementPos > elementHeight){
				AutoScroll("loop",id);
			}else{
				timer = window.setTimeout(function() {
					AutoScroll(action, id);
				}, timerValue);
			}
			break;
			
		case "loop":
			t.scrollTop = 0;
			elementPos = 0;
			timer = window.setTimeout(function() {
				AutoScroll("start", id);
			}, timerValue);
			break;
			
		case "stop":
			window.clearTimeout(timer);
			break;
			
			
		default:
		
	}
}