<?xml version="1.0" encoding="UTF-8" ?>
<Module>
<ModulePrefs title="Art-3000: New / featured artists" height="200" description="New and featured artists in Art-3000 art gallery. Every 12 hours we feature one our artists on the home page of our art gallery. In the gadget you can view up to 10 thumbnails of the featured artist. As an option, you can also see artworks of 10 newest members of our art gallery." author="Gennadiy Shvets" author_email="gshvets@yahoo.com" screenshot="http://www.art-3000.com/Images/art3000_gadget.png" thumbnail="http://www.art-3000.com/Images/art3000_thumbnail.png" author_location="US" author_affiliation="" title_url="http://www.art-3000.com">
	<Require feature="setprefs"/>
	<Require feature="tabs" />
</ModulePrefs>
<UserPref name="selectedTab" datatype="hidden"/>
<Content type="html">
<![CDATA[
<style type="text/css">
div#content { width: 100%; height: 100%; font-family: arial,helvetica,sans-serif; font-size: 11px }
.a3_pic { text-align: center; vertical-align: middle; padding: 5px }
.a3_name { text-align: center; font-size: 11px; overflow: hidden }
.a3_title { text-align: center; font-size: 12px; font-weight: bold; background-color: #C0C0C0; padding: 2px }
.a3_link { font-size: 11px; font-weight: bold; display: none }
</style>
<div id='content'>
<div id='fa_div' style='display: none; padding-top: 3px'>
<div id='fa_aname_div' class='a3_title'></div>
<table cellpadding=0 cellspacing=1 border=0 width='100%'>
<tr>
<td width='50%' height='110' valign=middle><div id='fa_pic1_div' class='a3_pic'><br><br><br><br><br><br></div></td>
<td width='50%' height='110' valign=middle><div id='fa_pic2_div' class='a3_pic'><br><br><br><br><br><br></div></td>
</tr>
<tr>
<td><div id='fa_pname1_div' class='a3_name'></div></td>
<td><div id='fa_pname2_div' class='a3_name'></div></td>
</tr>
</table>
</div>

<div id='na_div' style='display: none; padding-top: 3px'>
<div id='na_aname_div' class='a3_title'>New artists</div>
<table cellpadding=0 cellspacing=1 border=0 width='100%'>
<tr>
<td width='50%' height='110' valign=middle><div id='na_pic1_div' class='a3_pic'><br><br><br><br><br><br></div></td>
<td width='50%' height='110' valign=middle><div id='na_pic2_div' class='a3_pic'><br><br><br><br><br><br></div></td>
</tr>
<tr>
<td><div id='na_pname1_div' class='a3_name'></div></td>
<td><div id='na_pname2_div' class='a3_name'></div></td>
</tr>
</table>
</div>

<div style='text-align: center; border-top: 1px solid #C0C0C0; margin-top: 5px'><!-- --></div>
<table cellspacing=0 cellpadding=5 border=0 width='100%'>
<tr>
<td><div id='div_prevt' class='a3_link'>Prev</div><div id='div_prevl' class='a3_link'><a href='#' onClick='return loadPics(-2)'>Prev</a></div></td>
<td align=right><div id='div_nextt' class='a3_link'>Next</div><div id='div_nextl' class='a3_link'><a href='#' onClick='return loadPics(2)'>Next</a></div></td>
</tr>
</table>
</div>
<script type="text/javascript">
var a3_pic = 0;
var a3_initialized = 0;
var a3_fa_name;
var a3_fa_idata;
var a3_fa_len;
var a3_na_name;
var a3_na_idata;
var a3_na_len;
var a3_fa_images = new Array();
var a3_na_images = new Array();
var a3_tab_state = 0;
var a3_tab = 'fa';

	function loadIDs (p_text)
	{

		var lines = p_text.split(/\s*\n\s*/);
		a3_fa_name = lines[0];
		a3_fa_idata = lines[1].split(/\s*\|\|\s*/);
		a3_fa_len = a3_fa_idata.length / 3;
		a3_na_idata = lines[2].split(/\s*\|\|\s*/);
		a3_na_len = a3_na_idata.length / 3;

		_gel('fa_aname_div').innerHTML = a3_fa_name;
		a3_initialized = 1;
		loadPics(0);
	}

	function loadPics(p_inc)
	{
		var disable_next = 0;

		if (a3_initialized == 0) return false;
		a3_pic += p_inc;
		if (a3_pic < 0)	a3_pic = 0;
		if (a3_tab == 'fa')
		{
			if (a3_pic >= a3_fa_len)
				a3_pic = (a3_fa_len - 1) & (~1);
			loadOneFAPic(a3_pic, 1);
			loadOneFAPic(a3_pic + 1, 2);
			if (a3_pic >= a3_fa_len - 2)
				disable_next = 1;
		}
		else
		{
			if (a3_pic >= a3_na_len)
				a3_pic = (a3_na_len - 1) & (~1);
			loadOneNAPic(a3_pic, 1);
			loadOneNAPic(a3_pic + 1, 2);
			if (a3_pic >= a3_na_len - 2)
				disable_next = 1;
		}

		_gel('div_prevl').style.display = (a3_pic == 0)? 'none': 'block';
		_gel('div_prevt').style.display = (a3_pic == 0)? 'block': 'none';

		_gel('div_nextl').style.display = (disable_next)? 'none': 'block';
		_gel('div_nextt').style.display = (disable_next)? 'block': 'none';

		return false;
	}

	function loadOneFAPic(p_pic, p_n)
	{

		var im = p_pic * 3;
		var name = '';
		var pic_div = _gel('fa_pic' + p_n + '_div');
		pic_div.innerHTML = '';
		if (p_pic < a3_fa_len)
		{
			name = a3_fa_idata[im];
			if (a3_fa_images[p_pic] == null)
			{
				a3_fa_images[p_pic] = _IG_GetImage("http://www.art-3000.com/Images" +
				a3_fa_idata[im + 1]);
				a3_fa_images[p_pic].style.border = 0;
			}

			var ilink = document.createElement('a');
			ilink.href = 'http://www.art-3000.com/picture/?iid=' + a3_fa_idata[im + 2];
			ilink.target = '_blank';
			ilink.appendChild(a3_fa_images[p_pic]);
			pic_div.appendChild(ilink);
		}
		_gel('fa_pname' + p_n + '_div').innerHTML = _hesc(name);
	}

	function loadOneNAPic(p_pic, p_n)
	{
		var im = p_pic * 3;
		var name = '';
		var pic_div = _gel('na_pic' + p_n + '_div');
		pic_div.innerHTML = '';
		if (p_pic < a3_na_len)
		{
			name = a3_na_idata[im];
			if (a3_na_images[p_pic] == null)
			{
				a3_na_images[p_pic] = _IG_GetImage("http://www.art-3000.com/Images" +
				a3_na_idata[im + 1]);
				a3_na_images[p_pic].style.border = 0;
			}

			var ilink = document.createElement('a');
			ilink.href = 'http://www.art-3000.com/picture/?iid=' + a3_na_idata[im + 2];
			ilink.target = '_blank';
			ilink.appendChild(a3_na_images[p_pic]);
			pic_div.appendChild(ilink);
		}
		_gel('na_pname' + p_n + '_div').innerHTML = _hesc(name);
	}

	function switchToFA ()
	{
		a3_tab = 'fa';
		a3_pic = 0;
		loadPics(0);
	}

	function switchToNA ()
	{
		a3_tab = 'na';
		a3_pic = 0;
		loadPics(0);
	}

	function init ()
	{
		var tabs = new _IG_Tabs(__MODULE_ID__, 'Featured');
		tabs.addTab('Featured', 'fa_div', switchToFA);
		tabs.addTab('New Artists', 'na_div', switchToNA);
		var cur_tab = tabs.getSelectedTab();
		a3_tab = (cur_tab.getName() == 'Featured')? 'fa': 'na';

		_IG_FetchContent("http://www.art-3000.com/art3000_igoogle.txt", loadIDs, {refreshInterval:300});
	}

	_IG_RegisterOnloadHandler(init);
</script>
]]>
</Content>
</Module>
