function isIE()
{
  return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);
}
var obj2;
function showGallery2(obj,imgID, picCountGall){
	if(!imgID) imgID = 0;
	
	//alert(imgID);
	obj2=obj;

//alert(picCountGall);
	var galBox = document.getElementById('carGallery');
    //imgID--;
	if(galBox){
		//alert('ok');
		showNavigation2(obj, imgID, picCountGall);
		showPicture2(obj, imgID);
		
		galBox.style.display = "block";

		var bSize = obj[imgID]["bigWidth"]; 
		
		//bSize -= 0;
		if (bSize < (picCountGall+3)*20) 
			bSize = (picCountGall+3)*20;
		document.getElementById('borderBox').style.width = bSize+'px';
		
		//alert(bSize);

	}
if (!isIE)
 { carGallery.style.position='fixed';
   carGallery.style.top='10px';
  } 
else
  {
	var wSize = windowSize();
	var imgHeight = obj[imgID]["bigHeight"];
	if(wSize.height < (imgHeight+99)){
		var yScroll = imgHeight-0;
		yScroll = yScroll + 470 - wSize.height;
		//if (yScroll > 99) 
		yScroll=219;
		scroll(0, yScroll);
	}
  }	
	return false;
}


function showNavigation2(obj, imgID, picCountGall){
	var navBox = document.getElementById('navigation');
    
	//alert(imgID +' - '+ picCountGall);
	if(picCountGall > 0){
		if(imgID == (picCountGall+1)) {
			var nextImg = 1;
			var prevImg = imgID-1;
		}
		else if(imgID == 1) {
			var nextImg = imgID+1;
			var prevImg = picCountGall+1;
		}
		else {
			var nextImg = imgID+1;
			var prevImg = imgID-1;
		}

		var navContent = '<table class="layout"><tr><td align="center"><div class="prev" onClick="switchPicture2('+prevImg+','+picCountGall+')"></div>';
		for(k in obj){
			
		if (k!='foreach')	{
			if(k == 1 ) navContent += '<div class="cell first" id="cell'+k+'">';
			else navContent += '<div class="cell" id="cell'+k+'">';

			if(k == imgID) navContent += '<span>'+(parseInt(k))+'</span>'
			else navContent += '<a phref="#" style="cursor:pointer;" onClick="return switchPicture2('+k+', '+picCountGall+');"'+
			' onMouseOver="showPreview2('+k+')" onMouseOut="hidePreview()">'+(parseInt(k))+'</a>'

			navContent += '</div>';
		  }
			
		}
		navContent += '</div><div class="next" onClick="switchPicture2('+nextImg+','+picCountGall+')"></div></td></tr></table>';
		navContent += '<div id="previewBox" class="shadow120x90"><img id="previewImg" src="/_/0.gif" /></div>';
	}
	else {
		var navContent = '<img src="/images/0.gif" width="1" height="17" alt="" />&nbsp;';
	}
	//alert(navContent);
	navBox.innerHTML = navContent;

}

function switchPicture2(imgID, picCountGall){
//alert(imgID);
	showNavigation2(obj2,imgID, picCountGall);
	var picture = document.getElementById('picture');
	//picture.src = '/images/0.gif';
	picture.style.visibility='hidden';
	picture.width = obj2[imgID]["bigWidth"];
	picture.height = obj2[imgID]["bigHeight"];
	picture.src = obj2[imgID]["bigPath"];
	document.getElementById('comment').innerHTML=obj2[imgID]["comment"];

	var bSize = obj2[imgID]["bigWidth"]; bSize -= 0;
	if (bSize < (picCountGall+3)*20 + 40) bSize = (picCountGall+3)*20 + 40;
	document.getElementById('borderBox').style.width = bSize+'px';
    
	return false;
}

function showPreview2(imgID){
	var preview = document.getElementById('previewImg');
	var previewBox = document.getElementById('previewBox');
	var cell = document.getElementById('cell'+imgID);
	var place = getBounds(cell);

	preview.src = '/images/0.gif';
	preview.src = obj2[imgID]["prevPath"];
	previewBox.style.left = (place.left-60)+'px';
	previewBox.style.visibility = "visible";
}



function showPicture2(obj, imgID){
	//alert(imgID);
	//alert(obj[imgID]["bigPath"]);
	
	var picBox = document.getElementById('bigPicture');
	var imageContent = '<img src="'+obj[imgID]["bigPath"]+
		'" id="picture"'+
		'" width="'+obj[imgID]["bigWidth"]+
		'" height="'+obj[imgID]["bigHeight"]+
		'" title=" "'+
		' onClick="return closeGallery()" onload="loaded();" />';
	picBox.innerHTML = imageContent;
	document.getElementById('comment').innerHTML=obj[imgID]["comment"];
	//
}


//-----------------------------------------------------------------------
 
function getBounds(element){

  if (element) {	
  var left = element.offsetLeft;
  var top = element.offsetTop;
  for (var parent = element.offsetParent; parent; parent = parent.offsetParent){
    left += parent.offsetLeft - parent.scrollLeft;
    top += parent.offsetTop - parent.scrollTop
  }
  return {left: left, top: top, width: element.offsetWidth, height: element.offsetHeight};
  }
}

