onload=AddEvt;
var IncarcaModele = '/ajax/Modele.php';
var CurrentWidth = 0;
var CurrentHeight = 0;
var ProcessStarted1 = false;
var ProcessStarted2 = false;
var ArraySelected = new Array();
var DivWidth = 200;
var DivHeight = 250;
var isIE = (document.all) ? 1 : 0; 
var PreparedIds = new Array();
var Height;
var Minim;
var Maxim;

function AddEvt()
{
	if($$('imgcontent'))
	{
		Height = $$('imgcontent').clientHeight;
		Minim = $$('images').clientHeight;
		Maxim = Height;
		//var OrigTop = getOffset($$('imgcontent'));

		$(function() {
			$("#slider-vertical").slider({
				orientation: "vertical",
				range: "max",
				min: Minim,
				max: Maxim,
				value: Height,
				//step: 5,
				slide: function(event, ui) {
					$$('imgcontent').style.top = parseInt(ui.value - Height) + 'px';
				}
			});
			//$("#amount").val($("#slider-vertical").slider("value")-105);
		});
	}

	$$('frmsrc').value = 'Search ...';
	$$('frmsrc').onfocus = function(){if(this.value=='Search for model ...') this.value = '';}
	$$('frmsrc').onkeydown = function(key){
		if(!key)
			key = event;

		if(window.event){keynum = key.keyCode;}else if(key.which){keynum = key.which;};return OpenModelList($$('frmsrc').value, keynum);
	};
}

function OpenModelList(oldString, key)
{
	keychar = String.fromCharCode(key);
	stringCheck = /[a-zA-Z]/;
	if(stringCheck.test(keychar) || key == 8)
	{
		if(key != 8)
		{
			currentString = oldString + keychar;
		}
		else
			currentString = oldString.substring(0,oldString.length-1);

		if(currentString == '')
		{
			if($$('srcdiv'))
			{
				hidediv();
			}
		}
		else
		{
			DoRequest(Categ, currentString);
		}
	}
}

function OpenSearch()
{
	if($$('srcdiv').innerHTML)
	{
		hidediv();
	}
	else
	{
		DoRequest(Categ, '');
	}
}

function DoRequest(Categ, currentString)
{
	var Parameters = '&categ=' + Categ + '&name=' + currentString + '&rem=' + Math.random();
	var AjaxRequest = new Ajax.Request(IncarcaModele, {method: 'post', parameters: Parameters, onSuccess: ActOnLoad});
}

function ActOnLoad(response)
{
	eval('RVAL='+response.responseText);

	div = $$('srcdiv');
	div.innerHTML = '';
	oldChar = '';
	newLetter = '';

	for(i=0;i<RVAL.TotalRows;i++)
	{
		newLetter = RVAL.Rows[i].nume.substring(0,1);

		if(oldChar != newLetter)
		{
			span = el("span");
			span.innerHTML = '<b>' + newLetter + '</b><br>';
			div.appendChild(span);
			oldChar = newLetter;
		}

		a = el("a");
		a.innerHTML = RVAL.Rows[i].nume;
		a.href = '/wmodel.php?id=' + RVAL.Rows[i].id + '&categ=' + Categ;
		a.className="srcEl";
		div.appendChild(a);

		br = el("br");
		div.appendChild(br);
	}

	offset = getOffset($$('frmsrc'));

	if(div.style.top == '')
	{
		if(isIE)
		{
			div.style.top = offset.top - 10;
			div.style.left = offset.left + 5;
		}
		else
		{
			div.style.top = offset.top - 25;
			div.style.left = offset.left + 5;
		}
	}

	if (CurrentWidth == 0 && CurrentHeight == 0)
	{
		showdiv(DivWidth,DivHeight);
	}
}

function showdiv(_x, _y)
{
	if (!ProcessStarted2)
	{
		ProcessStarted1 = true;
		CurrentWidth += Math.abs(_x / 10);
		CurrentHeight += Math.abs(_y / 10);
		div = $$('srcdiv');
		div.style.display = 'block';
		div.style.width = CurrentWidth + "px";
		div.style.height = CurrentHeight + "px";
		
		offset = getOffset($$('frmsrc'));
		if(isIE)
			div.style.top = offset.top - 10 - CurrentHeight;
		else
			div.style.top = offset.top - 25 - CurrentHeight;

		if (CurrentWidth < _x && CurrentHeight < _y)
		{
			setTimeout("showdiv(" + _x + ","+ _y +");", 10);
		}
		else
		{
			ProcessStarted1 = false;
		}
	}
}


