// catergory 1
function showDiv1(img,imags)
{
	prev = (img ? img-1 : imags-1);
	next = (img < imags-1 ? img+1 : 0);
	document.getElementById("overlay").style.display = 'block';
	lightbox = document.getElementById("pop")
	lightbox.innerHTML = '<a href="#" onclick="showDiv1('+prev+','+imags+')"><img class="prev-next" src="/images/ice-shine/gallery/btn-prev.png" width="22" height="45"></a><div id="imgContainer"><div><img src="/images/ice-shine/gallery/cat1/pantene-ice-disco-lg-'+img+'.jpg"></div><div id="closeContainer"><a id="close" onclick="hideDiv1()" href="#"><img src="/images/ice-shine/gallery/btn-close.gif" width="41" height="9" alt="close"></a></div></div><a href="#" onclick="showDiv1('+next+','+imags+')"><img class="prev-next" src="/images/ice-shine/gallery/btn-next.png" width="22" height="45"></a>';
	lightbox.style.display = 'block';
	return false;
	
}

function hideDiv1(){
	lightbox = document.getElementById("pop");
	lightbox.innerHTML = '';
	lightbox.style.display = 'none';
	document.getElementById("overlay").style.display = 'none';
}


// catergory 2

function showDiv2(img,imags)
{
	prev = (img ? img-1 : imags-1);
	next = (img < imags-1 ? img+1 : 0);
	document.getElementById("overlay").style.display = 'block';
	lightbox = document.getElementById("pop")
	lightbox.innerHTML = '<a href="#" onclick="showDiv2('+prev+','+imags+')"><img class="prev-next" src="/images/ice-shine/gallery/btn-prev.png" width="22" height="45"></a><div id="imgContainer"><div><img src="/images/ice-shine/gallery/cat2/pantene-ice-disco-lg-'+img+'.jpg"></div><div id="closeContainer"><a id="close" onclick="hideDiv2()" href="#"><img src="/images/ice-shine/gallery/btn-close.gif" width="41" height="9" alt="close"></a></div></div><a href="#" onclick="showDiv2('+next+','+imags+')"><img class="prev-next" src="/images/ice-shine/gallery/btn-next.png" width="22" height="45"></a>';
	lightbox.style.display = 'block';
	return false;
	
}

function hideDiv2(){
	lightbox = document.getElementById("pop");
	lightbox.innerHTML = '';
	lightbox.style.display = 'none';
	document.getElementById("overlay").style.display = 'none';
}


// catergory 3

function showDiv3(img,imags)
{
	prev = (img ? img-1 : imags-1);
	next = (img < imags-1 ? img+1 : 0);
	document.getElementById("overlay").style.display = 'block';
	lightbox = document.getElementById("pop")
	lightbox.innerHTML = '<a href="#" onclick="showDiv3('+prev+','+imags+')"><img class="prev-next" src="/images/ice-shine/gallery/btn-prev.png" width="22" height="45"></a><div id="imgContainer"><div><img src="/images/ice-shine/gallery/cat3/pantene-ice-disco-lg-'+img+'.jpg"></div><div id="closeContainer"><a id="close" onclick="hideDiv3()" href="#"><img src="/images/ice-shine/gallery/btn-close.gif" width="41" height="9" alt="close"></a></div></div><a href="#" onclick="showDiv3('+next+','+imags+')"><img class="prev-next" src="/images/ice-shine/gallery/btn-next.png" width="22" height="45"></a>';
	lightbox.style.display = 'block';
	return false;
	
}

function hideDiv3(){
	lightbox = document.getElementById("pop");
	lightbox.innerHTML = '';
	lightbox.style.display = 'none';
	document.getElementById("overlay").style.display = 'none';
}