var gSection;
var gPosterFrame;
var description;
var section_name;
var item_title;
var poster;
var movie_clip;
var slides=new Array();

var fetchdatascripts = new Array();

	fetchdatascripts['drama'] = '/complete/fetchdrama.php';
	fetchdatascripts['documentary'] = '/complete/fetchdocu.php';
	fetchdatascripts['commercials'] = '/complete/fetchtvc.php';
	fetchdatascripts['music'] = '/complete/fetchmusic.php';
	fetchdatascripts['news'] = '/complete/fetchnews.php';

var fetchthumbscripts = new Array();

	fetchthumbscripts['drama'] = '/complete/fetchdrama_thumbs.php';
	fetchthumbscripts['documentary'] = '/complete/fetchdocu_thumbs.php';
	fetchthumbscripts['commercials'] = '/complete/fetchtvc_thumbs.php';
	fetchthumbscripts['music'] = '/complete/fetchmusic_thumbs.php';
	fetchthumbscripts['news'] = '/complete/fetchnews_thumbs.php';

function LoadPage(section, item_id)
{
	gSection = section;

	new Ajax.Request(fetchdatascripts[section],
	{
		method:'get',
		onSuccess: GetPageData,
		parameters: { id:item_id },
		onFailure: function(){ alert('Something went wrong...'); },
		onComplete: function(){ InitialiseScrollableArea('divContainer','divContent'); }
	});
}

GetPageData=function(t)
{
var response = t.responseXML.documentElement;

	document.getElementById('item').innerHTML = unescape(response.getElementsByTagName('title')[0].firstChild.data);
	document.getElementById('divContent').innerHTML = unescape(response.getElementsByTagName('description')[0].firstChild.data);
	document.getElementById('large').style.backgroundImage = 'url(' + response.getElementsByTagName('poster')[0].firstChild.data + ')';
}

function LoadDock(section)
{
	gSection = section;

	new Ajax.Request(fetchthumbscripts[section],
	{
		method:'get',
		onSuccess: GetThumbData,
		onFailure: function(){ alert('Something went wrong...'); }
	});
}

GetThumbData=function(t)
{
var response = t.responseXML.documentElement;

var ids = response.getElementsByTagName('id');
var titles = response.getElementsByTagName('title');
var thumbs = response.getElementsByTagName('thumb');

	for (i = 0; i < ids.length; i++)
	{
		idx = i + 1;
		sfx = idx < 10 ? '0'+idx : idx;
		id = ids[i].firstChild.data;
		title = titles[i].firstChild.data;
		thumb = thumbs[i].firstChild.data;

		slides[i] = '<div id="thumb' + sfx + '" class="thumb"><a style="background-image: url(' + thumb + ');" href="#" onclick="LoadPage(\'' + gSection + '\',' + id + ');" onmouseover="ShowBubble(\'thumb' + sfx + '\',\'' + gSection + '\',\'' + title + '\',this);" onmouseout="HideBubble();"></a></div>';
	}

	PopulateDock();
	initScrollLayer('dock', 'images', 't1');
}

function PopulateDock()
{
	dock_width = slides.length * 116;
	slidestr = slides.join('</td><td>');
	dock = document.getElementById('images');

	dock.innerHTML = '<table id="t1" cellpadding="0" cellspacing="0" border="0"><tr><td>' + slidestr + '</td></tr></table>';

	if (dock_width < 928)
	{
		document.getElementById('images').style.left = 464 - dock_width / 2 + 'px';
		document.getElementById('images').style.width = dock_width + 'px';

		document.getElementById('left-arrow').style.display = 'none';
		document.getElementById('right-arrow').style.display = 'none';
	}
	else
	{
		document.getElementById('images').style.left = '0px';

		document.getElementById('left-arrow').style.display = 'block';
		document.getElementById('right-arrow').style.display = 'block';
	}
}