var vrmove;
$(document).ready(function(){
	var listwidth = $('#Vis img').size()*950;
	$('#Vleft').click(function(){
		if ($('#Vis').scrollLeft()>0){
			t = $('#Vis').scrollLeft()/950;
			$('#Vis').animate({scrollLeft: "-=950"});
		}else{
			t = listwidth/950;
			$('#Vis').animate({scrollLeft: listwidth-950});
		}
		$('div.numb').removeClass('curr');
		$('.numb[num='+t+']').addClass('curr');
	});
	$('#Vright').click(function(){
		if ($('#Vis').scrollLeft()<(listwidth-950)){
			t = $('#Vis').scrollLeft()/950+2;
			$('#Vis').animate({scrollLeft: "+=950"});
		}else{
			t = 1;
			$('#Vis').animate({scrollLeft: 0});
		}
		$('div.numb').removeClass('curr');
		$('.numb[num='+t+']').addClass('curr');
	});
	$('#Vis td').hover(function(e){
		if (!$('#VisText').length) {
			$('.big_img').append('<div id="VisText"></div>');
		}
		if (!$('#VisNumb').length) {
			$('.big_img').append('<div id="VisNumb"></div>');
			for(i=1;i<=$('#Vis img').size();i++){
				if (i==1) {
					$('#VisNumb').append('<div class="numb curr" num="'+i+'">'+i+'</div>');
				}else{
					$('#VisNumb').append('<div class="numb" num="'+i+'">'+i+'</div>');
				}
			}
			$('div.numb').click(function(){
				$('div.numb').removeClass('curr');
				$(this).addClass('curr');
				$('#Vis').animate({scrollLeft: ($(this).attr('num')-1)*950});
			});
		}
		Vpos(e);
		$('#VisText').fadeIn(500);
		$('#VisNumb').fadeIn(500);
		$('#VisText').html('<div>'+$(this).attr('vtitle')+'</div>'+$(this).attr('vdesc'));
		clearInterval(vrmove); 
	}, function(){

	});
	vrmove = setInterval('vrclick()', 5000);
	$('.big_img').hover(function(){}, function(){
		$('#VisText').hide();
		$('#VisNumb').hide();
		clearInterval(vrmove); 
		vrmove = setInterval('vrclick()', 5000);
	})
	$('.big_img').mousemove(function(e){
		Vpos(e);
	});

	$('body').append('<div id="lbuttons"><div id="lbutt1"></div><div id="lbutt2"></div></div><div id="lbuttonglow" class="lbuttonglow"></div>');
	/* < remove it later */
	$('#lbutt1').hide();
	$('#lbutt2').css({'margin-top':'30px'});
	/* > remove it later */

	$('#lbutt1').click(function(){
		window.open($('#but1link').val());
	})
	$('#lbutt2').click(function(){
		window.open($('#but2link').val());
	})
	$('.item_clients a').hover(function(){
		$(this).children('img').fadeTo(300, 0.01);
	},function(){
		$(this).children('img').fadeTo(300, 1);
	});
	$('#lbuttons div').hover(function(){
		$(this).stop().animate({width: 175}, 300);
		$('#lbuttonglow').stop().fadeTo(300, 1);
	},function(){
		$(this).stop().animate({width: 75}, 300);
		$('#lbuttonglow').stop().fadeTo(300, 0, function(){$('#lbuttonglow').hide();});
	});
	buttPos();
	$(window).scroll(function(){
		buttPos();
	});
	$(window).resize(function(){
		buttPos();
	});

});

function vrclick(){
	$('#Vright').click();
}


$(window).load(function () {
	$('#Vis img').greyScale({
		fadeTime: 500
	});
	$('#Vis img').hide().fadeIn(1000);
});

/**
 *
 * @access public
 * @return void
 **/
function buttPos(){
	t = 257+$(window).scrollTop();
	if (t<257) t = 257;
	$('#lbuttons').stop().animate({'top': t}, 300);
	$('#lbuttonglow').stop().animate({'top': t-132}, 300);
	if ($('.footer_bg').css('position') == 'absolute'){
		h = $('body').height() + $('.footer_bg').height() + $('.footer_bg').css('padding-top');
	}else{
		h = $('body').height();
	}
	if (h<$(window).height()){
		$('.footer_bg').css({'position': 'absolute'});
		$('.footer_bg').css({'bottom':'0px'});
	}else{
		$('.footer_bg').css({'position': 'relative'});
	}
}

function Vpos(e){
	var position = $('.big_img').offset();
	if ((e.pageX+$('#VisText').width()+22)>$(window).width()) {
		$('#VisText').css({'left': e.pageX-position.left-18-$('#VisText').width(), 'top': e.pageY-position.top+2 });
	}else{
		$('#VisText').css({'left': e.pageX-position.left+2, 'top': e.pageY-position.top+2 });
	}
}