var player = null; 
var currentItem = -1;
var currentState = 'NONE';
var radioImage = 'dl.list02 img.radio';
var songImage = 'div.workDetail img.song';
var songImageOn = 'images/com_ic001on.gif';
var songImageOff = 'images/com_ic001.gif';
var radioDetail = 'div.radioDetail div';
var songDetail = 'div.songDetail p';
var currentSong = '#currentSong';

function playerReady(thePlayer) {
	player = window.document[thePlayer.id];
	addListeners();
}

function addListeners() {
	if (player) { 
		player.addControllerListener("ITEM", "itemListener");
		player.addModelListener("STATE", "stateListener");
		
	} else {
		setTimeout("addListeners()", 100);
	}
}

function itemListener(obj) { 
	if (obj.index != currentItem) {
		currentItem = obj.index;
		$(currentSong).val(currentItem);
	}
}

function stateListener(obj) {
	currentState = obj.newstate;
	
	if (currentState == 'PLAYING') {
		$(radioDetail).hide();
		$(songDetail).hide();
		
		var cnt = 0;
		if ($(currentSong).val() != '') {
		  var cnt = parseInt($(currentSong).val());
		}
		
		var radioCnt = parseInt($(radioImage).size());
		
		// radio
		if (cnt == 'undefined' || cnt < radioCnt) {
	    	$(radioDetail).eq(cnt).show();

		// song
		} else {
	    	$(songDetail).eq(cnt - radioCnt).show();
		}
    	
	}
}

$(function() {
  $(radioDetail).hide();
  $(songDetail).hide();
  
  $(songImage).hover(
	function() {
	  $(this).attr('src', songImageOn);
	},
	function() {
	  var cnt = parseInt($(currentSong).val());
	  var songCnt = parseInt($(songImage).index(this)) + parseInt($(radioImage).size());
		
	  if (cnt != songCnt) {
	    $(this).attr('src', songImageOff);
	  }
	}
  );
  
  $(radioImage).click(
	function() {
		player.sendEvent('ITEM', $(radioImage).index(this));
	}
  );
  
  $(songImage).click(
	function() {
		var cnt = parseInt($(songImage).index(this)) + parseInt($(radioImage).size());
		player.sendEvent('ITEM', cnt);
		
    	$(songImage).attr('src', songImageOff);
    	$(this).attr('src', songImageOn);
	}
  );
});


function createPlayer() {
	var flashvars = {
		file: 'player/work01.rss',
		skin: 'player/snel.xml'
	};
	var params = {
		menu: 'true',
		scale: 'noScale',
		wmode: 'transparent'
	};
	var attributes = {
		id: "workPlayer",  
		name: "workPlayer"
	}

	swfobject.embedSWF('player/player.swf', 'work01Player', '370px', '32px', '9.0.0', false, flashvars, params, attributes);
}