var arrow_back = new Image(34,100);
arrow_back.src = 'images/prints/printarrow-back.gif';

var arrow_back_g = new Image(34,100);
arrow_back_g.src = 'images/prints/printarrow-back-g.gif';

var arrow_forward = new Image(34,100);
arrow_forward.src = 'images/prints/printarrow.gif';

var arrow_forward_g = new Image(34,100);
arrow_forward_g.src = 'images/prints/printarrow-g.gif';


function browser_init() {
	browser_initThumbs();
}

function browser_initThumbs() {
	new Ajax.Request("art_browser.php",{parameters: 'cmd=fillThumbs', onSuccess: browser_initThumbs_success});
}
function browser_initThumbs_success(r) {
	var data = JSON.parse(r.responseText);
	browser_fill_thumb_images(data);
	browser_update_arrows(data.ticker);
	browser_selectArt($('current'));	
}

function browser_selectArt(img) {
	var aid = img.name;
	if ($('current')) {
		$('current').id=null;
	}
	img.id = "current";
	new Ajax.Request("art_browser.php",{parameters: 'cmd=selectArt&aid='+aid, onSuccess: browser_selectArt_success});
}
function browser_selectArt_success(r) {
	var artwork = JSON.parse(r.responseText);
	$('artwork_div').innerHTML='<img src="'+artwork.file.path+'" width="'+artwork.file.width+'" height="'+artwork.file.height+'" />';
	$('artwork_div').style.width=artwork.file.width+"px";
	var w = 785-artwork.file.width;
	$('artwork_leftover_div').style.width= w+"px";

	var data = artwork.data;
	$('name').innerHTML = data.name.toUpperCase();
	$('medium').innerHTML = data.medium;
	if (data.image_size)
		$('size').innerHTML = '<strong>Image size</strong>: '+data.image_size+'<br />';
	else 
		$('size').innerHTML = '';
	if (data.total_size) {
	  txt = '<strong>Total size</strong>: '+data.total_size+'<br />';
	  if (data.on_canvas != 1)
  	  txt += '<em>(including white border)</em><br/>';
		$('totalsize').innerHTML = txt;
	} else 
		$('totalsize').innerHTML = '';
	if (data.availability)
		if (data.availability.toLowerCase() != 'sold')
			$('availability').innerHTML = '<strong>Availability</strong>: Limited Edition of '+data.availability;
		else 
			$('availability').innerHTML = '<strong>Availability</strong>: '+data.availability;
	else 
		$('availability').innerHTML = '';
	if (data.price) {
		$('price').innerHTML = '<strong>Price</strong>: Unframed print is $'+data.price+'<br />';
		var tax = new Number(data.price*.085);
		$('tax').innerHTML = '';
	} else {
		$('price').innerHTML = '';
		$('tax').innerHTML = '';
	}
	if (artwork.contact != null && artwork.contact.name != null) 
		$('contact').innerHTML = '<a href="'+artwork.contact.link+'">Contact '+artwork.contact.name+'</a> to purchase.<br/>';
	else 
		$('contact').innerHTML = '';
	if (data.copy_year) 
		$('copyright').innerHTML = data.copy_year;
	else 
		$('copyright').innerHTML = '';
	if (data.free_text)
		$('free_text').innerHTML = data.free_text;
	else 
		$('free_text').innerHTML ='';
		
	if (data.on_canvas == 1) {
	  $('canvas_print_text').show();
	  $('paper_print_text').hide();
	} else {
	  $('canvas_print_text').hide();
	  $('paper_print_text').show();
	}
}


function browser_next() {
	new Ajax.Request("art_browser.php", {parameters: 'cmd=move_thumbs&dir=next',onSuccess: browser_move_success});
}
function browser_prev() {
	new Ajax.Request("art_browser.php", {parameters: 'cmd=move_thumbs&dir=prev',onSuccess: browser_move_success});
}
function browser_move_success(r) {
	var data = JSON.parse(r.responseText);
	browser_fill_thumb_images(data);
	browser_update_arrows(data.ticker);
}


function browser_fill_thumb_images(data) {
	thumb_data = data.thumbs;
	current_id = data.current_id;
	$('thumb_div').innerHTML = "";
	var first = false;
	for (i = 0; i < thumb_data.length; i += 1) {
		var file = thumb_data[i]['file'];
		var id = thumb_data[i]['aid'];
		var imgtag = '<img src="'+file.path+'" width="'+file.width+'" height="'+file.height+'" name="'+id+'" class="thumbs" ';
		if (current_id == id) {
			imgtag += 'id=current ';
			current_id = id;
		}
		imgtag += 'onclick="browser_selectArt(this)" />';
		$('thumb_div').innerHTML += imgtag;
	}
}
function browser_update_arrows(ticker) {
	$('from').innerHTML = ticker.from;
	$('to').innerHTML = ticker.to;
	$('total').innerHTML = ticker.total;
	
	var af = $('arrow-forward');
	var ab = $('arrow-back');
	if (ticker.to < ticker.total) {
		af.src = arrow_forward.src;
		af.style.cursor="pointer";
		af.onclick=browser_next;
	} else {
		af.src = arrow_forward_g.src;
		af.style.cursor="default";
		af.onclick=null;
	}
	if (ticker.from > 1) {
		ab.src = arrow_back.src;
		ab.style.cursor="pointer";
		ab.onclick=browser_prev;
	} else {
		ab.src = arrow_back_g.src;
		ab.style.cursor="default";
		ab.onclick=null;
	}	
}


/** PORTFOLIO SPECIFIC FUNCTIONS **/
function portfolio_selectItem(span) {
// portchosen style class is for chosen index
	$($('portchosen').value).className='';
	span.className='portchosen';
	$('portchosen').value=span.id;
	var agid = span.id.split('_')[1];
	new Ajax.Request("art_browser.php",{parameters: 'cmd=selectPortfolio&agid='+agid, onSuccess: portfolio_selectItem_success});
}
function portfolio_selectItem_success(r) {
	var data = JSON.parse(r.responseText);
	browser_fill_thumb_images(data);
	browser_update_arrows(data.ticker);
	browser_selectArt($('current'));
}