var b=0;var n=1;
var c=1;

function opac() {
	var lis=document.getElementById("pimages_b_in").getElementsByTagName("img");
	var p=lis[b];var p1=lis[n];

	if (c<10) {c+=1;
		p.style.opacity =c/10;
		p.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+c*10+")";

		p1.style.opacity =(10-c)/10;
		p1.style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity="+(10-c)*10+")";

		setTimeout("opac()",70);	
		} else {c=1;lis[n].style.display="none";}
}


imgclick=function() {
	document.getElementById('pimages_b').innerHTML="<div id='wrap_nav_pimages_b'><div id='nav_pimages_b'>"+document.getElementById('pimages_b_in').innerHTML+"</div></div><div id='nav_pimages_prev'></div><div id='nav_pimages_next'></div>"+document.getElementById('pimages_b').innerHTML+"<div id='pimages_b_in_name'>"+document.getElementById('pimages_b_in').getElementsByTagName('img')[0].alt+"</div>";
	var lis=document.getElementById("pimages_b_in").getElementsByTagName("img");
	var lis1=document.getElementById('nav_pimages_b').getElementsByTagName('img');
	var b_prev=document.getElementById('nav_pimages_prev');
	var b_next=document.getElementById('nav_pimages_next');
	var b_nav=document.getElementById('nav_pimages_b');var ga=0;var wid;

	lis[0].style.display="block";lis[0].style.zIndex="1001";
	lis1[0].style.cursor="default";lis1[0].style.opacity="0.3";lis1[0].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=30)";lis1[0].className+=" pim_act";


	if (((lis1.length)%2)==0) {wid=((lis1.length)/2)*58;
	}else{wid=((lis1.length+1)/2)*58;}
	b_nav.style.width=wid+"px";

	if (lis1.length>22) {
		b_next.className="pim_ar_nact";
		b_next.onclick=function() {if (ga<(wid/58-11)) {
		lis1[ga].style.display="none";
		lis1[ga+14].style.display="none";ga++;b_nav.style.width=wid-58*ga+"px";}if(ga==0){b_prev.className=""}else{b_prev.className="pim_ar_pact"}if(ga==(wid/58-11)){b_next.className=""}else{b_next.className="pim_ar_nact"}}

		b_prev.onclick=function() {if (ga>0) {
		ga--;b_nav.style.width=wid-58*ga+"px";;lis1[ga+14].style.display="block";
		lis1[ga].style.display="block";}if(ga==0){b_prev.className=""}else{b_prev.className="pim_ar_pact"}if(ga==(wid/58-11)){b_next.className=""}else{b_next.className="pim_ar_nact"}}

	}

	for (var j=0;j<lis1.length; j++) {
		lis1[j].id=j;
		lis1[j].width="55";
		lis1[j].height="55";
		lis1[j].onclick=function() {if (!(this.className.match(/\bpim_act\b/))) {

		for (var i=0;i<lis1.length; i++) { 
			lis1[i].className="";lis1[b].style.opacity='1';lis1[b].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=100)";lis1[b].style.cursor='pointer';
		}
			n=b;b=this.id;this.className+=" pim_act";lis1[b].style.opacity='0.3';lis1[b].style.filter="progid:DXImageTransform.Microsoft.Alpha(opacity=30)";lis1[b].style.cursor='default';

			for (var i=0;i<lis1.length; i++) {
				lis[i].style.display="none";
				lis[i].style.zIndex="1000";lis[i].style.position="relative";lis[i].style.border="1px solid #666633";lis[i].style.padding="10px";
			}

//			lis[n].style.zIndex="1000";
//			lis[b].style.zIndex="1001";
//			lis[n].style.position="absolute";lis[n].style.border="0";lis[n].style.padding="11px";
//			lis[n].style.display="block";
			lis[b].style.display="block";
			opac();document.getElementById('pimages_b_in_name').innerHTML=lis[b].alt;
		}}

		
			lis1[j].onmouseover=function() {if (!(this.className.match(/\bpim_act\b/))){this.className=" im_hover"}}
			lis1[j].onmouseout=function() {if (!(this.className.match(/\bpim_act\b/))){this.className=this.className.replace(new RegExp(" im_hover\\b"), "")}}
	}

}

onload=imgclick;