var gSection;
var gPosterFrame;
var gSlides=new Array();
var gAlbumImages=new Array();
// var gCurrentImage = 0;
var gImagesLoaded = 0;

var fetchdatascripts = new Array();

	fetchdatascripts['photography'] = '/complete/fetchphotoalbum.php';
	fetchdatascripts['behind the scenes'] = '/complete/fetchbtsalbum.php';

var fetchsspscripts = new Array();													// used for SlideShowPro xml

	fetchsspscripts['photography'] = '/complete/fetchphotoalbum_ssp.php';
	fetchsspscripts['behind the scenes'] = '/complete/fetchbtsalbum_ssp.php';

var fetchthumbscripts = new Array();

	fetchthumbscripts['photography'] = '/complete/fetchphoto_thumbs.php';
	fetchthumbscripts['behind the scenes'] = '/complete/fetchbts_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;
var imageObj = new Image();
var album_id = response.getElementsByTagName('id')[0].firstChild.data;
var xmlfile = fetchsspscripts[gSection] + "?id=" + album_id;

	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 = 'none';
	document.getElementById('bts').innerHTML = '';
	document.getElementById('movieplayer').innerHTML = '';
	
	code = '<script language="JavaScript" type="text/javascript">'
		 + 'AC_FL_RunContent('
		 + '"codebase", "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0",'
		 + '"width", "520",'
		 + '"height","299",'
		 + '"src", "potos",'
		 + '"quality", "high",'
		 + '"pluginspge", "http://www.adobe.com/go/getflashplayer",'
		 + '"align", "middle",'
		 + '"play", "true",'
		 + '"loop", "true",'
		 + '"scale", "showall",'
		 + '"wmode", "window",'
		 + '"devicefot", "false",'
		 + '"id", "photos",'
		 + '"bgcolor", "#ffffff",'
		 + '"name", "photos",'
		 + '"menu", "true",'
		 + '"allowFulScreen", "true",'
		 + '"allowScrptAccess","sameDomain",'
		 + '"movie", "photos",'
		 + '"salign","",'
		 + '"FlashVar","' + xmlfile + '"'
		 + ');'
		 + '</script>';

	code += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" ' 			
		 + 'codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" '
		 + 'width="520" height="299" id="photos">'
		 + '<param name="allowScriptAccess" value="sameDomain" />'
		 + '<param name="movie" value="photos.swf" />'
		 + '<param name="wmode" value="transparent" />'
		 + '<param name="quality" value="high" />'
		 + '<param name="bgcolor" value="#ffffff" />'
		 + '<param name="allowFullScreen" value="true" />'
		 + '<param name="FlashVars" value="xmlfile=' + xmlfile + '" />'
		 + '<embed src="photos.swf" quality="high" bgcolor="#ffffff" wmode="transparent" '
		 + 'width="520" height="299" name="photos" align="middle" '
		 + 'allowScriptAccess="sameDomain" allowFullScreen="true" type="application/x-shockwave-flash" '
		 + 'pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="xmlfile=' + xmlfile + '" />'
		 + '</object>';
	
	document.getElementById('movieplayer').innerHTML = code;
	
	document.getElementById('large').style.backgroundImage = 'url(' + response.getElementsByTagName('large')[0].firstChild.data + ')';

var bts = response.getElementsByTagName('linked')[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 imagesLoaded()
{
	gImagesLoaded++;
	
	if (gImagesLoaded == gAlbumImages.length)
	document.getElementById('trigger').style.display = 'block';
}

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;
		
		gSlides[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 = gSlides.length * 116;
	slidestr = gSlides.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.6);
	document.getElementById('movieplayer').style.display='block';
	document.getElementById('movieplayer').style.display='block';
}

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

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