var TimerOpenImage = 2;
var TimerCloseImage = 10;
var OpenTimer;
var CloseTimer;
var Glb_Timer_Do_It;

var StepDelta = 20;
var GLB_Count;

var StepWSmall = 126/StepDelta;
var StepHSmall = 134/StepDelta;
var StepTSmall = (282-147) / StepDelta;
var StepLSmall = (126/2)   / StepDelta;
var StepTText  = 300/StepDelta;
var StepOpacity = 100/StepDelta;

var Current_Small_W;
var Current_Small_H;
var Current_Small_T;
var Current_Small_L;

var obj_img_open = null;
var x_obj_open;
var GLB_X;
var GLB_Y;
var Do_Save_X_Y = false;

var Pos_Text_Index = new Array();
var Pos_Index = 1;

var Glb_Text_Index = 133;
var Max_Glb_Text_Index = 6;
var Glb_Step_Index = -1;
var Glb_Timer_Low = 20;

function Save_X_Y(evt)
{
	if (!loaded) return;

    if (Do_Save_X_Y)
	{
		if (evt)
		{
			GLB_X = evt.clientX - FindLeftEdge(document.getElementById("PLACE_MIDDLE_CONTENT_1"));
			GLB_Y = evt.clientY - FindTopEdge(document.getElementById("PLACE_MIDDLE_CONTENT_1"));
		}
		else
		{
	 		GLB_X = window.event.clientX - FindLeftEdge(document.getElementById("PLACE_MIDDLE_CONTENT_1"));
			GLB_Y = window.event.clientY - FindTopEdge(document.getElementById("PLACE_MIDDLE_CONTENT_1"));
		}
	}

}

function setOpen(x)
{
		if (!loaded) return;
		obj = document.getElementById('img_main'+x);
        Do_Save_X_Y=false;
		obj.src = "../img/A"+x+".jpg";
		if (obj.getAttribute("open")==1 || obj.getAttribute("open")==2) return;
		
		var objText = document.getElementById("Content_Content_Img");
		objText.style.top = '-291px';
		Show_Text_Image(x,objText);
		
		 Lock_Unlock_All(1);
		 obj.style.zIndex = 10;
 		 var widthD 	   = 126;
 		 var heightD 	   = 134;
 		 var widthF 	   = 252;
 		 var heightF 	   = 268;
		 var leftD		   = FindLeftEdge(obj,true);
		 var topD		   = FindTopEdge(obj,true);	 
 		 var leftF		   = leftD - ((252-126)/2);
		 var topF		   = 9; 
		 if (x==1 || x==6 || x==2 || x==3 || x==7)
		 { 
		   leftF            = 7;
		 } 
		 else if(x==4 || x==5 || x==8 || x==9 || x==10)
		 { 
		   leftF		   = 408; // leftD - (252-126);
		 }  
		 
		 var Dx			   = (leftF-leftD)/StepDelta;
		 var Dy			   = (topF-topD)/StepDelta;
		 var Dw			   = (widthF-widthD)/StepDelta;
		 var Dh			   = (heightF-heightD)/StepDelta;	
	 	 Current_Small_W   = 126;
	 	 Current_Small_H   = 134;
		 Current_Small_T   = 147;
		 Current_Small_L   = 0;
		 GLB_Count = 0;
		 setOpenTimer(Dx,Dy,Dw,Dh,leftD,leftF,topD,topF,widthD,widthF,heightD,heightF,obj,x,objText);
}

