/*--- Custom Profile Page Javascript --- */

var is_moved = false;

// moved component info
var moved_component_name;
var moved_component_id;

// Array with position's coordiantes
var position_location = [];

var windowHeight = document.documentElement.clientHeight;
var windowWidth = document.documentElement.clientWidth;

/**
* Function detect if component dropped on
* some of defined positions
*
* Returns array with position info or empty array
*/
function detectIfDroppedOnPosition( x, y )
{
	var dropped_position_info = [];
	
	for ( var j in position_location )
	{
		if ( ( ( x >= position_location[j]["x_begin"] ) && ( x <= position_location[j]["x_end"] ) ) 
			&& ( ( y >= position_location[j]["y_begin"] ) && ( y <= position_location[j]["y_end"] ) ) )
			{
				dropped_position_info["position_name"] = j;
				dropped_position_info["position_obj_id"] = position_location[j]["position_obj_id"];
			}
			
	}
		
	return dropped_position_info;
}

/**
* Function fills array with positions info
*/
function detectPositionLocation( position_name, position_obj_id )
{
	var block = $( position_obj_id );
	position_location[position_name] = [];
	
	
	position_location[position_name]["position_obj_id"] = position_obj_id;
	position_location[position_name]["x_begin"] = block["offsetLeft"];
	position_location[position_name]["x_end"] = block["offsetLeft"] + block["clientWidth"];
	
	position_location[position_name]["y_begin"] = block["offsetTop"];
	position_location[position_name]["y_end"] = block["offsetTop"] + block["clientHeight"];
	
}

function show_colorbox()
{
	$( 'profile_page_panel_colorbox' ).style.display = 'inline';	
}

function hide_colorbox()
{
	$( 'profile_page_panel_colorbox' ).style.display = 'none';
}

///// DRAG AND DROP FUNCTION ( do not rename )///////
function my_DropFunc()
{
	is_moved = false;
	
	dropped_position_info = detectIfDroppedOnPosition( dd.obj.x, dd.obj.y );
	
	if ( dropped_position_info["position_name"] )
	{
		dd.obj.hide();
		dd.obj.del();
		
		xajax_assignComponent( moved_component_name, moved_component_id, dropped_position_info["position_name"], dropped_position_info["position_obj_id"] );	
	}
	else
	{
		dd.obj.setZ( dd.obj.defz );
		dd.obj.moveTo( dd.obj.defx, dd.obj.defy );	
	}
}

///// DRAG AND DROP FUNCTION ( do not rename )///////
function my_PickFunc()
{
	if ( !is_moved )
	{
		is_dropped = false;

		moved_component_info = dd.obj.name.split( "__" );
		
		moved_component_name = moved_component_info[0];
		moved_component_id = moved_component_info[1];
		
		is_moved = true;
	}
}

function scrollMainWindow()
{
	if ( dd.obj )
	{
		if ( tempY > ( document.documentElement.scrollTop + document.documentElement.clientHeight - 100 )  )
		{
			window.scroll( 0, document.documentElement.scrollTop + 100 );
		}
		else if ( tempY < ( document.documentElement.scrollTop + 100 ) ) 
			window.scroll( 0, document.documentElement.scrollTop - 100 );
	}
	
	setTimeout( "scrollMainWindow()", 10 )
}

function getMouseY(e)
{
	if (!e) e = window.event;
	//e = event || window.event
	
	tempY = e.clientY + document.documentElement.scrollTop;
}

var tempY;
document.onmousemove = getMouseY;