$(document).ready(function(){loadPlayer()});

function initListOnFrame(){
	window.frames.playerFrame.initLists(tdList,jpList,tbList,flList,rtList,anList,faList,ltList,rlList,cbList);
}
	

var tdListTh = new Array();
var jpListTh = new Array();
var tbListTh = new Array();
var flListTh = new Array();
var rtListTh = new Array();
var anListTh = new Array();
var faListTh = new Array();
var ltListTh = new Array();
var rlListTh = new Array();
var cbListTh = new Array();
		
var tdList = new Array();
var jpList = new Array();
var tbList = new Array();
var flList = new Array();
var rtList = new Array();
var anList = new Array();
var faList = new Array();
var ltList = new Array();
var rlList = new Array();
var cbList = new Array();

var fileList = tdList;
var thList = tdListTh;

function loadPlayer(){
	$.get('playerList.xml',function(xml){processXML(xml)});
	//$('#nPlayer').html('<iframe src = player.html id="playerFrameABC" name="playerFrameABC" frameborder=0 width=100% height=100% allowtransparency="true" />');
	setTimeout("loadPlayer2()",500);
}

function loadPlayer2(){
	
	$('#nPlayer').html('<iframe src="player.html" id="playerFrame" name="playerFrame" frameborder=0 width=100% height=100% allowtransparency="true" />');
	setTimeout("initListOnFrame()",500);
}
	

function processXML(xml){
	if ($.browser.msie){
		xml = iebug();
	}
	$(xml).find('imagen').each(appendToList);
}




function iebug(){
	
	var xml = document.createElement("xml");
	xml.src = "playerList.xml";
	document.body.appendChild(xml);
	var xmlDocument = xml.XMLDocument;
	document.body.removeChild(xml);
	return xmlDocument;
}

function appendToList(){
	
	var listID = $(this).find('categoria').find('tipo').text();
	
	switch(listID){
		case 'tradicional':
			fileList = tdList;
			thList = tdListTh;
			break;
		case 'japones':
			fileList = jpList;
			thList = jpListTh;
			break;
		case 'tribales':
			fileList = tbList;
			thList = tbListTh;
			break;
		case 'flores':
			fileList = flList;
			thList = flListTh;
			break;
		case 'retratos':
			fileList = rtList;
			thList = rtListTh;
			break;
		case 'animales':
			fileList = anList;
			thList = anListTh;
			break;
		case 'fantasia':
			fileList = faList;
			thList = faListTh;
			break;
		case 'letras':
			fileList = ltList;
			thList = ltListTh;
			break;
		case 'realismo':
			fileList = rlList;
			thList = rlListTh;
			break;
		case 'coberturas':
			fileList = cbList;
			thList = cbListTh;
			break;
	}
	fileList[fileList.length] = $(this).find('archivo').text();
	thList[thList.length] = $(this).find('icono').text();
	//textList[textList.length] = $(this).find('texto').text();
	//altList[altList.length] = $(this).find('alternativo').text();
	//yearsList[yearsList.length] = $(this).find('year').text();
	
}

function IBfill(){
	
	var len = thList.length;
	containerID = '#nIconBoxC';
	var j = 0;
	$(containerID).html('');
	for (j=0;j<len;j++){
		
		$(containerID).append('<img class="iconBoxElement" id="nThumbnail' + j + '" src="' + thList[j] + '" onclick="loadImage(' + j + ')"/>');
		//alert('resizeIconBox(' + containerID + ',' + i + ')');
		//setTimeout('resizeIconBox(' + containerID + ',' + i + ')',1000+10*i);
		//alert(i);
		$('#nThumbnail' + j).load(resizeIconBox);
	};

}

iconBoxWidth = 0;

function resizeIconBox(){
	//alert($(this));
	var newW = 0;
	$('#nIconBoxC').find('img').each(function(){ 
											  newW = newW + $(this).outerWidth(true);
											  
											  $('#nIconBoxC').width(newW + 'px');
											  });
}

function safariBug(containerID,i){
	newW = 20 + 80 + $(containerID).width();
	$(containerID).width(newW + 'px');
}

function loadImage(k){
	window.frames.playerFrame.loadImage(k,0);

}

function changeList(n){
	
	//window.frames.playerFrame.changeList(n);
	switch(n){
		case 1:
			fileList = tdList;
			thList = tdListTh;
			break;
		case 2:
			fileList = jpList;
			thList = jpListTh;
			break;
		case 3:
			fileList = tbList;
			thList = tbListTh;
			break;
		case 4:
			fileList = flList;
			thList = flListTh;
			break;
		case 5:
			fileList = rtList;
			thList = rtListTh;
			break;
		case 6:
			fileList = anList;
			thList = anListTh;
			break;
		case 7:
			fileList = faList;
			thList = faListTh;
			break;
		case 8:
			fileList = ltList;
			thList = ltListTh;
			break;
		case 9:
			fileList = rlList;
			thList = rlListTh;
			break;
		case 10:
			fileList = cbList;
			thList = cbListTh;
			break;
	}
	//loadImage(0);
	//window.frames.playerFrame.nLoad();
	IBfill();
	//window.frames['playerFrame'].nLoad();
}