function setActive(obj){
	obj.className = "active";
}

function clearActive(){
	var nodes = document.getElementById("menu").getElementsByTagName("li");
	for (var i=0; i<nodes.length; i++)
	{
		nodes[i].className = "nonactive";
	}	
}
function setImage (name, obj, ttl){
	var imgs = document.getElementById("large").getElementsByTagName("img");
	imgs[1].src = "images/products/large/"+name+".jpg";
	imgs[1].alt = ttl;
	
	imgs[1].onclick = function(){
		var tmp2 = this.src.split('/');
		var end = tmp2[tmp2.length-1];
		viewImage("images/products/full/"+end,1000,560,this.alt);
	}
	
	clearActive();
	setActive(obj);
	seeArrows();
	document.getElementById("title").innerHTML = ttl;
}
function nextImage (){
	var nodes = document.getElementById("menu").getElementsByTagName("li");
	var images = [];
	var altes = [];
	var curentImage = document.getElementById("large").getElementsByTagName("img");
	var curentImageSrcArray = curentImage[1].src.split('/');
	var curentImageSrc = curentImageSrcArray[curentImageSrcArray.length-1];
	for (var i=0; i<nodes.length; i++)
	{
		var img = nodes[i].getElementsByTagName("img");
		for (var j=0; j<img.length; j++)
		{
			var tmp = img[j].src.split('/');
			images[i] = tmp[tmp.length-1];
			altes[i] = img[j].alt;
		}
	}
	for (var c=0; c<images.length; c++)
	{
		if(curentImageSrc == images[c] && c != images.length-1){
			clearActive();
			setActive(nodes[c+1]);
			document.getElementById("title").innerHTML = altes[c+1];
			curentImage[1].src = "images/products/large/"+images[c+1];
			curentImage[1].alt = altes[c+1];
			curentImage[1].onclick = function(){
				var tmp2 = this.src.split('/');
				var end = tmp2[tmp2.length-1];
				viewImage("images/products/full/"+end,1000,560,this.alt)
			}
		}
	}
	seeArrows();	
}

function prevImage (){
	var nodes = document.getElementById("menu").getElementsByTagName("li");
	var images = [];
	var altes = [];
	var curentImage = document.getElementById("large").getElementsByTagName("img");
	var curentImageSrcArray = curentImage[1].src.split('/');
	var curentImageSrc = curentImageSrcArray[curentImageSrcArray.length-1];
	for (var i=0; i<nodes.length; i++)
	{
		var img = nodes[i].getElementsByTagName("img");
		for (var j=0; j<img.length; j++)
		{
			var tmp = img[j].src.split('/');
			images[i] = tmp[tmp.length-1];
			altes[i] = img[j].alt;
		}
	}
	for (var c=0; c<images.length; c++)
	{
		if(curentImageSrc == images[c] && c != 0){
			clearActive();
			setActive(nodes[c-1]);
			document.getElementById("title").innerHTML = altes[c-1];
			curentImage[1].src = "images/products/large/"+images[c-1];
			curentImage[1].alt = altes[c+1];
			curentImage[1].onclick = function(){
				var tmp2 = this.src.split('/');
				var end = tmp2[tmp2.length-1];
				viewImage("images/products/full/"+end,1000,560,this.alt);
			}
		}
	}
	seeArrows();
}
function seeArrows(){
	var nodes = document.getElementById("menu").getElementsByTagName("li");
	var images = [];
	var curentImage = document.getElementById("large").getElementsByTagName("img");
	var curentImageSrcArray = curentImage[1].src.split('/');
	var curentImageSrc = curentImageSrcArray[curentImageSrcArray.length-1];
	for (var i=0; i<nodes.length; i++)
	{
		var img = nodes[i].getElementsByTagName("img");
		for (var j=0; j<img.length; j++)
		{
			var tmp = img[j].src.split('/');
			images[i] = tmp[tmp.length-1];
		}
	}
	if(curentImageSrc == images[images.length-1]) document.getElementById('right-arrow').style.display = 'none';
	else {
		document.getElementById('right-arrow').style.display = 'block';
	}
	if(curentImageSrc == images[0]) document.getElementById('left-arrow').style.display = 'none';
	else {
		document.getElementById('left-arrow').style.display = 'block';
	}
}
/*****************************************/


function seeArrows(){
	var nodes = document.getElementById("menu").getElementsByTagName("li");
	var images = [];
	var curentImage = document.getElementById("large").getElementsByTagName("img");
	var curentImageSrcArray = curentImage[1].src.split('/');
	var curentImageSrc = curentImageSrcArray[curentImageSrcArray.length-1];
	for (var i=0; i<nodes.length; i++)
	{
		var img = nodes[i].getElementsByTagName("img");
		for (var j=0; j<img.length; j++)
		{
			var tmp = img[j].src.split('/');
			images[i] = tmp[tmp.length-1];
		}
	}
	if(curentImageSrc == images[images.length-1]) document.getElementById('right-arrow').style.display = 'none';
	else {
		document.getElementById('right-arrow').style.display = 'block';
	}
	if(curentImageSrc == images[0]) document.getElementById('left-arrow').style.display = 'none';
	else {
		document.getElementById('left-arrow').style.display = 'block';
	}
}
/*****************************************/