/*************************************************************************
SCROLLER FUNCTIONALITY
*************************************************************************/


// scroll the element vertically based on its width and the slider maximum value
function scrollVertical(value, element, slider) {
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}

// scroll the element horizontally based on its width and the slider maximum value
function scrollHorizontal(value, element, slider) {
	element.scrollLeft = Math.round(value/slider.maximum*(element.scrollWidth-element.offsetWidth));
}

function loadHorizontalSlider() {
	// Scriptaculous Slider extended by TomDavis.co.uk

	var ScrollAreaID = "horizScroll";
	var horizSlider = new Control.Slider('horizHandle', 'horizTrack', {
		onSlide: function(v) { scrollHorizontal(v, $(ScrollAreaID), horizSlider);  },
		onChange: function(v) { scrollHorizontal(v, $(ScrollAreaID), horizSlider); }
	});
	
	Event.observe('horizTrack','mouseover',function() { 
		Element.addClassName('horizTrack', 'arrowOver'); 
	});

	Event.observe('horizTrack','mouseout',function() { 
		Element.removeClassName('horizTrack', 'arrowDefault');
	});
}


function loadVerticalSlider() {
	// Scriptaculous Slider extended by TomDavis.co.uk

	var ScrollAreaID = "vertScroll";
	var vertSlider = new Control.Slider('vertHandle', 'vertTrack', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $(ScrollAreaID), vertSlider);  },
		onChange: function(v) { scrollVertical(v, $(ScrollAreaID), vertSlider); }
	});
	
	if ($(ScrollAreaID).scrollHeight <= $(ScrollAreaID).offsetHeight) {
		vertSlider.setDisabled();
		$("vertControls").style.visibility = "hidden";
	}
	
	Event.observe('vertTrack','mouseover',function() { 
		Element.addClassName('vertTrack', 'arrowOver'); 
	});

	Event.observe('vertTrack','mouseout',function() { 
		Element.removeClassName('vertTrack', 'arrowDefault');
	});
}

function loadVerticalSlider2() {
	// Scriptaculous Slider extended by TomDavis.co.uk

	var ScrollAreaID2 = "vertScroll2";
	var vertSlider2 = new Control.Slider('vertHandle2', 'vertTrack2', {
		axis: 'vertical',
		onSlide: function(v2) { scrollVertical(v2, $(ScrollAreaID2), vertSlider2);  },
		onChange: function(v2) { scrollVertical(v2, $(ScrollAreaID2), vertSlider2); }
	});
	
	if ($(ScrollAreaID2).scrollHeight <= $(ScrollAreaID2).offsetHeight) {
		vertSlider2.setDisabled();
		$("vertControls2").style.visibility = "hidden";
	}
	
	Event.observe('vertTrack2','mouseover',function() { 
		Element.addClassName('vertTrack2', 'arrowOver'); 
	});

	Event.observe('vertTrack2','mouseout',function() { 
		Element.removeClassName('vertTrack2', 'arrowDefault');
	});
}



/*************************************************************************
PORTFOLIO IMAGE DISPLAY
*************************************************************************/

function showImageMid(incomingID) {
	Effect.divSwap("mid" + incomingID,"mids");
}


// <![CDATA[
Effect.divSwap = function(element,container){
    var div = document.getElementById(container);
    var nodeList = div.childNodes;
    var queue = Effect.Queues.get('fade');

    if(queue.toArray().length<1){
        if(Element.visible(element)==false){
            for(i=0;i<nodeList.length;i++){
                if(nodeList.item(i).nodeName=="DIV" && nodeList.item(i).id!=element){
                    if(Element.visible(nodeList.item(i))==true){
                        Effect.Fade(nodeList.item(i),{queue:{position:'end',scope:'fade',limit:2}})
                    }
                }
            }
            Effect.Appear(element,{queue:{position:'end',scope:'fade',limit:2}})
       }
   }
}
// ]]>