var Viewing=false;
function makeInvisible(who){
	document.getElementById(who).setAttribute("style", "visibility:hidden");
	document.getElementById(who).style.visibility="hidden";
}

function makeVisible(who){
	document.getElementById(who).setAttribute("style", "visibility:visible");
	document.getElementById(who).style.visibility="visible";
}

function alterBGCOLOR(what){
	document.getElementById('mBG').setAttribute('bgcolor', what);
}


function RemovePreview(){
	if(Viewing){
		var m = document.getElementById("Enlarge");
		var e = m.parentNode.parentNode.rowIndex;
		for(i=0; i<1; i++)
			m.deleteRow(e);
		//makeVisible("MainPG"); 
		makeInvisible("EnlargeDIV");
		makeInvisible('Enlarge');
		alterBGCOLOR('');
		Viewing=false;
	}
}

function createPreview(which, orientation){
	var where = "images/IMAGES/"+orientation+"/";
	var Image = where+which;
	if(!Viewing){
		//makeInvisible('MainPG'); // make the table of records invisible
		//makeVisible('EnlargeDIV');
		makeVisible('Enlarge');
		alterBGCOLOR('white');
		Viewing=true;
		
		var Num=Math.round(Math.random()*(5-1)+1);
		var Num2 = Math.round(Num+7);
		var TBProperty = "<table width=100% id=Img bgcolor=white><tr><td align=right valign=top><a href='javascript:RemovePreview()'  style='text-decoration:none; '>| CLOSE [x] |</a></td>"+
				"</tr><tr><td align=center><img src='images/IMAGES/top.png'></td></tr>"+
				"<tr><td valign=center align=center onDblClick='RemovePreview()'><img src='"+Image+"' id=eImage></td></tr>";
		var TBProperty2 = "<tr><td align=center><img src='images/IMAGES/bottom.png'></td></tr><tr><td align=center>";
		var Bottom = "<table cellpadding=0 cellspacing=0  bgcolor=white><tr>"+
				"<td><img src='images/left.png'></td>"+
				"<td><a href='javascript:ChangeImage(\"images/IMAGES/topHorizontal/\", \""+Num2+"\");'><img src='images/IMAGES/bottom/H/"+Num2+".jpg' class=text></a></td>"+
				"<td><a href='javascript:ChangeImage(\"images/IMAGES/leftVertical/\", \""+Num+"\");'><img src='images/IMAGES/bottom/V/"+Num+".jpg' class=text></a></td>"+
				"<td><img src='images/4.jpg'></td>"+
				"<td><a href='javascript:ChangeImage(\"images/IMAGES/leftVertical/\", \""+Num+"\");'><img src='images/IMAGES/bottom/V/"+Num+".jpg' class=text></a></td>"+
				"<td align=right><a href='javascript:ChangeImage(\"images/IMAGES/topHorizontal/\", \""+Num+"\");'><img src='images/IMAGES/bottom/H/"+Num+".jpg' class=text></a></td>"+
				"<td><img src='images/Rite.png'></td>"+
				"</tr></table></td></tr>"+"</tr><tr><td align=right height=50px valign=bottom><a href='javascript:RemovePreview()'  style='text-decoration:none; '>| CLOSE [x] |</a></td></tr><table>";
		var x=document.getElementById('Enlarge');	  // 'gets' the table
		// insert row
		row1 = x.insertRow(0); // close link
		row2 = x.insertRow(1);
		// insert column
		row1.insertCell(0).innerHTML = TBProperty+TBProperty2+Bottom;
	}else{
		document.getElementById('eImage').setAttribute('src', Image);
	}
	moveDivTo(250,200, "EnlargeDIV");
}

function ChangeImage(where, Num){
	document.getElementById('eImage').setAttribute('src', where+Num+".jpg");
}



function getRefToDiv(divID,oDoc) {
   if( !oDoc ) { oDoc = document; }
   if( document.layers ) {
       if( oDoc.layers[divID] ) { return oDoc.layers[divID]; } else {
           //repeatedly run through all child layers
           for( var x = 0, y; !y && x < oDoc.layers.length; x++ ) {
               //on success, return that layer, else return nothing
               y = getRefToDiv(divID,oDoc.layers[x].document); }
           return y; } }
   if( document.getElementById ) {
       return document.getElementById(divID); }
   if( document.all ) {
       return document.all[divID]; }
   return false;
}

function moveDivTo(x,y, who) {
myReference = getRefToDiv( who );
if( !myReference ) { return; }
if( myReference.style ) { myReference = myReference.style; }
var noPx = document.childNodes ? 'px' : 0;
myReference.left = x + noPx;
myReference.top = y + noPx;
}