var fileInput;
var localDisplay;
var preview;
var picCheck ; 
var buttonNext ;
var incorrectFileFormat;



var validcheck;

function initFileInput() 
{

		buttonNext   = document.getElementById("controlCarDetails_buttonNext" );
		fileInput    = document.getElementById("controlCarDetails_fileInput") ;
		localDisplay = document.getElementById("controlCarDetails_localDisplay") ;
		preview      = document.getElementById("controlCarDetails_previewImage") ;
													
		validcheck   = document.getElementById("controlCarDetails_checkboxValidPic") ;	
		picCheck     = document.getElementById("controlCarDetails_UploadPicCheck" );
		incorrectFileFormat = document.getElementById("incorrectFileFormat" );
			
		if( picCheck.checked )
		{
			// fileInput.attachEvent( 'onpropertychange' , handlerOnpropertyChanged ) ;
			// fileInput.onpropertychange = handlerOnpropertyChanged;
			fileInput.onchange = handlerOnpropertyChanged;
			if( validcheck.checked )
			{
				buttonNext.disabled = false ;			
			}
				
		}
		else
		{		
			buttonNext.disabled = false ;	
		}
}

function handlerOnpropertyChanged()
{
	//if( event.srcElement == fileInput )
	//{
	//	if( event.propertyName == "value" )
			fileInputValueChanged( ) ;
			
	//	return ;	
	//}
}



function handlerOnReadyStateChanged()
{

	if( event.srcElement == localDisplay )
	{
		if( localDisplay.readyState == "complete" ) 
		{
			imgWidthChanged() ;
		}
	}
}



function fileInputValueChanged()
{
	preview.src = "";
	
	var v = fileInput.value ;
	var e = v.substr( v.length - 4 , 4 ).toLowerCase()	;
	
	var a = ".jpg|jpeg|.bmp" ;
	
	
	if(( a.indexOf(e) == -1 ))
	{
		buttonNext.disabled = true ;
		incorrectFileFormat.style.display = "block" ;
		preview.style.display = "none" ;
		preview.src = "" ;
		localDisplay.src = "" ;	
		validcheck.checked = false ;
	}
	else
	{
		if (document.all != null)
		{
			preview.style.display = "block" ;
			incorrectFileFormat.style.display = "none" ;
			localDisplay.onreadystatechange = handlerOnReadyStateChanged;
			//localDisplay.setAttribute(src, fileInput.value);

			if (document.all != null)
			{
					
				var src = fileInput.value;
				src = "file:///" + src;
				
				while (/\\/.test(src))
				{		
					src = src.replace(/\\/, "/");
				}
				
				localDisplay.src = src;	
				
			}
		}
		else
		{
			localDisplay.src = "";
			preview.src = "";
		}
		
		buttonNext.disabled = false  ;
	}
	
}

function imgWidthChanged()
{

	if (localDisplay.src != "")
	{

		var imageWidth = localDisplay.width ;
		var imageHeight = localDisplay.height ;
		
		if (imageWidth > imageHeight)
		{	
			preview.style.width = "4cm";
			preview.style.height = "";
		}
		else
		{	
			preview.style.width = "";
			preview.style.height = "4cm";
		}	
			
		var fail = false ;
		
		if( imageWidth > 800 || imageHeight > 600 )
		{
			
		}
		else
		{
			//result.innerText = "Image OK. ";
		}
		
		localDisplay.onreadystatechange = null;
		
		if( !fail )
		{
			preview.src = localDisplay.src;
			validcheck.checked = true;
		}
			
		localDisplay.src = "" ;
			
		//size.innerText = imageWidth + " * " + imageHeight + " pixels";
	}
}