// JavaScript Document

// Delete contents of a text box
function del_contents(ele, text){
	if (ele.value == text){
		ele.value = "";
	}
}
// ... then add them back in
function add_contents(ele, text){
	if (ele.value == ""){
		ele.value = text;
	}
}

function swap_main_vehicle_image(ele, img){
	var container = ele.parentNode.parentNode;
	for(var x=0; x < container.childNodes.length; x++){
		if (container.childNodes[x].className == 'vehicle_details_main_image'){
			for(var y=0; y < container.childNodes[x].childNodes.length; y++){
				if (container.childNodes[x].childNodes[y].nodeName == 'IMG'){
					container.childNodes[x].childNodes[y].src = "/images/9/" + img;
				}
			}
		}
	}
}

function show_large_image(image_url){
	document.getElementById('large_image').style.display='block';
	document.getElementById('large_image_img').src='/images/11/' + image_url;
}

function hide_large_image(){
	document.getElementById('large_image').style.display='none';
}

// start 2d img

//settings start
var _2dimg_prefix = '/images/11/';
var _2dimg_prefix_thumb = '/images/10/';
var _2dimg_width = 1000;
var _2dimg_thumb_width = 64;
var _2dimg_autoplay = false;
var _2dimg_delay = 7000; //ms delay for autoplay
var _2dimg_img_play = '/images/2dimg_play.png';
var _2dimg_img_pause = '/images/2dimg_pause.png';
var _2dimg_enlarge = '/images/2dimg_enlarge.png';
var _2dimg_shrink = '/images/2dimg_shrink.png';
//settings end
var _2dimg_count = 0;
var _2dimg_img = new Array;
var _2dimg_next = '';
var _2dimg_cur = '';
var _2dimg_timer = 0;
var _2dimg_ap = _2dimg_autoplay;
var _2dimg_top = 0;
var _2dimg_mode = 0;
var _2dimg_scroll = 0;

var _2dimg_preload = new Image();
_2dimg_preload.src= _2dimg_img_play;
_2dimg_preload.src= _2dimg_img_pause;
_2dimg_preload.src= _2dimg_enlarge;
_2dimg_preload.src= _2dimg_shrink;


function _2dimg_add(ele){
	if (!ele){
		ele = document.body;
	}
	for(var x=0; x < ele.childNodes.length; x++){
		var curnode = ele.childNodes[x];
		if(curnode.nodeName == "IMG"){
			var curclass = new Array();
			curclass = curnode.className.split(' ');
			for (var cname in curclass){
				if(curclass[cname].indexOf('_2dimg') == 0){
					var cururl = curnode.src.split('/').pop();
					if (!_2dimg_img[curclass[cname]]){
						_2dimg_img[curclass[cname]] = new Array;
					}
					_2dimg_img[curclass[cname]].push(cururl);
					if(curclass[0] != "vehicle_details_thumb")
					{
						curnode.onclick = new Function('_2dimg_show("' + cururl + '","' + curclass[cname] + '")');
					}
					else
					{
						curnode.onclick = new Function('_2dimg_swap(this)');
					}
					//if(curclass[cname].indexOf('_2dimg_click') == 0){
					//}
				}
			}
		}
		_2dimg_add(curnode);
	}
}

function _2dimg_show(imgurl, group){
	
	//clear old thumbs
	var thumbs = document.getElementById('_2dimg_thumbs');
	while(thumbs.childNodes.length > 0){
		thumbs.removeChild(thumbs.childNodes[0]);
	}
	//add new thumbs
	var x=0;
	
	//console.log(_2dimg_img[group]);
	
	for (var imgno in _2dimg_img[group]){
		var newimg = document.createElement("img");
		newimg.src=_2dimg_prefix_thumb + _2dimg_img[group][imgno];
		newimg.alt='thumb';
		newimg.style.padding = '2px';
		newimg.style.float = 'left';
		newimg.style.margin = '1px';
		newimg.style.cursor = 'pointer';
		newimg.style.width = _2dimg_thumb_width + 'px';
		newimg.onclick = new Function('_2dimg_autoplay_cancel(); _2dimg_snapto("' + _2dimg_img[group][imgno] + '")');
		//newimg.setAttribute('onclick','_2dimg_autoplay_cancel(); _2dimg_snapto("' + _2dimg_img[group][imgno] + '")');
		thumbs.appendChild(newimg);
		var preloadimg = new Image(); 
		preloadimg.src = _2dimg_prefix + _2dimg_img[group][imgno];
		x++;
	}
	_2dimg_autoplay_update();
	_2dimg_snapto(imgurl);
	_2dimg_smaller();
	document.getElementById('_2dimg').style.display = '';
}

