function writeHeader(selection)
{
	document.write('<a href="index.html"><div id="logo"></div></a>');
	document.write('<div id="white_line"></div>');
	
	selection == "biography" ? document.write('<a href="biography.html"><div id="btn_biography_selected"></div></a>') :
							   document.write('<a href="biography.html"><div id="btn_biography"></div></a>');


	selection == "artforrent" ? document.write('<a href="artforrent.html"><div id="btn_artforrent_selected"></div></a>') :
							    document.write('<a href="artforrent.html"><div id="btn_artforrent"></div></a>');
							    
	selection == "artcards" ? document.write('<a href="artcards.html"><div id="btn_artcards_selected"></div></a>') :
							  document.write('<a href="artcards.html"><div id="btn_artcards"></div></a>');
   
	selection == "exhibitions" ? document.write('<a href="exhibitions.html"><div id="btn_exhibitions_selected"></div></a>') :
							     document.write('<a href="exhibitions.html"><div id="btn_exhibitions"></div></a>');
							    
	selection == "workshops" ? document.write('<a href="workshops.html"><div id="btn_workshops_selected"></div></a>') :
							   document.write('<a href="workshops.html"><div id="btn_workshops"></div></a>');							   

	
	selection == "newsletter" ? document.write('<a href="newsletter.html"><div id="btn_newsletter_selected"></div></a>') :
							    document.write('<a href="newsletter.html"><div id="btn_newsletter"></div></a>');	
							   
	selection == "contact" ? document.write('<a href="contact.html"><div id="btn_contact_selected"></div></a>') :
							 document.write('<a href="contact.html"><div id="btn_contact"></div></a>');	
	
	document.write('<div id="white_line"></div>');
}


function calcPrice(p_width, p_height)
{
	var surface = p_width * p_height;
	
	if (surface < 3600)
	{
		return 12.5;
	}
	if (surface < 10000)
	{
		return 20.0;
	}
	if (surface < 12000)
	{
		return 25.0;
	}
	if (surface < 15000)
	{
		return 30.0;
	}
	if (surface < 18000)
	{
		return 40.0;
	}
	
	return 50.0;
}


function makeText(jsonData, showForRent)
{
	var width  = new Number(jsonData.width);
	var height = new Number(jsonData.height);
	var year   = new Number(jsonData.year);
	var text = '<i>\'' + jsonData.title + '\'</i> | ' + width.toString() + 'x' + height.toString() + ' | ' + year.toString() + ' | ';
	if (jsonData.sold)
	{
		text += '<strong>sold</strong>';
	}
	else
	{
		if (showForRent)
		{
			text += '<strong>Rent &euro;' + calcPrice(width, height) + '</strong>';
		}
		else
		{
			text += '<strong>available</strong>';
		}
	}
	return text;		
}


function handleJSONLoad(srcData, showForRent)
{
	var data = [];
	
	// filter data
	if (showForRent == false)
	{
		data = srcData;
	}
	else
	{
		for (var i = 0; i < srcData.length; i++)
		{
			if (srcData[i].sold == false && 
				(srcData[i].forrent == undefined || srcData[i].forrent == true))
			{
				data.push(srcData[i]);
			}
		}
	}
	
	var totalPaintings = data.length;
	var showFrom = parseInt($.query.get('showfrom'));
	var showEnd = 0;
	
	var showPainting = $.query.get('id');
	var showID = -1;
	
	if (showPainting != '')
	{
		for (var i = 0; i < data.length; i++)
		{
			if (data[i].image == showPainting)
			{
				showID = i;
				break;
			}
		}
	}

	if (showID >= 0 && showID < totalPaintings)
	{
		showFrom = showID;
	}
	else
	{
		showID = -1;
	}
	
	// cap if required
	if (showFrom > data.length)
	{
		showFrom = data.length;
	}
	
	// first page shows 13 paintings, subsequent page show 16 per page		
	if (showFrom <= 13 || isNaN(showFrom))
	{
		showFrom = 0;
		showEnd = Math.min(data.length, 13);
	}
	else
	{
	
		var idx = Math.max(Math.floor((showFrom-13) / 16), 0);
		showFrom = (idx * 16) + 13;
		showEnd = Math.min(data.length, showFrom + 16);
	}

	for (i = showFrom; i < showEnd; ++i)
	{
		var cssClass = 'thumb';
		var thumbImage = 'img/paintings/small/' + data[i].image + '.jpg';
		var largeImage = 'img/paintings/large/' + data[i].image + '.jpg';
		if (showFrom == 0 && i == 0)
		{
			thumbImage = 'img/paintings/medium/' + data[i].image + '.jpg';
			cssClass = 'big';
		}
		
		$('.row').append('<div class="' + cssClass + '"><a href="' + largeImage + '" rel="prettyPhoto[pp_gal]" title="' + 
			makeText(data[i], showForRent) + '"><img src="' + thumbImage + '"></a></div>');
	}
	
	$('.row').append('</div><div>');
	
	var hasNext = false;
	var hasPrev = false;
	
	if (showFrom > 0)
	{
		var prevPage = new Number(showFrom-1);
		hasPrev = true;
	
		if (showFrom > 13)
		{
			$('#main').append('<a href="?showfrom=' + prevPage + '" title="Previous Page"><div id="btn_prev"></div></a>');
		}
		else
		{
			$('#main').append('<a href="?"><div id="btn_prev" title="Previous Page"></div></a>');
		}
	}

	$('#gallery').append('<div id="white_line_bottom"></div>');
	if (showEnd < data.length)
	{
		var nextPage = new Number(showEnd+1);
		hasNext = true;
	
		if (hasPrev)
		{
			$('#main').append('<a href="?showfrom=' + nextPage + '" title="Next Page"><div id="btn_next"></div></a>');
		}
		else
		{
			$('#main').append('<a href="?showfrom=' + nextPage + '" title="Next Page"><div id="btn_next_no_prev"></div></a>');
		}		
	}
	
	$("a[rel^='prettyPhoto']").prettyPhoto(
	{
		overlay_gallery: false,
		deeplinking: false,
		changepicturecallback: function(){}
	});
	
	if (showID >= 0)
	{
		$.prettyPhoto.open('img/paintings/large/' + data[showID].image + '.jpg', '', makeText(data[showID], showForRent));
	}
}