function swapTabs() {

	if ($( widgetPrefix + 'A' + 'Image' ))
		$( widgetPrefix + 'A' + 'Image' ).src = imgFolder + widgetPrefix + 'A' + 'For' + currentSelectedWidgetId + '.gif';

	if ($( widgetPrefix + 'B' + 'Image' ))
		$( widgetPrefix + 'B' + 'Image' ).src = imgFolder + widgetPrefix + 'B' + 'For' + currentSelectedWidgetId + '.gif';

	if ($( widgetPrefix + 'C' + 'Image' ))
		$( widgetPrefix + 'C' + 'Image' ).src = imgFolder + widgetPrefix + 'C' + 'For' + currentSelectedWidgetId + '.gif';

	$( widgetPrefix + currentSelectedWidgetId + 'Content').show();
}

function selectTabWithId(newSelectedWidgetId){

	if ( currentSelectedWidgetId != newSelectedWidgetId ) {
		$( widgetPrefix + currentSelectedWidgetId + 'Content' ).hide();
		
		currentSelectedWidgetId = newSelectedWidgetId;
		swapTabs();
		
		
		if( window[ newSelectedWidgetId +'SliderH']  == undefined ){
		
			horizontalSliders = $( widgetPrefix + newSelectedWidgetId + 'Content' ).select( '.horizslidertrack');
			for(var i =0; i < horizontalSliders.length; i++){

				var s = horizontalSliders[i];
				var sh = s.select('.horizsliderhandle')[0];
				var slider =	new Control.Slider( sh, s ,{
					axis:'horizontal',
					onSlide: function(v) { horizontalScroll(v, slider);  },
					onChange: function(v) { horizontalScroll(v, slider); }
				});
				window[newSelectedWidgetId +'SliderH'] = slider;				 			
			}
		}
		
		if( window[ newSelectedWidgetId +'SliderV']  == undefined ){
			verticalSliders = $( widgetPrefix + newSelectedWidgetId + 'Content' ).select( '.vertslidertrack');
			for(var i =0; i < verticalSliders.length; i++){

				var s = verticalSliders[i];
				var sh = s.select('.vertsliderhandle')[0];
				var slider  =	new Control.Slider( sh, s,{
					axis:'vertical',
					onSlide: function(v) { verticalScroll(v, slider);  },
					onChange: function(v) { verticalScroll(v, slider); }
				});
				window[newSelectedWidgetId +'SliderV'] = slider;
						 			
			}			
		}
	}	
}


function verticalScroll(value,slider){
	var scrollArea = $( slider.track.parentNode ).select(".scrollArea[rel='"+ slider.track.readAttribute("rel") + "']")[0];
	
	if (null == scrollArea){
		alert("No Scroll Area");
		return;
	}
	

	scrollArea.scrollTop = Math.round(
		value/slider.maximum * 
			(scrollArea.scrollHeight - scrollArea.offsetHeight)
	);

}

function horizontalScroll(value,slider) {
	var scrollArea = $( slider.track.parentNode ).select(".scrollArea[rel='"+  slider.track.readAttribute("rel") + "']")[0];
	
	if (null == scrollArea){
		alert("No Scroll Area");
		return;
	}
	
	scrollArea.scrollLeft = Math.round(
		value/slider.maximum * 
			(scrollArea.scrollWidth - scrollArea.offsetWidth)
	);

}

				
// custom function for still 
function selectTabD(){
	$( widgetPrefix + currentSelectedWidgetId + 'Content' ).hide();
	$( widgetPrefix + 'D' + 'Content').show();
	currentSelectedWidgetId = 'D';
}

// custom function for still 
function displayStillWithId(id,type){
	rel = $('thumb_'+id).readAttribute('rel');
	if(rel <= 0)
		$('prevLargeImg').hide();
	else	
		$('prevLargeImg').show();
		
	if(rel >= $$('.widgetThumbnail').length-1)
		$('nextLargeImg').hide();
	else
		$('nextLargeImg').show();

	$( 'still_image' ).writeAttribute( 'rel', rel);
	$( 'still_image' ).src = '/html/blob.php?document=' + id + '&filetypecode=' + type;
}

// custom function for still 
function backToStills(id){
	
	$( 'still_image').src = '/images/blank.jpg';
}

function handleTabs(e){
	e.stop();
	selectTabWithId(e.target.parentNode.rel);
}