var currentLargeImageNumber;

function showLargeImage(caller, target, imgNumber, useFade)
{
  var obj = document.getElementById(target);
  obj.style.display = 'block';
  obj.style.width = '100%';
  obj.style.height = '100%';
//  obj.style.top = document.body.scrollTop;
  obj.style.top = '0px';

  obj.parentNode.removeChild(obj);
  document.body.appendChild(obj);

  var closeAction = 'onClick=hideLargeImage("' + target + '")'; 
  var imgObj = document.getElementById('largeImage');
  imgObj.src =  largeImageArray[imgNumber];

  currentLargeImageNumber = imgNumber;
  
  if (useFade == null || useFade == true) {
    helper_fadeObject(target, 0, 0.2);
  }
}

function hideLargeImage(target)
{
  //  var obj = document.getElementById(target);
  helper_fadeObject(target, 1, -0.2);
}

function showNextImage()
{
  if (currentLargeImageNumber == (largeImageArray.length -1 )) {
    currentLargeImageNumber = 0;
  }

  nextImg = currentLargeImageNumber + 1;

  showLargeImage(null, 'largeImageContainer',nextImg, false);

  return false;
}

function showPreviousImage()
{
  if (currentLargeImageNumber == 0) {
    currentLargeImageNumber = largeImageArray.length;
  }

  var prevImg = currentLargeImageNumber -1;

  showLargeImage(null, 'largeImageContainer',prevImg, false);

  return false;
}






var listshown = true;
var swapid = null;
var swapdir = '';
var canexpand = false;

function swapListView(vehicle_id, con)
{
  var lc = document.getElementById('listcontainer');
  var oc = document.getElementById('outercontainer');
  var dc = document.getElementById(con);

  if (listshown) {
    swapdir = 'hide';
    loadVehicleDetails(vehicle_id,con);
    if (swapid == null) { swapid = setInterval('swapper_helper(\'' + con  + '\')',1); }
  } else if (canexpand == true) {
    swapdir = 'show';
    dc.style.display = 'none';
var lic = document.getElementById('largeImageContainer');
lic.parentNode.removeChild(lic);

    if (swapid == null) {  swapid = setInterval('swapper_helper(\'' + con + '\')',1); }
  }
  return false;
}

function swapper_helper(con)
{
	var lc = document.getElementById('listcontainer');
	var oc = document.getElementById('outercontainer');
	var dc = document.getElementById(con);

        if (lc.style.left == '') {lc.style.left = '0px';}
	var i = parseInt(lc.style.left);

	if (swapdir == 'hide') {
		if (i > -478) {
			lc.style.left = i - 35;
			oc.style.width = parseInt(oc.style.width) - 35;
		} else {
			lc.style.left = -478;
		        listshown = false;

			clearInterval(swapid);

			oc.style.width='160px';
 			dc.style.display='block';
 			swapid = null;
			canexpand = false;
		}
	} else if (swapdir == 'show') {
		if (i < 0) {
			lc.style.left = i + 35;
			oc.style.width = parseInt(oc.style.width) + 35;
		} else {
			oc.style.width=650;
			lc.style.left = 0;

			listshown = true;

			clearInterval(swapid);
			swapid = null;
		}
	}
}



function selectListVehicle(vehicle_id, container)
{
  if (listshown == true) {
    swapListView(vehicle_id, container);
  } else {
    loadVehicleDetails(vehicle_id, container);
  }

  return false;
}