///////////////////////////////////////////////////////////////////////////////////////////
// loader animation bar

function pauseLoader(){
	setAction('IS_PAUSE','da');
	
	$('#pause').html('<img src="images/pause_a.png" alt=""/>');
	$('#play').html('<img src="images/play.png" alt="" style="cursor:pointer" onclick="playLoader()" />');
}

function playLoader(){
	setAction('IS_PAUSE','nu');

	$('#pause').html('<img src="images/pause.png" alt="" style="cursor:pointer" onclick="pauseLoader()" />');
	$('#play').html('<img src="images/play_a.png" alt=""/>');
	
	startLoader();
}

function continueLoader(){
	$('#refresh').html('<img src="images/refresh_a.png" alt="" style="cursor:pointer;" onclick="loadAvatar();" />');
	
	if(isAction('IS_PAUSE')) return;
	
	
	playLoader();
}


function startLoader(){
	if(isPauseLoader())	return;
	if(isAction('IS_ACTION')) return;
	
	var PAS = 31;	
	bgPos = $('#loading').css('background-position');
	
	if (bgPos == 'undefined' || bgPos == null) 	bgPos = $('#loading').css("background-position-x");
	
	findPos = bgPos.indexOf("px");
	
	if(findPos==-1)	left = PAS;
	else			left = parseInt(bgPos.substring(0,findPos))+PAS;

	$('#loading').css('background-position', left+'px');
	
	if(left<PAS)	setTimeout( function() { startLoader();}, 1000);
	else			loadAvatar();
}

function isPauseLoader(){
	return ($('#pause img').attr('src')=='images/pause_a.png');
}

function setAction(objID, value){
	$('#'+objID).html(value);
}
function isAction(objID){
	return ($('#'+objID).html()=='da');
}


///////////////////////////////////////////////////////////////////////////////////////////
// menu roll over
function setOnLeave(objID){
	$('#'+objID).mouseleave(function(e) {
		leaveSubmenu(objID, e);
	});
	
	$('#'+objID+'_submenu').mouseleave(function(e) {
		leaveSubmenu(objID, e);
	});
}

function prepareSubmenu(asubmenu){
	for(i=0;i<asubmenu.length;i++){
		setOnLeave(asubmenu[i]);
	}
}

function closeAll(asubmenu){
	for(i=0;i<asubmenu.length;i++){
		setOnLeave(asubmenu[i]);
	}
}

function isInsideDOM(objID, e){
	
	var objPos= $("#"+objID).offset();
		
	var inside = false;
	
	topDOM = objPos.top;
	bottomDOM = objPos.top + $("#"+objID).height(); 
	leftDOM = objPos.left;
	rightDOM = objPos.left + $("#"+objID).width();
	
	inside = ( ( topDOM < e.pageY ) && ( e.pageY < bottomDOM ) && ( leftDOM < e.pageX ) && ( e.pageX < rightDOM ) );
	
	return inside;
}

function leaveSubmenu(objID, e){

	if( (!isInsideDOM(objID, e)) && (!isInsideDOM(objID+'_submenu', e)) ){
		$('#'+objID+'_submenu').css('display', 'none');
		
			$('#'+objID+' .text').css('position','static');
			$('#'+objID+' .text').css('z-index','auto');
			
			$('#'+objID).css('position','');
			$('#'+objID).css('z-index','');
	}
}

function closeSubMenu(objID){
		$('#'+objID+'_submenu').css('display', 'none');	
}

function openSubMenu(objID){

	if($('#'+objID+'_submenu').css('display')=='block'){	return;	}
	
	closeAll(submenu);
	
	var objPos = $("#"+objID).offset();

	var currentTop = objPos.top+25;
	rest = $('#'+objID+'_submenu').width() - $('#'+objID).width();
	var currentLeft = objPos.left-rest+18;
	
	$('#'+objID+'_submenu').css({'top': currentTop, 'left': currentLeft, 'display': 'block'});
	
	$('#'+objID).css('position','relative');
	$('#'+objID).css('z-index','3');
	
	$('#'+objID+' .text').css('position','relative');
	$('#'+objID+' .text').css('z-index','1');
	
	setOnLeave(objID);
}