function setOpenTimer(DX,DY,DW,DH,currentLeft,maxLeft,currentTop,maxTop,currentWidth,maxWidth,currentHeight,maxHeight,OBJECT,NUM,OBJECTTEXT)
{
 	currentLeft 		 				+= DX;
 	currentTop 							+= DY;
 	currentWidth 						+= DW;
 	currentHeight		   	  			+= DH;
	
	GLB_Count +=1 ; 

	if ( GLB_Count>StepDelta ) 
		{
			OBJECT.style.width 		= maxWidth + 'px';
			OBJECT.style.height 	= maxHeight + 'px';		
		 	Lock_Unlock_All(0);
		 	OBJECT.setAttribute("open",2);
			obj_img_open = OBJECT;
			x_obj_open = NUM;
			OBJECT.className = 'visible';
			OBJECTTEXT.style.top = '8px';
			HiddeReallyAllOther(NUM,'none');		
			return;
		}	
		else
		{				
 			OBJECT.style.top 		= currentTop + 'px';
 			OBJECT.style.left 		= currentLeft + 'px';
			OBJECT.style.width 		= currentWidth + 'px';
			OBJECT.style.height 	= currentHeight + 'px';		
			Current_Small_W			-= StepWSmall;
			Current_Small_H			-= StepHSmall;	
			Current_Small_T			+= StepTSmall;
			Current_Small_L			+= StepLSmall;
			OBJECTTEXT.style.top	= parseInt(OBJECTTEXT.style.top) + StepTText + 'px';
			HiddeAllOther(NUM,Current_Small_W,Current_Small_H,Current_Small_T,Current_Small_L);
	 	}
		
		OpenTimer = setTimeout(function () {setOpenTimer(DX,DY,DW,DH,currentLeft,maxLeft,currentTop,maxTop,currentWidth,maxWidth,currentHeight,maxHeight,OBJECT,NUM,OBJECTTEXT);},TimerOpenImage);
								
}

function setClose(x,obj)
{
		if (!loaded) return;
		
		if (x==null)
		{
			if (x_obj_open)
			{
				x   = x_obj_open ;
				obj = document.getElementById("img_main" + x);
			}
			else
			{
				return;
			}
		}
		
		HiddeReallyAllOther(x,'');
		
		 Do_Save_X_Y=true;
 		 if (obj.getAttribute("open")==0 || obj.getAttribute("open")==1) return;
 		 
 		 var objText = document.getElementById("Content_Content_Img");
 		 
		 Lock_Unlock_All(1);
		 obj.style.zIndex = 10;
 		 var widthF 	   = 126;
 		 var heightF 	   = 134;
 		 var widthD 	   = 252;
 		 var heightD 	   = 268;
		 var leftD		   = FindLeftEdge(obj,true);
		 var topD		   = FindTopEdge(obj,true);	 
 		 var leftF		   = obj.getAttribute("PosX");
		 var topF		   = obj.getAttribute("PosY");
		 var Dx			   = (leftF-leftD)/StepDelta;
		 var Dy			   = (topF-topD)/StepDelta;
		 var Dw			   = (widthF-widthD)/StepDelta;
		 var Dh			   = (heightF-heightD)/StepDelta;	
	 	 Current_Small_W   = 0;
	 	 Current_Small_H   = 0;
		 
		 GLB_Count = 0;
		 setCloseTimer(Dx,Dy,Dw,Dh,leftD,leftF,topD,topF,widthD,widthF,heightD,heightF,obj,x,objText);
 
}

function setCloseTimer(DX,DY,DW,DH,currentLeft,maxLeft,currentTop,maxTop,currentWidth,maxWidth,currentHeight,maxHeight,OBJECT,NUM,OBJECTTEXT)
{
 	currentLeft 		 				+= DX;
 	currentTop 							+= DY;
 	currentWidth 						+= DW;
 	currentHeight		   	  			+= DH;
	
	GLB_Count +=1 ; 

	if ( GLB_Count>StepDelta ) 
		{
			OBJECT.style.width 		= maxWidth + 'px';
			OBJECT.style.height 	= maxHeight + 'px';		
		 	Lock_Unlock_All(0);
			obj_img_open = null ;
			OBJECT.src = "../img/gPA"+NUM+".jpg";
			Check_To_Do();
			OBJECTTEXT.style.top = '-280px';
			return;
		}	
		else
		{				
 			OBJECT.style.top 		= currentTop + 'px';
 			OBJECT.style.left 		= currentLeft + 'px';
			OBJECT.style.width 		= currentWidth + 'px';
			OBJECT.style.height 	= currentHeight + 'px';		
			Current_Small_W			+= StepWSmall;
			Current_Small_H			+= StepHSmall;	
			Current_Small_T			-= StepTSmall;
			Current_Small_L			-= StepLSmall;
			OBJECTTEXT.style.top	= parseInt(OBJECTTEXT.style.top) - StepTText + 'px';
			HiddeAllOther(NUM,Current_Small_W,Current_Small_H,Current_Small_T,Current_Small_L);
	 	}
		
		CloseTimer = setTimeout(function () {setCloseTimer(DX,DY,DW,DH,currentLeft,maxLeft,currentTop,maxTop,currentWidth,maxWidth,currentHeight,maxHeight,OBJECT,NUM,OBJECTTEXT);},TimerCloseImage);
								
}

