// JavaScript Document

function swapImage(id)			//swap the main image and the description under it
{	
	document.getElementById('picInfo').innerHTML=images[id].desc;
	document.getElementById('mainPic').src='work/'+images[id].pic;
	
	FSlink = 'showcase.php?which='+images[id].pic;
	document.getElementById('fullscreen').setAttribute('href',FSlink);
	document.getElementById('fullscreenL').setAttribute('href',FSlink);
	
	document.getElementById('picInfoR').innerHTML=images[id].desc;
	document.getElementById('mainPicR').src='work/'+images[id].pic;
	

	
	/*slideImage = new Fx.Tween('slideDiv', {duration: 400, transition: Fx.Transitions.Sine.easeInOut}).addEvents({
												'complete':function() {
													document.getElementById('details').innerHTML=images[id].det;
													var slidePic = new Object();
													slidePic = document.getElementById('slidePic');
													slidePic.src='work/'+images[id].pic;
												if(slidePic.width > slidePic.height){
													document.getElementById('slidePic').width='250';
													document.getElementById("slidePic").removeAttribute("height");}
												else{
													document.getElementById('slidePic').height='250';
													document.getElementById("slidePic").removeAttribute("width");}
												    var slideImage = new Fx.Tween('slideDiv', {duration: 400, transition: Fx.Transitions.Sine.easeInOut});
													slideImage.start('right',20);
																						  }														
																													});
	
	slideImage.start('right',800);*/
	
}


function upHover(id)			//change the highlighted category, arrow animation
{
	document.getElementById('hoverInfo').innerHTML=images[id].desc;
	$('hoverInfo').fade('in');
	cats = new Array("catPrint", "catPhoto", "catTypo", "catWeb", "catLogo", "catGUI", "catWall");
	var catFx = new Fx.Tween(cats[images[id].cat], {															
						duration: 300,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('color','#66857e');
	div = new Object();
	div = parseInt(document.getElementById(cats[images[id].cat]).style.top);
	document.getElementById('arrow').style.top= ''+(div+8)+'px';
	var arrow = new Fx.Tween('arrow', {
						duration: 200,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('right',255);
	
	document.getElementById('hoverInfoR').innerHTML=images[id].desc;
	$('hoverInfoR').fade('in');
	cats = new Array("catPrintR", "catPhotoR", "catTypoR", "catWebR", "catLogoR", "catGUIR", "catWallR");
	var catFx = new Fx.Tween(cats[images[id].cat], {															
						duration: 300,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('color','#66857e');
	div = new Object();
	div = parseInt(document.getElementById(cats[images[id].cat]).style.top);
	document.getElementById('arrowR').style.top= ''+(div+8)+'px';
	var arrow = new Fx.Tween('arrowR', {
						duration: 200,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('right',255);

}


function downHover(id)			//return to original from highlighted category
{
	$('hoverInfo').fade('out');
	cats = new Array("catPrint", "catPhoto", "catTypo", "catWeb", "catLogo", "catGUI", "catWall");
	var catFx = new Fx.Tween(cats[images[id].cat], {															
						duration: 300,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('color','#b9a57f');
	
	var arrow = new Fx.Tween('arrow', {
						duration: 100,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('right',270);
	
	$('hoverInfoR').fade('out');
	cats = new Array("catPrintR", "catPhotoR", "catTypoR", "catWebR", "catLogoR", "catGUIR", "catWallR");
	var catFx = new Fx.Tween(cats[images[id].cat], {															
						duration: 300,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('color','#b9a57f');
	
	var arrow = new Fx.Tween('arrowR', {
						duration: 100,
						transition: Fx.Transitions.Sine.easeInOut
								}).start('right',270);
}