function _2dimg_snapto(imgurl){
	if (imgurl == '-1'){
		var urls = new Array();
		var thumbs = document.getElementById('_2dimg_thumbs');
		var y = 0;
		for (var x=0; x < thumbs.childNodes.length; x++){
			if(thumbs.childNodes[x].nodeName == "IMG"){
				curimgurl = thumbs.childNodes[x].src.split('/').pop();
				urls[y] = curimgurl;
				if (_2dimg_cur == curimgurl){
					curid = y;
				}
				y++;
			}
		}
		if (curid == 0){
			previd = y - 1;
		}else{
			previd = curid - 1;
		}
		imgurl = urls[previd];
	}
	if (!imgurl){
		imgurl = _2dimg_next;
	}
	var y=0;
	var next = false;
	var thumbs = document.getElementById('_2dimg_thumbs');
	for (var x=0; x < thumbs.childNodes.length; x++){
		if(thumbs.childNodes[x].nodeName == "IMG"){
			curimgurl = thumbs.childNodes[x].src.split('/').pop();
			if ((y == 0) || (next==true)){
				next = false;
				_2dimg_next = curimgurl;
			}
			if(imgurl == curimgurl){
				thumbs.childNodes[x].style.padding = 0;
				thumbs.childNodes[x].style.border = '2px solid #f00';
				//alert(_2dimg_prefix + curimgurl);
				var _2dimg_main = document.getElementById('_2dimg_img');
				//_2dimg_main.style.visibility = 'hidden';
				_2dimg_main.src = '';
				_2dimg_main.src = _2dimg_prefix + curimgurl;
				document.getElementById('_2dimg_windowlink').href = _2dimg_prefix + curimgurl;
				_2dimg_cur = curimgurl;
				next = true;
			}else{
				thumbs.childNodes[x].style.padding = '2px';
				thumbs.childNodes[x].style.border = 'none';
			}
			y++;
		}
	}
	if ((_2dimg_ap == true) && (y > 0)){
		_2dimg_timer = setTimeout("_2dimg_snapto()",_2dimg_delay);
	}
}

function _2dimg_autoplay_cancel(){
	if (_2dimg_ap == true){
		_2dimg_autoplay_toggle();
	}
}

function _2dimg_autoplay_toggle(){
	if (_2dimg_ap == true){
		_2dimg_ap = false;
		if(_2dimg_timer){
			clearTimeout(_2dimg_timer);
		}
	}else{
		_2dimg_ap = true;
	}
	_2dimg_autoplay_update();
	if (_2dimg_ap == true){
		_2dimg_snapto();
	}
}

function _2dimg_autoplay_update(){
	var _2dimg_playpause = document.getElementById('_2dimg_playpause');
	if (_2dimg_ap == true){
		if (_2dimg_img_pause){
			_2dimg_playpause.style.backgroundImage = "url('" + _2dimg_img_pause + "')";
		}else{
			_2dimg_playpause.innerHTML = 'Pause';
		}
	}else{
		if (_2dimg_img_play){
			_2dimg_playpause.style.backgroundImage = "url('" + _2dimg_img_play + "')";
		}else{
			_2dimg_playpause.innerHTML = 'Play';
		}
	}
}

function _2dimg_close(){
	document.getElementById('_2dimg').style.display = 'none';
	_2dimg_autoplay_cancel();
	_2dimg_ap = _2dimg_autoplay;
}

function _2dimg_size_toggle(){
	if (_2dimg_mode == 0){
		_2dimg_larger();
	}else{
		_2dimg_smaller();
	}
}

