var gSection;
var gPosterFrame;
var gMovieFile;
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';

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';

function LoadPage(section, item_id)
{
	document.getElementById('images').style.display = 'none';
	
	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'); }
	});
	
	document.getElementById('images').style.display = 'block';
}

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

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

	gMovieFile = response.getElementsByTagName('movie')[0].firstChild.data;

var bts = response.getElementsByTagName('bts')[0].firstChild.data;
	if (bts)
	{
		document.getElementById('bts').innerHTML = '<a href="' + bts + '"><img src="/images/btn_bts.png" width="19" height="9" border="0"></a>';
	}
}

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');
//	DockAnimate('down');
}

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';
	}
}

function ShowMovie()
{
	gPosterFrame = document.getElementById('large').style.backgroundImage;
	document.getElementById('large').style.backgroundImage = '';
	document.getElementById('trigger').style.display='none';

	FadeInLayer('mask', 0.7);

	document.getElementById('movieplayer').style.display='block';

var myQTObject = new QTObject(gMovieFile, "mov", "520", "299");
//	myQTObject.addParam("href", "actualmovie.mov");						// in case posterframe is being used
	myQTObject.addParam("target", "myself");
	myQTObject.addParam("scale", "tofit");
	myQTObject.addParam("controller", "true");
	myQTObject.addParam("autostart", "true");
	myQTObject.write('movieplayer');

	try
	{
		document.getElementById('mov').Play();
	}
	catch(err)
	{

	}
}

function HideMovie()
{
	try
	{
		document.getElementById('mov').Stop();
	}
	catch(err)
	{

	}
	document.getElementById('movieplayer').style.display='none';
	document.getElementById('large').style.backgroundImage = gPosterFrame;
	document.getElementById('trigger').style.display='block';

	FadeOutLayer('mask', 0.7, 0);
}