/* 

	Easy Scroll v1.0
	written by Alen Grakalic, provided by Css Globe (cssglobe.com)
	please visit http://cssglobe.com/post/1495/easy-scroll-accessible-content-scroller
	
*/

this.pictureScroll = function(){
	
	// movement speed
	var speed = 5;
	var width = 560;

	var propPics = document.getElementById("propertypics");
	var picCon = document.getElementById("picContainer");
	
	picCon.left = false;
	picCon.right = false;
	picCon.fast = false;

	propPics.style.position = "relative";
	propPics.style.overflow = "hidden";
	picCon.style.position = "absolute";
	picCon.style.top = "0";
	picCon.style.left = "0";
	
	var btns = new Array();
	btns.push( document.getElementById("leftButton") );
	btns.push( document.getElementById("rightButton") );
	
	btns[0].onmouseover = function(){
		picCon.left = true;
		this.className = "over";
	};
	btns[0].onmouseout = function(){
		picCon.left = false;
		this.className = "";
	};		
	btns[1].onmouseover = function(){
		picCon.right = true;
		this.className = "over";		
	};
	btns[1].onmouseout = function(){
		picCon.right = false;
		this.className = "";
	};		
	btns[0].onmousedown = btns[1].onmousedown = function(){
		picCon.fast = true;
	};	
	btns[0].onmouseup = btns[1].onmouseup = function(){
		picCon.fast = false;
	};
		
	this.start = function(){
		var newTop;
		var objWidth = picCon.offsetWidth;
		var left = picCon.offsetLeft;
		var fast = (picCon.fast) ? 2 : 1;
		if(picCon.right){
			btns[0].style.visibility = "visible";
			if((objWidth+left) > width) {
				newLeft = left-(speed*fast);
			}
			else {
				newLeft = left;
				picCon.right = false;
			}
			picCon.style.left = newLeft + "px";
		}
		if(picCon.left){
			btns[1].style.visibility = "visible";
			if(left < 0) {
				newLeft = left+(speed*fast);
			}
			else {
				newLeft = left;
				picCon.left = false;
			}
			picCon.style.left = newLeft + "px";
		}
	};
	
	var objWidth = picCon.offsetWidth;
	var left = picCon.offsetLeft;
	if( (objWidth+left) <= width ) {
		btns[0].style.visibility = "hidden";
		btns[1].style.visibility = "hidden";
	}
	else {
		picCon.interval = setInterval("start()",50);
	}
};


//
// script initiates on page load. 
//
this.addEvent = function(obj,type,fn){
	if(obj.attachEvent){
		obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn](window.event );}
		obj.attachEvent('on'+type, obj[type+fn]);
	} else {
		obj.addEventListener(type,fn,false);
	};
};
addEvent(window,"load",pictureScroll);