function initTabs(){

		var coll = document.getElementsByTagName("DIV");
		for(var i = 0; i < coll.length; i ++)
		{
			el = coll[i];
			if(el.className == 'tabs')
			{
				el.id = "dv" + j;
				str += createLink(j);
				j++;
			}
	
				 
		}
		
		var el = document.getElementById('tabSelector');
			if(el)
				el.innerHTML = str;

		initPictures();
		tabSelectorClick(1);
}


function tabSelectorClick(id)
{
	var coll = document.getElementsByTagName("DIV");
	for(var i = 0; i < coll.length; i ++)
	{
		el = coll[i];
		if(el.className == 'tabs')
		{
			el.style.display = ('dv' + id == coll[i].id) ? 'block':'none';
		}
			 
	}
	
	coll = document.getElementsByTagName("A");
	for(var i = 0; i < coll.length; i ++)
	{
		el = coll[i];
		if(el.className.indexOf('tabLink') > -1)
		{
			el.className = ('a' + id == coll[i].id) ? 'tabLinkSelected' : 'tabLink';
		}
			 
	}
	
	
}

function emptyStatus()
{
	window.status = '';
}

function createLink(id, text)
{
	return('<a class="tabLink" id="a' + id + '" onmouseover="emptyStatus();" onmouseout="emptyStatus();" href="javascript:tabSelectorClick(' + id + ')">' + id + '<a>');
}


function initPictures()
{
	var coll = document.getElementsByTagName("IMG");
	for(var i = 0; i < coll.length; i ++)
	{
		el = coll[i];
		if(el.className.indexOf('zoom') > -1)
		{
			if(el.onclick == null)
			{
				
				if(!isIe) {
					el.addEventListener("click", zoomPicture, true); 	
				}
				else
					el.onclick = zoomPicture;
			}
			el.className = 'zoom';	
		}
			 
	}
}


function zoomPicture()
{
	
	var img
	if(isIe)				
		img = event.srcElement;
	else
		img = this;	
	var el = document.getElementById("imagePreview");
	if(el && img)
	{
		initPictures();
		var re = /(\.jpg)|(\.gif)|(\.png)/i;
		var src = img.src.replace(re,"_big.jpg");
		el.src = src;
		img.className = 'zoomSelected'
	}
}