function windowSize() {
	var width, height;

	if (self.innerHeight) {
		width = self.innerWidth;
		height = self.innerHeight;
	// IE 6 Strict Mode
	}
	else if (document.documentElement && document.documentElement.clientHeight) {
		width = document.documentElement.clientWidth;
		height = document.documentElement.clientHeight;

	}
	else if (document.body) {
		width = document.body.clientWidth;
		height = document.body.clientHeight;
	}
	return {width: width, height: height};
}



function showGallery(imgID){
	if(!imgID) imgID = 0;

	var galBox = document.getElementById('carGallery');

	if(galBox){
		
		showNavigation(imgID);
		
		showPicture(imgID);
		galBox.style.display = "block";

		var bSize = carImages[imgID]["bigWidth"]; bSize -= 0;
		if (bSize < (picCount+3)*20) bSize = (picCount+3)*20;
		document.getElementById('borderBox').style.width = bSize+'px';

	}

	var wSize = windowSize();
	var imgHeight = carImages[imgID]["bigHeight"];
	if(wSize.height < (imgHeight+99)){
		var yScroll = imgHeight-0;
		yScroll = yScroll + 470 - wSize.height;
		//if (yScroll > 99) 
		yScroll=219;
		scroll(0, yScroll);
	}
	return false;
}






function loaded() {
	document.getElementById("picture").style.visibility='visible';
}


function showPicture(imgID){
	var picBox = document.getElementById('bigPicture');
	var imageContent = '<img src="'+carImages[imgID]["bigPath"]+
		'" id="picture"'+
		'" width="'+carImages[imgID]["bigWidth"]+
		'" height="'+carImages[imgID]["bigHeight"]+
		'" title=" "'+
		' onClick="return closeGallery()" onload="loaded();" />';
	picBox.innerHTML = imageContent;
}

function switchPicture(imgID){

	showNavigation(imgID);
	var picture = document.getElementById('picture');
	//picture.src = '/images/0.gif';
	picture.style.visibility='hidden';
	picture.width = carImages[imgID]["bigWidth"];
	picture.height = carImages[imgID]["bigHeight"];
	picture.src = carImages[imgID]["bigPath"];

	var bSize = carImages[imgID]["bigWidth"]; bSize -= 0;
	if (bSize < (picCount+3)*20 + 40) bSize = (picCount+3)*20 + 40;
	document.getElementById('borderBox').style.width = bSize+'px';

	return false;
}



function fnShowProps(obj, objName){
	var result = "";
	for (var i in obj) 
	//	result += objName + "." + i + " = " + obj[i] + "<br />\n";
	document.write(result);
}




function showNavigation(imgID){
	var navBox = document.getElementById('navigation');
    
	
	if(picCount > 0){
		if(imgID == picCount) {
			var nextImg = 0;
			var prevImg = imgID-1;
		}
		else if(imgID == 0) {
			var nextImg = imgID+1;
			var prevImg = picCount;
		}
		else {
			var nextImg = imgID+1;
			var prevImg = imgID-1;
		}


		var navContent = '<table class="layout"><tr><td align="center"><div class="prev" onClick="switchPicture('+prevImg+')"></div>';
		for(k in carImages){
			
		if (k!='foreach')	{
			if(k == 0 ) navContent += '<div class="cell first" id="cell'+k+'">';
			else navContent += '<div class="cell" id="cell'+k+'">';

			if(k == imgID) navContent += '<span>'+(parseInt(k)+1)+'</span>'
			else navContent += '<a href="#" onClick="return switchPicture('+k+');"'+
			' onMouseOver="showPreview('+k+')" onMouseOut="hidePreview()">'+(parseInt(k)+1)+'</a>'

			navContent += '</div>';
		  }
			
		}
		navContent += '</div><div class="next" onClick="switchPicture('+nextImg+')"></div></td></tr></table>';
		navContent += '<div id="previewBox" class="shadow120x90"><img id="previewImg" src="/_/0.gif" /></div>';
	}
	else {
		var navContent = '<img src="/images/0.gif" width="1" height="17" alt="" />&nbsp;';
	}
	
	navBox.innerHTML = navContent;

}

function showPreview(imgID){
	var preview = document.getElementById('previewImg');
	var previewBox = document.getElementById('previewBox');
	var cell = document.getElementById('cell'+imgID);
	var place = getBounds(cell);

	preview.src = '/images/0.gif';
	preview.src = carImages[imgID]["prevPath"];
	previewBox.style.left = (place.left-60)+'px';
	previewBox.style.visibility = "visible";
}

function hidePreview(){
	var previewBox = document.getElementById('previewBox');
	previewBox.style.visibility = "hidden";
}


function closeGallery() {
	var galBox = document.getElementById('carGallery');
	var picBox = document.getElementById('bigPicture');
	var navBox = document.getElementById('navigation');
	galBox.style.display = "none";
	picBox.innerHTML = navBox.innerHTML = '';
	//document.getElementById('fade_2').style.display='none';
}





var ua = navigator.userAgent.toLowerCase();
var isOpera = (ua.indexOf('opera')  > -1);
var isIE = (!isOpera && ua.indexOf('msie') > -1);
 
function getDocumentHeight() {
  return Math.max(document.compatMode != 'CSS1Compat' ? document.body.scrollHeight : document.documentElement.scrollHeight, getViewportHeight());
}
 
function getViewportHeight() {
  return ((document.compatMode || isIE) && !isOpera) ? (document.compatMode == 'CSS1Compat') ? document.documentElement.clientHeight : document.body.clientHeight : (document.parentWindow || document.defaultView).innerHeight;
}