var curImg = 1;
var totalImages = 4;

function Scrollrightside()
{
	if(curImg==totalImages) {
		//$("#images").scrollLeft(0);
		$("#images").scrollTo("0px",0,{axis:'x'});
		curImg=1;
		$(this).trigger('click');
	} else {
		$("#images").scrollTo("+=702px",1100,{axis:'x'});
		curImg++;
	}
}
	
$(function(){
	
	function formatToNumber(str) {
		return parseInt(str.replace(/,/g, ''));
	}
	
	String.prototype.reverse = function() {
		return this.split('').reverse().join('');
	}
	
	String.prototype.parts = function(size) {
		var newArr = [], arr = this.split('');
		for(var innerI = 0, i = 0, len = arr.length; i < len; i++) {
			if(innerI && innerI < size) {
				newArr.push(newArr.pop() + arr[i]);
			} else {
				innerI = 0;
				newArr.push(arr[i]);
			}
			++innerI;
		}
		return newArr;
	};
	
	Array.prototype.filter = function(callback) {
		var newArr = [];
		for(var i = 0, len = this.length; i < len; i++) {
			if(callback(this[i])) {
				newArr.push(this[i]);
			}
		}
		return newArr;
	};
	
	function numberToFormat(num) {
		return (''+num).reverse().parts(3).join(',').reverse();
	}
	
	setInterval(function() {
		$('#unit-count').text(numberToFormat(formatToNumber($('#unit-count').text()) + 1));
		$('#hours-count').text(numberToFormat(formatToNumber($('#hours-count').text()) + 30));	
	}, 1000);
	
	

	setInterval("Scrollrightside()", 7000);
	
	$("#images-wrapper").hover(function(){
			$(".blue-right-arrow,.blue-left-arrow").show();
		},function(){
			$(".blue-left-arrow").removeClass("green-hover-left");
			$(".blue-right-arrow").removeClass("green-hover-right");
			$(".blue-right-arrow,.blue-left-arrow").hide();
	});

	$(".blue-right-arrow").click(function(){
		Scrollrightside();
	}).hover(function(){		
		$(this).addClass("green-hover-right");
	},function(){
		$(this).removeClass("green-hover-right");
	});

	$(".blue-left-arrow").click(function(){
		if(curImg==1) {
			//$("#images").scrollLeft(704*(totalImages-1));
//			$("#images").scrollTo(704*(totalImages-1),1500,{axis:'x'});
//			curImg = totalImages;
			$('#images').scrollTo(702 * (totalImages - 1), 0, {'axis': 'x'});
			curImg = totalImages;
			$(this).trigger('click');
		} else {
			$("#images").scrollTo("-=702px",1100,{axis:'x'});
			curImg--;
		}
	}).hover(function(){
		$(this).addClass("green-hover-left");
	},function(){
		$(this).removeClass("green-hover-left");
	});

	$(":text").focus(function(){ 
		if($(this).val() == $(this).attr('defaultValue')) {
			$(this).val('');
		}
	}).blur(function(){ 
		if($(this).val() == '' ) {
			$(this).val($(this).attr('defaultValue'));
		}
	});	
	$("#images").hover(function(){	
		$("#blue-left-arrow").css('visibility', 'visble');
	});
	
	

});