function jumpto(obj,url){
    window.location = url+ '#' + obj.value;
}
function controls(vcPainting){
	if (images.length > 1) {
		$('play').addEvent('click', function(){
			vcPainting.pause();
			if (vcPainting.paused) {
				$('play').removeClass('play').addClass('pause');
				$('Pplay').removeClass('play').addClass('pause');
			}
			else {
				$('play').removeClass('pause').addClass('play');
				$('Pplay').removeClass('pause').addClass('play');
			}
		});
		$('next').addEvent('click', function(){
			vcPainting.next();
		});
		$('prev').addEvent('click', function(){
			vcPainting.prev();
		});
		$('Pplay').addEvent('click', function(){
			vcPainting.pause();
			if (vcPainting.paused) {
				$('play').removeClass('play').addClass('pause');
				$('Pplay').removeClass('play').addClass('pause');
			}
			else {
				$('play').removeClass('pause').addClass('play');
				$('Pplay').removeClass('pause').addClass('play');
			}
		});
		$('Pnext').addEvent('click', function(){
			vcPainting.next();
		});
		$('Pprev').addEvent('click', function(){
			vcPainting.prev();
		});
		$('Pnext').addEvent('mouseenter', function(){
			$('Pnext').removeClass('hide').addClass('show');
		});
		
		var myEffectnext = new Fx.Morph('Pnext', {
			transition: Fx.Transitions.Sine.easeOut,
			wait: false,
			cancel: true
		});
		var myEffectprev = new Fx.Morph('Pprev', {
			transition: Fx.Transitions.Sine.easeOut,
			wait: false,
			cancel: true
		});
		$('Pprev').addEvent('mouseenter', function(){
			myEffectprev.start({
				'background-position': ['-20px', '20px']
			});
		});
		$('Pprev').addEvent('mouseleave', function(){
			oldp = $('Pprev').getStyle('background-position').toInt();
			myEffectprev.start({
				'background-position': [oldp, '-20px']
			});
		});
		$('Pnext').addEvent('mouseenter', function(){
			myEffectnext.start({
				'background-position': ['170px', '133px']
			});
		});
		$('Pnext').addEvent('mouseleave', function(){
			oldp = $('Pnext').getStyle('background-position').toInt();
			myEffectnext.start({
				'background-position': [oldp, '170px']
			});
		});
	}else{
		$('Pnext').setStyle('display', 'none');
		$('Pprev').setStyle('display', 'none');
		$('Pplay').setStyle('display', 'none');
		$('prev').setStyle('display', 'none');
		$('next').setStyle('display', 'none');
		$('play').setStyle('display', 'none');
	}
}
	
function updateData(index){
	
		index > 0 ? num = index-1 : num = images.length-1;
		
		commissionStr = "<span>Interested? Inspired?</span><br />";
		commissionStr += "Commission me to produce this to suit you.";
		commissionStr += "<br /><br />";
		commissionStr += "<a href=\"mailto:amcginn@vacantcanvas.co.uk?subject=RE: "+title[num]+"("+ids[num]+")\">Email me</a>";
		
		
		
		$('vctitle').set('html','Title: '+title[num]);
		media[num] == "" ? $('vcmedia').set('html','') : $('vcmedia').set('html','Medium: '+media[num]) ;
		size[num] == "" ? $('vcsize').set('html','') : $('vcsize').set('html','Size: '+size[num]);
		$('vcdescription').set('html',description[num]);
		
		if (buy[num] == 0) {
			$('vcbuy').set('html', '');
			$('vcbuy').setStyle('display', 'none');
			$('forsale').setStyle('display', 'none');
			$('vcprice').set('html','');
			$('vcprice').setStyle('display', 'none');
		}
		else {
			$('vcbuy').set('html','<a href="/purchase.php?ID='+ids[num]+'">Purchase</a>');
			$('vcbuy').setStyle('display', '');
			$('forsale').setStyle('display', '');
			$('vcprice').set('html','Price: &pound;'+price[num]);
			$('vcprice').setStyle('display', '');
		}
		
		if (commission[num] == 1) {
			$('commission').setStyle('display', '');
			$('vccommission').set('html',commissionStr);
			$('vccommission').setStyle('display', '');
		}else{
			$('commission').setStyle('display', 'none');
			$('vccommission').setStyle('display', 'none');
		}
		
		if (sold[num] == 0) {
			$('sold').setStyle('display', 'none');
		}
		else {
			$('sold').setStyle('display', '');
			$('vcbuy').set('html', '');
			$('vcbuy').setStyle('display', 'none');
		}
		
	}
	
	function aboutbut(){
		var myVerticalSlide = new Fx.Slide('abouttext');
		myVerticalSlide.toggle();
		$('about').addEvent('click',function(e){
			$('abouttext').setStyle('display','');
			e.stop();
			$('amanda').setStyle('display','');
			myVerticalSlide.slideIn();
		});
		$('aclose').addEvent('click',function(e){
			$('amanda').setStyle('display','none');
			e.stop();
			myVerticalSlide.slideOut();
		});
	
	}
