// JavaScript Document

function setFilename(obj, id) {
	var val = obj.value;
	
	document.getElementById(id).innerHTML = val;
}

var counter = 1;

function addMore(path) {
	var div = document.createElement("div");
	
	
	var temp = '<div style="position:relative; width:200px; margin-bottom:5px;">';
    temp += '<input type="file" style="z-index:100; opacity:0.0; filter:alpha(opacity=0); position:relative; cursor:pointer;" onchange="setFilename(this, \'file_name_'+counter+'\')" name="images[]"/>';
    temp += '<div style="position:absolute; top:0px; z-index:50; left:0px;">';
    temp += '<div style="float:left; overflow:hidden;" class="fake_file" id="file_name_'+counter+'">';
    temp += '</div>';
    temp += '<div style="float:right; margin-left:5px; cursor:pointer;">';
    temp += '<img src="'+path+'admin/images/add_ico.png" width="22" height="22"/>';
    temp += '</div>';
    temp += '<div style="clear:both;"></div>';
    temp += '</div>';
	temp += '</div>';
	
	div.innerHTML = temp;

	document.getElementById("file_inputs").appendChild(div);
	
	counter++;
	
}

var drag = false;
var startX = 0;
var startY = 0;
function startDrag() {
	drag = true;
	startX = X;
	startY = Y;
	
}

function dragImage(obj, image, id) {

	if (drag == true) {
		
		var maxi = document.getElementById(image).offsetWidth-obj.offsetWidth;
		var maxi_top  = document.getElementById(image).offsetHeight-obj.offsetHeight;
		
		moveX = startX-X;
		moveY = startY-Y;
		
		var top = parseInt(obj.offsetTop);		
		var left = parseInt(obj.offsetLeft);
		
		
		document.getElementById("corY_"+id).value = top;	
		document.getElementById("corX_"+id).value = left;
		
		if (top >= 0 & top <= maxi_top) {
			if (((-1)*moveY) >= 0 & ((-1)*moveY) <= maxi_top) {
				obj.style.top = ((-1)*moveY)+"px";
			}
		}
		if (left >= 0 & left <= maxi) {
			if (((-1)*moveX) >= 0 & ((-1)*moveX) <= maxi) {
				obj.style.left = ((-1)*moveX)+"px";
			}
		}
		
		if (top < 0) {
			obj.style.top = "0px";
		}
		if (top >  maxi_top) {
			obj.style.top = "0px";
		}
		
		if (left < 0) {
			obj.style.left = "0pxpx";
		}
		if (left >  maxi) {
			obj.style.left = "0px";
		}
		
		
	}
}

function stopDrag() {
	drag = false;	
	startX = 0;
	startY = 0;
}


function setThumbHoverSize(id, x, y) {


	document.getElementById("thumb_hover_"+id).style.top = y+"px";
	document.getElementById("thumb_hover_"+id).style.left = x+"px";
}


function saveImage(id, path) {
	
	var req = createXMLHttpRequest();
			
	req.onreadystatechange=function()
	{
		if(req.readyState == 4){  
				var text = req.responseText;
				alert (text);
		}
	}

	var name = document.getElementById("image_name_"+id).value;
	var X = document.getElementById("corX_"+id).value;
	var Y = document.getElementById("corY_"+id).value;
	
		
	req.open('GET', path+'save_image.php?X='+X+'&Y='+Y+'&name='+name+'&id='+id); 
	req.send(null);	
}






function checkSize(obj, id, limit) {
	
	obj.style.height = "auto";
	if (obj.offsetHeight == 0) {
		obj.style.height = "100%";	
	}
	var top = obj.parentNode.offsetHeight;
	var current = obj.offsetHeight;	
	
	if (current >= top) {
		alert ("limit reached");
		obj.innerHTML = document.getElementById(id).value;
	}
	else {
		document.getElementById(id).value = obj.innerHTML;
	}
	
	if (current < top & current > limit) {
		obj.parentNode.style.height = current+"px";	
	}
	else {
		document.getElementById(id).value = obj.innerHTML;
	}
	
	
}