document.write('<style>.ab-thumbs-cont{display:none!important;}</style>'); 
 
 function $(id){ return document.getElementById(id); } 
 
 oGalData=new Array(); 
 var oTotalItem; 
 var selThumb; 
 function popThumbs()
 { 
 oLists=$('ab-gal-img').getElementsByTagName('li'); 
 oTotalItem=oLists.length;
 for(i=0;i<oLists.length;i++)
 {
 oAnchor=oLists[i].getElementsByTagName('a')[0]; 
 oGalleryLink=oAnchor.href; 
 oGalleryThumb=oAnchor.getElementsByTagName('img')[0].src; 
 oGalleryTitle=oAnchor.lastChild.data; 
 oGalPush='<div class="ab-thumbs" id="ab-thumbs-'+i+'"><a href="'+oGalleryLink+'" title="'+oGalleryTitle+'"><img src="'+oGalleryThumb+'" alt="'+oGalleryTitle+'" /></a></div>'; oGalData.push(oGalPush); if(i==20){i=oLists.length}; } $('ab-gal-img').innerHTML=""; $('ab-gal-img').innerHTML='<div class="ab-thumbs-scroller" id="ab-thumbs-scroller" style="width:'+(oTotalItem*108)+'px;margin-left:0px;">'+oGalData.join('')+'</div>'; $('ab-title').innerHTML; changeTitle($('ab-thumbs-0').getElementsByTagName('a')[0].href,$('ab-thumbs-0').getElementsByTagName('a')[0].title); assignClass('add',$('ab-thumbs-0').getElementsByTagName('a')[0],'thumb-sel'); selThumb='ab-thumbs-0'; } 
 
 function showTitle(evt)
 { 
 if(evt.target)
 { oElm=evt.target; }
 else if(evt.srcElement)
 { oElm=evt.srcElement; } 
 
 if(oElm.nodeName=="IMG")
	{ 
	if(oElm.parentNode.parentNode.className=="ab-thumbs")
		{ 
		changeTitle(oElm.parentNode.href,oElm.parentNode.title); 
		assignClass('remove',$(selThumb).getElementsByTagName('a')[0]); 
		assignClass('add',oElm.parentNode,'thumb-sel'); selThumb=oElm.parentNode.parentNode.id; 
		} 
	}
	else if(oElm.parentNode.className=="ab-gal-btn-left")
	{ 
		oElm.onclick=function(){ scrollThumbs('left'); } 
	}
	else if(oElm.parentNode.className=="ab-gal-btn-right")
	{ 
		oElm.onclick=function(){ scrollThumbs('right'); } 
	} 
 } 
 
function assignClass(oType,oElement,oClass){ if(oType=='add'){ oElement.className=oClass; }else if(oType=='append'){ oElement.className+=oClass; }else{ oElement.className=""; } } 

function changeTitle(oUrl,oTitle)
{ 
$('ab-title').innerHTML='<a href="'+oUrl+'" title="'+oTitle+'">'+oTitle+'</a>'; 
} 

function scrollThumbs(dir){ oScroller=$('ab-thumbs-scroller'); oMaxScroll=oTotalItem*108; oScrollMargin=108*4; oCurMargin=oScroller.style.marginLeft; oCurMargin=oCurMargin.split('px'); oCurMargin=oCurMargin[0]; if(dir=="left"){ if(oCurMargin >= 0){ oDestMargin=-(oMaxScroll-oScrollMargin); oDir="decrement"; }else{ oDestMargin=eval(oCurMargin+'+'+oScrollMargin); oDir="increment"; } }else if(dir=="right"){ if(oCurMargin <= -(oMaxScroll-oScrollMargin)){ oDestMargin=0; oDir="increment"; }else{ oDestMargin=eval(oCurMargin+'-'+oScrollMargin); oDir="decrement"; } } oScroller.style.marginLeft=oDestMargin+"px"; /*change selection and titles*/ assignClass('remove',$(selThumb).getElementsByTagName('a')[0]); selThumb="ab-thumbs-"+Math.abs(oDestMargin/108); assignClass('add',$(selThumb).getElementsByTagName('a')[0],'thumb-sel'); changeTitle($(selThumb).getElementsByTagName('a')[0].href,$(selThumb).getElementsByTagName('a')[0].title); }