function HiddeAllOther(x,W,H,T,L)
{
     for (var i=1; i<6; i++)
	 {
	  	 if (i!=x)
		 {
	      	document.getElementById("img_main" + i).style.width   = W;
	      	document.getElementById("img_main"+i).style.height  = H;	
			document.getElementById("img_main"+i).style.left  = parseInt(document.getElementById("img_main" + i).getAttribute("PosX")) + L + "px";	
		 }	 
	 }
	 
	 for (var i=6; i<11; i++)
	 {
	  	 if (i!=x)
		 {
	      	document.getElementById("img_main" + i).style.width   = W;
	      	document.getElementById("img_main" + i).style.height  = H;	
	      	document.getElementById("img_main" + i).style.top     = T;
			document.getElementById("img_main" + i).style.left  = parseInt(document.getElementById("img_main" + i).getAttribute("PosX")) + L + "px";	
		 }	 
	 }
	 
}


function HiddeReallyAllOther(x,state)
{
     for (var i=1; i<11; i++)
	 {
	  	 if (i!=x)
		 {
	      	document.getElementById("img_main" + i).style.display   = state;
		 }	 
	 }
}


function Lock_Unlock_All(v)
{
     for (var i=1; i<11; i++)
	 {
	      	document.getElementById("img_main" + i).setAttribute("open",v);
	 }
}

var New_Timer;

function Check_To_Do()
{

       
    if (GLB_Y>7 && GLB_Y<141)
    {
        for (var i=1; i<6; i++)
		{
			if ( (GLB_X>parseInt(document.getElementById("img_main"+i).style.left)) && (GLB_X<parseInt(document.getElementById("img_main"+i).style.left)+126))
			{
				if (i!=x_obj_open) {if (New_Timer) {clearTimeout(New_Timer);New_Timer=null;};New_Timer = setTimeout(function(){setOpen(i,document.getElementById("img_main"+i))},1000);return}
			}
			else
			{
				if (New_Timer) {clearTimeout(New_Timer);New_Timer=null;}
			}
			
		}
    }
    
    else if (GLB_Y>150 && GLB_Y<284)
    {
        for (var i=6; i<11; i++)
		{
			if ( (GLB_X>parseInt(document.getElementById("img_main"+i).style.left)) && (GLB_X<parseInt(document.getElementById("img_main"+i).style.left)+126))
			{
				if (i!=x_obj_open)  {if (New_Timer) {clearTimeout(New_Timer);New_Timer=null;};New_Timer = setTimeout(function(){setOpen(i,document.getElementById("img_main"+i))},1000);return;}
			}
			else
			{
				if (New_Timer) {clearTimeout(New_Timer);New_Timer=null;}
			}
		}
    }
	else
	{
			if (New_Timer) {clearTimeout(New_Timer);New_Timer=null;}
	}
	 
}

function Show_Text_Image(x,obj)
{
		
		obj.innerHTML = document.getElementById("TEXT_IMG"+x).innerHTML;
		obj.style.height = '270px';
		obj.style.width = '403px';	
		switch (x)
		{
		   case 1:
				obj.style.left = '260px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;
				
		   case 2:
				obj.style.left = '260px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;	
				
		   case 3:
				obj.style.left = '260px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;
				
		   case 4:
				obj.style.left = '7px';
				obj.style.paddingRight = '15px';
				obj.style.paddingLeft = '5px';			
				break;	
				
		   case 5:
				obj.style.left = '7px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;
		   case 6:
				obj.style.left = '260px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;
				
		   case 7:
				obj.style.left = '260px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;	
				
		   case 8:
				obj.style.left = '7px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;
															   
		   case 9:
				obj.style.left = '7px';
				obj.style.paddingRight = '15px';
				obj.style.paddingLeft = '15px';			
				break;	
				
		   case 10:
				obj.style.left = '7px';
				obj.style.paddingRight = '25px';
				obj.style.paddingLeft = '25px';			
				break;	   
		}
		obj.style.display = '';
		
}