


var wo;


function openimg(n,m){

  if (wo!=undefined) wo.close();
  if ((n==1)&&(m==1)){
    wo=window.open("info.html","","width=400, height=640, left=0, top=0, location=no");
	}
  else{
	
	switch (m+"_"+n) {
	    case "1_2": width=600; break;
		case "1_3": width=600; break;
		case "1_4": width=600; break;
		case "1_5": width=600; break;
		case "1_6": width=600; break;
		case "1_7": width=600; break;
		case "2_1": width=600; break;
	    case "2_2": width=600; break;
		case "2_3": width=600; break;
		case "2_4": width=600; break;
		case "2_5": width=600; break;
		case "2_6": width=600; break;
		case "2_7": width=600; break;
		case "3_1": width=600; break;
	    case "3_2": width=600; break;
		case "3_3": width=600; break;
		case "3_4": width=600; break;
		case "3_5": width=600; break;
		case "3_6": width=600; break;
		case "3_7": width=600; break;
		case "4_1": width=600; break;
	    case "4_2": width=600; break;
		case "4_3": width=600; break;
		case "4_4": width=600; break;
		case "4_5": width=600; break;
		case "4_6": width=600; break;
		case "4_7": width=600; break;
		case "5_1": width=600; break;
	    case "5_2": width=600; break;
		case "5_3": width=600; break;
		case "5_4": width=600; break;
		case "5_5": width=600; break;
		case "5_6": width=600; break;
		case "5_7": width=600; break;
		case "6_1": width=600; break;
	    case "6_2": width=600; break;
		case "6_3": width=600; break;
		case "6_4": width=600; break;
		case "6_5": width=600; break;
		case "6_6": width=600; break;
		case "6_7": width=600; break;
		case "7_1": width=600; break;
	    case "7_2": width=600; break;
		case "7_3": width=600; break;
		case "7_4": width=600; break;
		case "7_5": width=600; break;
		case "7_6": width=600; break;
		case "7_7": width=600; break;
		
		default: width=575; break;
	}
  
  
	
    wo=window.open("","","width="+width+", height=375, left=0, top=0, location=no, resizable=yes");
    wo.document.write("<html>");   
    wo.document.write("<body style=\"margin:0px\">");
	wo.document.write("<title>Архитектурная Мастерская Сергея Ерофеева</title>");
    wo.document.write("<img id=\"img0\"  width="+width+" onLoad=\"javascript:resizeTo("+width+", this.height);\" src=\"images/image"+m+"_"+n+".jpg\">");
    wo.document.write("</html>");
	
	
	
		
	
    document.getElementById("img"+m+"_"+n).src="red.gif";
	
    }
	wo.document.onkeydown=focus;
	wo.document.close();
  }
  
var cursor={
	x : 1,
	y : 1,
	
	choose : function(m,n){
		if (m==0) m=1;
		if (m>ysize) m=ysize;
		if (n==0) n=1;
		if (n>xsize) n=xsize;
		cursor.x=m;
		cursor.y=n;
		document.getElementById("div"+m+"_"+n).style.border="1px white dotted";
		
	},
	move : function(event){
		focus();
		document.getElementById("div"+cursor.x+"_"+cursor.y).style.border="0px white dotted";
		var event=window.event||event;
		switch(event.keyCode)
		{   
			case 39: cursor.choose(cursor.x,cursor.y+1); break;
			case 38: cursor.choose(cursor.x-1,cursor.y); break;
			case 37: cursor.choose(cursor.x,cursor.y-1); break;
			case 40: cursor.choose(cursor.x+1,cursor.y); break;
			
			case 13: {
			openimg(cursor.y,cursor.x);
			document.getElementById("div"+cursor.x+"_"+cursor.y).style.border="1px white dotted";
 			break;}
			
		}
		
	}
};

  
  