function hidediv()
{
	if(!ProcessStarted1)
	{
		if (CurrentWidth > 0 && CurrentHeight > 0)
		{
			ProcessStarted2 = true;
			CurrentWidth -= Math.abs(DivWidth / 10);
			CurrentHeight -= Math.abs(DivHeight / 10);
			div = $$('srcdiv');
			div.style.display = 'block';
			div.style.width = CurrentWidth + "px";
			div.style.height = CurrentHeight + "px";

			offset = getOffset($$('frmsrc'));
			if(isIE)
				div.style.top = (offset.top - 10 - CurrentHeight) + "px";
			else
				div.style.top = (offset.top - 25 - CurrentHeight) + "px";

			if (CurrentWidth > 0 || CurrentHeight > 0)
			{
				setTimeout("hidediv();", 10);
				return;
			}
			else
			{
			     CurrentWidth = 0;
			     CurrentHeight = 0;
			}
		}
		
		div.innerHTML = '';
		div.style.display = 'none';
		ProcessStarted2 = false;
	}
}


function el(element)
{
	return document.createElement(element);
}

function getOffset( el ) {
    var _x = 0;
    var _y = 0;

   var _x = el.offsetLeft;
   var _y = el.offsetTop;
   while ((el = el.offsetParent) != null)
   {
    _x += el.offsetLeft;
    _y += el.offsetTop;
   }

    return { top: _y, left: _x };
}

function switchImage(newImage)
{
	hideImage($$('img0').id);
	$$('img0').src = newImage.replace("_small","_th");
	showImage($$('img0').id);
	img = newImage.replace("_small", "");
	$$('anch').href = img;
}

function SelectImage(obj, img)
{
	if (ArraySelected[img.id.substr(3)])
	{
		ArraySelected[img.id.substr(3)]=false;
		obj.style.backgroundImage = 'url(/img/nchk.png)';
	}
	else
	{
		ArraySelected[img.id.substr(3)]=true;
		obj.style.backgroundImage = 'url(/img/chk.png)';
	}
	
}

function SelectAll(status)
{
	if(status)
	{
		for(i=1;i<NrImages;i++)
		{
			if($$('s'+i))
			{
				ArraySelected[i] = true;
				$$('s'+i).style.backgroundImage = 'url(/img/chk.png)';
			}
		}
	}
	else
	{
		for(i=1;i<NrImages;i++)
		{
			if($$('s'+i))
			{
				ArraySelected[i]=false;
				$$('s'+i).style.backgroundImage = 'url(/img/nchk.png)';
			}
		}
	}
}

function DownloadPDF()
{
	var Img = new Array();
	for(i=1;i<NrImages;i++)
	{
		if(ArraySelected[i])
		{
			imgsplit = $$('img'+i).src.split("/");
			Img[Img.length]=imgsplit[imgsplit.length-1];
		}
	}

	if(Img.length)
	{
		Parameters = Img.join("~~");

		window.open('pdf.php?img=' + Parameters + '&model=' + Id);
	}
	else
	{
		alert('Please select at least one image !!!');
	}
}


function DownloadPolas()
{
	window.open('polas.php?model=' + Id);
}

function DownloadSetCard()
{
	window.open('/setcard/' + Id + '.jpg');
}


function UpdateDivPosition()
{
	offset = getOffset($$('ont'));

	$$('images').style.top = offset.top + 35;
	$$('images').style.left = offset.left + 510;
	$$('selectall').style.top = offset.top + 15;
	$$('selectall').style.left = offset.left + 700;

	if($$('deleteselected'))
	{
		$$('deleteselected').style.top = offset.top - 10;
		$$('deleteselected').style.left = offset.left + 500;
	}

	$$('images').style.visibility = 'visible';

	setTimeout("UpdateDivPosition()", 100);
}