function _2dimg_larger(){
	_2dimg_wid = 1500;
	_2dimg_top = 10;
	_2dimg_mode = 1;
	_2dimg_resize();
}

function _2dimg_smaller(){
	_2dimg_wid = _2dimg_width;
	_2dimg_top = 100;
	_2dimg_mode = 0;
	_2dimg_resize();
}

function _2dimg_resize(){
	var _2dimg_height = ((_2dimg_wid / 4) * 3);
	
	var myWidth = 0, myHeight = 0;
	if( typeof( window.innerWidth ) == 'number' ){
	//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
	//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	if ((_2dimg_height + 140 + _2dimg_top) > myHeight){
		if (_2dimg_mode == 0){
			_2dimg_top = 30;
		}
		_2dimg_height = myHeight - 140 - _2dimg_top;
	}
	_2dimg_wid = ((_2dimg_height / 3) * 4);
	
	document.getElementById('_2dimg_box').style.left = (_2dimg_wid * -0.5) + 'px';
	document.getElementById('_2dimg_box').style.width = _2dimg_wid + 'px';
	document.getElementById('_2dimg_box').style.height = (_2dimg_height + 200) + 'px';
	document.getElementById('_2dimg_img_container').style.height = _2dimg_height + 'px';
	document.getElementById('_2dimg_container').style.top = _2dimg_top + 'px';
	document.getElementById('_2dimg_img').style.width = _2dimg_wid + 'px';
	if (_2dimg_mode == 1){
		document.getElementById('_2dimg_enlarge').style.background = "url('" + _2dimg_shrink + "')";
	}else{
		document.getElementById('_2dimg_enlarge').style.background = "url('" + _2dimg_enlarge + "')";
	}
	var thumb_width = 0;
	var thumbs = document.getElementById('_2dimg_thumbs');
	for (var x=0; x < thumbs.childNodes.length; x++){
		if(thumbs.childNodes[x].nodeName == "IMG"){
			thumb_width = thumb_width + _2dimg_thumb_width + 3;
		}
	}
	document.getElementById('_2dimg_thumbs').style.width = thumb_width + 'px';
	document.getElementById('_2dimg_thumbs_container').style.width = (_2dimg_wid - 60) + 'px';
}

function _2dimg_scroll_left(){
	var pos = parseInt(document.getElementById('_2dimg_thumbs_container').scrollLeft);
	if (pos > 0){
		document.getElementById('_2dimg_thumbs_container').scrollLeft = pos - 10;
		_2dimg_scroll = setTimeout("_2dimg_scroll_left()",70);
	}
	
}

function _2dimg_scroll_right(){
	var len = parseInt(document.getElementById('_2dimg_thumbs_container').scrollWidth) - parseInt(document.getElementById('_2dimg_thumbs_container').style.width);
	var pos = parseInt(document.getElementById('_2dimg_thumbs_container').scrollLeft);
	if (pos < len){
		document.getElementById('_2dimg_thumbs_container').scrollLeft = pos + 10;
		_2dimg_scroll = setTimeout("_2dimg_scroll_right()",70);
	}
}

function _2dimg_scroll_stop(){
	clearTimeout(_2dimg_scroll);
}

function _2dimg_swap(ele){
	var thumbnail_img = ele.src.split('/').pop();
	var main_block = ele.parentNode.parentNode;
	
	for(var x=0; x < main_block.childNodes.length; x++){
		if (main_block.childNodes[x].className == 'vehicle_details_main_image'){
			for(var y=0; y < main_block.childNodes[x].childNodes.length; y++){
				if (main_block.childNodes[x].childNodes[y].nodeName == 'IMG'){
					var main_img = main_block.childNodes[x].childNodes[y];
				}
			}
		}
	}
	
	var main_img_src = main_img.src.split('/').pop();
	ele.src = "/images/10/" + main_img_src;
	main_img.src = "/images/9/" + thumbnail_img;
	main_img.onclick = new Function('_2dimg_show("' + thumbnail_img + '","_2dimg[group0]")');
}
// end 2dimg