/*
	
*/

var mouseX=0;
var mouseY=0;

var effMouseX=0;		 //effective mouse X
var effMouseY=0;		//Effective mouse Y

var G_MaxLeft	=	0;					//designer area specification//
var G_MaxRight	=	810;
var G_MaxTop	=	4;
var G_MaxBottom	=	444;
var G_ObjWidth	=	0;
var G_ObjHeight	=	0;

var G_Left	=	0;
var G_Top	=	0;

var diffX	=	0;
var diffY	=	0;

var timeOut	=	0;
var dragged	=	0;
var lastDragObject	=0;

var movX=0;
var movY=0;



function mousePosOnly(evt)
{
	if(!evt)
	{
		var evt	=	window.event;
	}
	
	mouseX	=	evt.pageX || evt.clientX	+	document.documentElement.scrollLeft;
	mouseY	=	evt.pageY || evt.clientY	+	document.documentElement.scrollTop;
	
}


function plot(str)
{
	document.getElementById('desPanenLeft').innerHTML=str;
 }

function getMousePos(evt)
{
	if(!evt)
	{
		var evt	=	window.event;
	}
	
	mouseX	=	evt.pageX || evt.clientX	+	document.documentElement.scrollLeft;
	mouseY	=	evt.pageY || evt.clientY	+	document.documentElement.scrollTop;
	var desLeft	=	findPosX(document.getElementById('designerOuter'));
	var desTop	=	findPosY(document.getElementById('designerOuter'))+Number(200)+Number(26);
	
	effMouseX	=	mouseX-desLeft;
	effMouseY	=	mouseY-desTop;
	
	G_Left	=	desLeft;
	G_Top	=	desTop;	
	
}





function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
				
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
  
  function getObjectSize(obj)
  {
	 G_ObjWidth		=	document.getElementById(dragTextObject).offsetWidth;
	 G_ObjHeight	=	document.getElementById(dragTextObject).offsetHeight;	  
  }

  function createPreviewBox(classname,evt,content){
	
	
	mousePosOnly(evt);
	
	if(document.getElementById('previewBox'))
	{
		document.body.removeChild(document.getElementById('previewBox'));
	}
	
	var div	=	document.createElement("div");
	
	if((mouseX+270) > 950)
	{
		mouseX=mouseX-300;
	}

	div.setAttribute("id","previewBox");
	document.body.appendChild(div);	
	document.getElementById('previewBox').className=classname;
	document.getElementById('previewBox').style.zIndex=5;
	
	document.getElementById('previewBox').style.left	=	(mouseX)+'px';
	document.getElementById('previewBox').style.top	=	(mouseY-60)+'px';
	document.getElementById('previewBox').innerHTML='<a href="#latestwinning" ><img src="'+content+'" alt="Image" border="0" width="270" height="220"/></a>';
	//document.getElementById('previewBox').onclick	=	closeWindow;
	
	
	
	
	
}

  
  function createPreview(classname,evt,content){
	
	
	mousePosOnly(evt);
	
	if(document.getElementById('previewBox'))
	{
		document.body.removeChild(document.getElementById('previewBox'));
	}
	
	var div	=	document.createElement("div");
	
	if((mouseX+270) > 950)
	{
		mouseX=mouseX-300;
	}
	
	div.setAttribute("id","previewBox");
	document.body.appendChild(div);	
	document.getElementById('previewBox').className=classname;
	document.getElementById('previewBox').style.zIndex=5;
	
	document.getElementById('previewBox').style.left	=	(mouseX)+'px';
	document.getElementById('previewBox').style.top	=	(mouseY-60)+'px';
	document.getElementById('previewBox').innerHTML='<a href="#latestwinning" onmouseout="closePreview();" onclick="closePreview();"><img src="'+content+'" alt="Image" border="0" width="270" height="220"/></a>';
	//document.getElementById('previewBox').onclick	=	closeWindow;
	
	
	
	
	
}

function createPreviewDesign(classname,evt,path){
	
	
	mousePosOnly(evt);
	
	if(document.getElementById('previewBox'))
	{
		document.body.removeChild(document.getElementById('previewBox'));
	}
	
	var div	=	document.createElement("div");
	
	if((mouseX+270) > 950)
	{
		mouseX=mouseX-300;
	}
	
	mouseX	=	mouseX+10;
	div.setAttribute("id","previewBox");
	document.body.appendChild(div);	
	document.getElementById('previewBox').className=classname;
	document.getElementById('previewBox').style.zIndex=5;
	
	document.getElementById('previewBox').style.left	=	(mouseX)+'px';
	document.getElementById('previewBox').style.top	=	(mouseY-60)+'px';
	document.getElementById('previewBox').innerHTML='--Loading image--';
	//document.getElementById('previewBox').onclick	=	closeWindow;
	
	new Ajax.Request('/shop/thumbofimage/', {
 		method: 'post',
 		parameters: {
 			path:path
 		},
 		onSuccess: function(transport){
 			var response = transport.responseText;
 			document.getElementById('previewBox').innerHTML	=	response;			
 		},
 		onFailure: function(transport){
 			document.getElementById('thumb_Div').innerHTML = "Sorry , server error .";
 			
 		}
	});
	
	
}


function closePreview()
{
	if(document.getElementById('previewBox'))
	{
		document.body.removeChild(document.getElementById('previewBox'));
	}
}


function createLoaderWindow(evt,width)
{
	if(document.getElementById('designLoader'))
	{
		document.body.removeChild(document.getElementById('designLoader'));
	}

	mousePosOnly(evt);
	var left	=	Number(mouseX)+Number(width);
	if(left>960)
	{
		var x	=	left-960-30;
	}
	else
	{
		var x	=	10;
	}
	mouseX	=	mouseX-x;
	var div	=	document.createElement("div");
	div.setAttribute("id","designLoader");
	document.body.appendChild(div);	
	document.getElementById('designLoader').className		=	"designLoader";
	document.getElementById('designLoader').style.zIndex	=	1200;	
	document.getElementById('designLoader').style.left		=	(mouseX)+'px';
	document.getElementById('designLoader').style.top		=	(mouseY-120)+'px';
	document.getElementById('designLoader').style.width		=	(width)+'px';
	document.getElementById("designLoader").innerHTML		=	"--Loading--";
	
	return document.getElementById("designLoader");
	
}

function closeLoader()
{
	if(document.getElementById('designLoader'))
	{
		document.body.removeChild(document.getElementById('designLoader'));
	}
	return false;
}