var img = 0;
function showFullSize(){
	img++;
	var photoId = this.href.split('=');
	photoId = photoId[photoId.length-1];
	photoId.replace('.jpg', '');
	var theURL = '/about_belts/history/illustration.php?id='
			   + photoId;
	var name = 'photo_' + img;
	var scroll = 'yes';
	var resize = 'yes';

	rpc = new remoteCall();
	rpc.call(theURL+'&size=1');
	var size = rpc.response.split('__');
	var popW = new Number(size[0]) + 20;
	var popH = new Number(size[1]) + 120;	
	createPopUp(theURL, name, popW, popH, scroll, resize);
	
	return false;
}

function pageInit(){
	var aElements = document.getElementById('content').getElementsByTagName('a');
	for (var i=0; i<aElements.length; i++){
		if ('historical_photo' == aElements[i].className ||
			'historical_photo_right' == aElements[i].className ||
			'illustration_number' == aElements[i].className) {
			aElements[i].onclick = showFullSize;
		}
	}
	var clientScreenWidth = screen.width;
	if (clientScreenWidth < 1280){
		var contentWidh = 900;
		var width = 580;
		var divElementContent = document.getElementById('content');
		divElementContent.style.width = contentWidh + 'px';		
		var h1Elements = document.getElementsByTagName('h1');
		for (var i = 0; i < h1Elements.length; i++){
			if ('title' == h1Elements.item(i).className){
				h1Elements.item(i).style.width = width + 'px';
			}
		}
		var h2Elements = divElementContent.getElementsByTagName('h2');
		for (var i = 0; i < h2Elements.length; i++){
			h2Elements.item(i).style.width = width + 'px';
		}		
		var elements = divElementContent.getElementsByTagName('ul');
		for (var i = 0; i < elements.length; i++){
			elements.item(i).style.width = width + 'px';
		}		
		var elements = divElementContent.getElementsByTagName('p');
		for (var i = 0; i < elements.length; i++){
			elements.item(i).style.width = width + 'px';
		}		
		var elements = divElementContent.getElementsByTagName('a');
		for (var i = 0; i < elements.length; i++){
			if ('historical_photo_right' == elements.item(i).className){
				if ('LI' == elements.item(i).parentNode.tagName){
					elements.item(i).style.left = width + 'px';
				}
				else {
					elements.item(i).style.left = width + 40 + 'px';
				}
			}
		}		
	}
}


window.onload = pageInit;