var imageholderid = 'imagecontainer';
var imageholder;

var singleimageholderid = 'carimage';
var singleimageholder;

function getImagesFromCarId(id)
{
	imageholder = document.getElementById(imageholderid);
	imageholder.innerHTML = "<p><strong>Sćki myndir</strong><br /> <img src='/img/loading.gif' alt=''/>";

	new Ajax.Request('/ajax/getimages.php',
	{
		method:'get',
		parameters: {carid: id},
		onSuccess: function(transport){
			var response = transport.responseText || false;
			displayImagesFromData(response);
		},
		onFailure: function(){ imageholder.innerHTML = 'Gat ekki sótt myndir' }
	});

}

function getSingleImageFromCarId(id)
{
	singleimageholder = document.getElementById(singleimageholderid);
	singleimageholder.innerHTML = "<p><img src='/img/loading.gif' alt='' /></p>";

	new Ajax.Request('/ajax/getimages.php',
	{
		method:'get',
		parameters: {carid: id, single: 'true'},
		onSuccess: function(transport){
			var response = transport.responseText || false;
			displaySingleImageFromData(response);
		},
		onFailure: function(){ singleimageholder.innerHTML = 'Gat ekki sótt myndir' }
	});

}



function displayImagesFromData(data)
{
	if (data != false)
	{
		imageholder.innerHTML = '';
		var paths = data.split(",");
		for (var i = 0; i<paths.length; i++)
		{
			var image = createImageObject(paths[i],'big');
			imageholder.appendChild(image);
		}
	}
	else
	{
		imageholder.innerHTML = 'Engar myndir fundust';
	}
}

function displaySingleImageFromData(data)
{
	if (data != false)
	{
		singleimageholder.innerHTML = '';
		var paths = data.split(",");
		for (var i = 0; i<paths.length; i++)
		{
			var image = createImageObject(paths[i],'medium');
			singleimageholder.appendChild(image);
		}
	}
	else
	{
		imageholder.innerHTML = 'Engar myndir fundust';
	}
}

function createImageObject(filename,folder)
{
	var image = document.createElement('img');

	image.setAttribute('alt','');
	image.setAttribute('src', '/images/bilar/' + folder + '/'+filename);


	return image;

}