// JavaScript Document


							   
function swap(i) {

	   
	   var s = 
		'<div><div id="mainZoom"  '+
		' onmouseover="zoom_on(event,'+pimgs[i].width+','+pimgs[i].height+',\''+data[i].img+'.jpg\', \''+data[i].img+'_large.jpg\')" '+
		' onmousemove="zoom_move(event);" onmouseout="zoom_off()">\n'+
		'<img id="imgMain" src="'+data[i].img+'.jpg" />\n'+
		'</div></div>';
		
		var r = 
		'<div><img id="imgMain" src="'+data[i].img+'.jpg"/>\n'+
		'</div>';
		
		if(data[i].magnify == 1){ 
			document.getElementById('mainImg').innerHTML = s;
		}else{
			document.getElementById('mainImg').innerHTML = r;
		}
		
		document.getElementById('title').innerHTML = data[i].title;
		document.getElementById('date').innerHTML = data[i].date;
		document.getElementById('description').innerHTML = data[i].description;
		
		
	//	if(i == 0){
	//		document.getElementById('back').style.visibility = "hidden";
	//	}else{
	//		document.getElementById('back').style.visibility = "visible";
	//	}
			
			
		
	//	if(i == (data.length - 1)){
	//		document.getElementById('next').style.visibility = "hidden";
	//	}else{
	//		document.getElementById('next').style.visibility = "visible";
	//	}
	

}

function visit(number)
	{
		for (var i=0; i<data.length; i++) {
			var link = document.getElementById('link'+i);
			link.style.backgroundColor = "#c0c3c9";
		}
		var link = document.getElementById('link'+number);
		link.style.backgroundColor = "#666666";
		
				
	}
	

	

function select(i)
{
	swap(i);
	visit(i);	
	
	
}


function next(i)
{
	for (var i=0; i<data.length; i++) {
	var n = i +1;
	alert(n);
	}
	
}