function highlight(field)
{
field.focus();
field.select();
}

var maxWidth=100;
var maxHeight=100;
var fileTypes=["jpg","jpeg","bmp","gif","png"];
var outImage="previewField";
var defaultPic="spacer.gif";

/***** DO NOT EDIT BELOW *****/

function preview(what)
{

  var source=what.value;
  var ext=source.substring(source.lastIndexOf(".")+1,source.length).toLowerCase();
  
  for (var i=0; i<fileTypes.length; i++) if (fileTypes[i]==ext) 
  break;
  
  globalPic=new Image();
  
  if (i<fileTypes.length) 
  globalPic.src=source;
  
  else 
  {
    globalPic.src=defaultPic;
    alert("BU TÜR DOSYALARI YÜKLEYEMEZSİNİZ!\n\nİzin verilen dosya uzantıları:\n\n"+fileTypes.join(", "));
  }
  
  setTimeout("applyChanges()",200);
  
}

var globalPic;

function applyChanges()
{

  var field=document.getElementById(outImage);
  var x=parseInt(globalPic.width);
  var y=parseInt(globalPic.height);
  
  if (x>maxWidth) 
  {
  
    y*=maxWidth/x;
    x=maxWidth;
	
  }
  
  if (y>maxHeight) 
  {
  
    x*=maxHeight/y;
    y=maxHeight;
	
  }
  
  field.style.display=(x<1 || y<1)?"none":"";
  field.src=globalPic.src;
  field.width=x;
  field.height=y;
  
}