// éáőúűóüö - UTF8
function createObj(){};

function getOffsetTop(obj) {
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function getOffsetLeft(obj) {
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function getBrowserDimensions()
{	
	browserDimensions= new createObj();
	
	if (self.innerHeight) // all except Explorer
	{
		browserDimensions.x = self.innerWidth;
		browserDimensions.y = self.innerHeight;
	}
	else if (document.documentElement && document.documentElement.clientHeight)	// Explorer 6 Strict Mode
	{
		browserDimensions.x = document.documentElement.clientWidth;
		browserDimensions.y = document.documentElement.clientHeight;
	}
	else if (document.body) // other Explorers
	{
		browserDimensions.x = document.body.clientWidth;
		browserDimensions.y = document.body.clientHeight;
	}
	
	return browserDimensions;
}

//TODO: hasznos de masik fuggvenykonyvtar
function urlencode(str) {
str = escape(str);
str = str.replace('+', '%2B');
str = str.replace('%20', '+');
str = str.replace('*', '%2A');
str = str.replace('/', '%2F');
str = str.replace('@', '%40');
return str;
}

function showImage(id,categoryId) {
	galleryViewer=new imgViewer('galleries',100);
	galleryViewer.show();
	var imageListRequest=new ajaxRequest();
	imageListRequest.addPD('id',categoryId);
	imageListRequest.request("xml","response/gallery-get.php",galleryViewer.loadImages,null,id);
}

function image() {}

function imgViewer(basename,zIndex)
{
	var flip=0;
	var slideOffset=100;
	var self=this;
	var images;
	var scrollControlWidth=0;	
	
	var viewerContainerDiv=document.createElement('div');
	viewerContainerDiv.className=basename+'-viewerContainerDiv';
	viewerContainerDiv.style.zIndex=zIndex;
	viewerContainerDiv.onclick=exitViewer;
	document.body.appendChild(viewerContainerDiv);	

	var closeControlDiv=document.createElement('div');
	closeControlDiv.className=basename+'-ControlDiv';
	closeControlDiv.style.zIndex=zIndex+4;
	closeControlDiv.onclick=exitViewer;
	closeControlDiv.innerHTML='kilépés';
	viewerContainerDiv.appendChild(closeControlDiv);	
	
	var imgDivOne=document.createElement('div');
	imgDivOne.className=basename+'-imageDivOne';
	imgDivOne.style.zIndex=zIndex+3;
	viewerContainerDiv.appendChild(imgDivOne);

	var imgOne=document.createElement('img');
	imgOne.className=basename+'-imageOne';
	imgDivOne.appendChild(imgOne);

	var thumbsContainerDiv=document.createElement('div');
	thumbsContainerDiv.className=basename+'-thumbnailsContainerDiv';	
	viewerContainerDiv.appendChild(thumbsContainerDiv);
	
	var thumbsContainerLeftControl=document.createElement('div');
	thumbsContainerLeftControl.className=basename+'-thumbnailsContainerScrollControlLeft';
	thumbsContainerLeftControl.onclick=onThumsLeftControlClick;
	thumbsContainerLeftControl.style.zIndex=zIndex+6;		
	thumbsContainerDiv.appendChild(thumbsContainerLeftControl);
	scrollControlWidth=thumbsContainerLeftControl.offsetWidth;
	
	var thumbsContainerRightControl=document.createElement('div');
	thumbsContainerRightControl.className=basename+'-thumbnailsContainerScrollControlRight';
	thumbsContainerRightControl.onclick=onThumsRightControlClick;
	thumbsContainerRightControl.style.zIndex=zIndex+6;
	thumbsContainerDiv.appendChild(thumbsContainerRightControl);

	var thumbsSliderDiv=document.createElement('div');
	thumbsSliderDiv.className=basename+'-thumbnailsSliderDiv';
	thumbsSliderDiv.style.left=scrollControlWidth+'px';
	thumbsSliderDiv.style.zIndex=zIndex+5;	
	thumbsContainerDiv.appendChild(thumbsSliderDiv);
	
	this.showImage=showImage;
	function showImage(id) {
		imgOne.src='media/external/images/'+ basename +'/' + id + '.jpg';
	}

	this.onImageDemand=onImageDemand;
	function onImageDemand(e) {
		if (!e) var e = window.event;
		if (e.target) t = e.target;
			else if (e.srcElement) t = e.srcElement;		
		showImage(t.imageid);
	}
	
	this.show=show;
	function show()
	{
		viewerContainerDiv.style.visibility='visible';
	}
	
	this.loadImages = function(firstImgId,xml) {
		images=xml.getElementsByTagName('imagesData');
		if(images.length!=0) {
			if(firstImgId!=null)
				showImage(firstImgId);
			else
				showImage(images[0].getAttribute('id'));
		}
		showThumbnails();
	}
	
	this.showThumbnails=showThumbnails;				
	function showThumbnails(startImgId) {
		if(images.length != 0)	
		{			
			for(var i = 0; i < images.length; i++)
				{		
					var cid=images[i].getAttribute('id');
					var image=document.createElement('img');
					image.id='thumb-' + cid;
					image.imageid=cid;
					image.src='media/external/images/'+  basename +'/' + cid + '-t1.jpg'
					image.className=basename+'-thumbnails';
					image.onclick=onImageDemand;
					thumbsSliderDiv.appendChild(image);
				}
		}				
	}
	
	this.onThumsLeftControlClick=onThumsLeftControlClick;
	function onThumsLeftControlClick() {
		var nLeft=parseInt(thumbsSliderDiv.style.left)+slideOffset;
		if(nLeft>scrollControlWidth)
			thumbsSliderDiv.style.left=scrollControlWidth+'px';
		else
			thumbsSliderDiv.style.left=nLeft+'px';
	}
	
	this.onThumsRightControlClick=onThumsRightControlClick;
	function onThumsRightControlClick() {
		var nLeft=parseInt(thumbsSliderDiv.style.left)-slideOffset;
		if(nLeft+thumbsSliderDiv.clientWidth<thumbsContainerDiv.clientWidth-scrollControlWidth) {
			thumbsSliderDiv.style.left=(thumbsContainerDiv.clientWidth-thumbsSliderDiv.clientWidth)+'px';
		}
		else
			thumbsSliderDiv.style.left=nLeft+'px';
	}
	
	this.exitViewer=exitViewer;
	function exitViewer(e)
	{
		if (!e) var e = window.event;
		if (e.target) t = e.target;
			else if (e.srcElement) t = e.srcElement;		
		if(t!=viewerContainerDiv && t!=closeControlDiv && t!=imgOne)
			return;
		document.body.removeChild(viewerContainerDiv);
	}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
