// JavaScript Document
var dragObject, offsetX, offsetY, isDragging=false,layer_no;

window.onload = init;
document.onmousemove = mM;
document.onmouseup = mU;

function init()
{
	var ob1 = document.getElementById("obj1");
	var ob2 = document.getElementById("obj2");
	var ob3 = document.getElementById("obj3");
	var ob4 = document.getElementById("obj4");
	var ob5 = document.getElementById("obj5");
	var ob6 = document.getElementById("obj6");
	
	
	
		
	
	ob.ondrag=function(){return false;};
	ob.onselectstart=function(){return false;};
	
	
}

function mD(ob,e,no)
{
	dragObject = ob;
	
	layer_no = no;
	
	if (window.event) e=window.event;
	
	var dragX = parseInt(dragObject.style.left);
	var dragY = parseInt(dragObject.style.top);
	
	var mouseX = e.clientX;
	var mouseY = e.clientY;
	
	offsetX = mouseX - dragX;
	offsetY = mouseY - dragY;
	
	
		isDragging = true;
	
	
	return false;
}

function mM(e)
{
	if (!isDragging) return;
	
	if (window.event) e=window.event;
	
	var newX = e.clientX - offsetX;
	var newY = e.clientY - offsetY;
	
	var pos = get_position("banner_back");	
	var dimension = get_browserdimension();
	
	var client_width = dimension.x;
	var client_height = dimension.y;	
	
	var img = "txt_"+layer_no;	
	var img_width = document.getElementById(img).width;
	var img_height = document.getElementById(img).height;
	
	
	var width = parseInt(document.frm.banner_width.value);
	var height = parseInt(document.frm.banner_height.value);
	
	document.getElementById("banner_xpos").value = pos.x;
	document.getElementById("banner_ypos").value = pos.y;
	
	var ws = width + pos.x; //banner width + banner's x position
	
	var hscroll = (document.all ? document.scrollLeft : window.pageXOffset);
	var vscroll = (document.all ? document.scrollTop : window.pageYOffset);		
	
	
	var total_w = (client_width - pos.x) - img_width;
	var total_y = ( pos.y  + height )  - img_height +  vscroll ;	
	
	var starting_y = pos.y + vscroll;
	
	if( (newX >= pos.x && newX <= total_w )  && (newY >= starting_y && newY <= total_y ) )
	{
		dragObject.style.left = newX + "px";
		dragObject.style.top = newY + "px";
		
		var hidden_value = "font_pos"+layer_no;
		
		document.getElementById(hidden_value).value = newX+","+newY;
		
	}
	
	//document.frm.mylabel.value = vscroll + "---" + newY+ "---" + total_y;	
	//document.getElementById("asd").value = vscroll + "----" + total_y;
	
	return false;
}

function mU()
{
	if (!isDragging) return;
	
	isDragging = false;
	
	return false;
}

function get_position(layer)
{
	var e = document.getElementById(layer);
	var position = {x:0,y:0};
	while (e)
	{
		position.x += e.offsetLeft;
		position.y += e.offsetTop;
		e = e.offsetParent;
	}
	
		
	
	if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft))
	{
		position.x -= document.documentElement.scrollLeft;
		position.y -= document.documentElement.scrollTop;
	}
	else if (document.body && (document.body.scrollTop || document.body.scrollLeft))
	{
		position.x -= document.body.scrollLeft;
		position.y -= document.bodt.scrollTop;
	}
	else if (window.pageXOffset || window.pageYOffset)
	{
		position.x -= window.pageXOffset;
		position.y -= window.pageYOffset;
	}
	
	//alert(position.x + '\n' + position.y);
	
	return position;	
}
function get_browserdimension()
{
	var dim = {x:0,y:0};
	
	dim.x = document.documentElement.clientWidth;
	dim.y = document.documentElement.clientHeight;
	
	return dim;
}