function createImageDiv(carId, imageno, imgX, imgY, offsetX, offsetY) {
    var renderedImageDiv, imageLeft, imageTop;

    imgX = parseFloat(imgX);
    imgY = parseFloat(imgY);
    
    offsetX = parseFloat(offsetX);
    offsetY = parseFloat(offsetY);
    
    imageLeft = ((screen.width - offsetX) - imgX) / 2;
    imageTop = ((screen.height - offsetY) - imgY) / 2;

	if(imageLeft <= 0){imageLeft = 10;}
	if(imageTop <= 0){imageTop = 10;}
   	
    renderedImageDiv = document.getElementById('popUpImage');
    renderedImageDiv.style.position = 'absolute';
    renderedImageDiv.style.width = imgX + 5 + 'px';
    renderedImageDiv.style.height = imgY + 5 + 'px';
    renderedImageDiv.style.left = imageLeft + 'px';
    renderedImageDiv.style.top = imageTop + 'px';
    renderedImageDiv.style.marginTop = '5px';
	renderedImageDiv.style.marginLeft = '5px';
	renderedImageDiv.style.marginRight = '5px';
	renderedImageDiv.style.marginBottom = '5px';
	renderedImageDiv.style.background = 'transparent url(images/transparent.png) repeat';
    renderedImageDiv.style.zIndex = '100';
    renderedImageDiv.innerHTML = '<img border="1px" src="includes/carImageView.php?id=' + carId + '&imageno='+ imageno + '" onclick="removeImageDiv();";/>';
    
    //transitionBackGround('out');
   
}


function removeImageDiv(){
  	var renderedImageDiv = document.getElementById('popUpImage');
  	
	renderedImageDiv.innerHTML = '';
	renderedImageDiv.style.width = '0px';
	renderedImageDiv.style.zIndex = '0';
	//transitionBackGround('in');	
}