// JavaScript Document

var dPlayer;

var docElem=document.documentElement?document.documentElement:document.body
document.onmousedown=sj_startDrag;
document.onmouseup=new Function("sj_dragging=false");
document.onmousemove=sj_drag;
document.onmouseover=sj_handleMouseOver;
document.onmouseout=sj_handleMouseOut;
var songFileName=new Array();
var songs=new Array();
var sj_dragging=false;
var sj_imageDiv=new Object();
var dragOffsetX=0,dragOffsetY=0,currentSong=0,playState=0,playBreaker,visCycler,visSelect=30,cycleTimer=100;

var coverImgs=new Array();
coverImgs["Back"]=new Image();
coverImgs["Front"]=new Image();

songFileName[0]='ICantGiveYouAnythingButLove.mp3';
songFileName[1]='SentimentalJourney.mp3';
songFileName[2]='SideBySide.mp3';
songFileName[3]='TheWayYouLookTonight.mp3';
songFileName[4]='TimeAfterTime.mp3';

songs[0]="I Can't Give You Anything but Love";
songs[1]='Sentimental Journey';
songs[2]='Side by Side';
songs[3]='The Way You Look Tonight';
songs[4]='Time after Time';

$(function() {
	dPlayer=$('#dPlayer')[0];
	var sSelection=$('#sSelection')[0],
		randToken=msie?'?'+Math.random():'',
		player=flowplayer('dPlayer','Media/Flash/flowplayer-3.2.3-dev.swf'+randToken,{
			onError: function(err) {
				alert('Error Code: '+err);
			},
			clip: {
				onStart: function(clip) {
					sSelection.innerHTML=clip.title.replace('|',"'");
				},
				onFinish: function(clip) {
					var iNext;
					if(clip.index<player.getPlaylist().length-1)
						iNext=clip.index+1;
					else iNext=0;
					sSelection.innerHTML=player.getPlaylist()[iNext].title.replace('|',"'");
				},
				autoPlay: false,
				autoBuffering: false
			},
			playlist: [
				{ url: 'Media/Music/CDSentimentalJourney/ICantGiveYouAnythingButLove.mp3',title: 'I Can|t Give You Anything but Love' },
				{ url: 'Media/Music/CDSentimentalJourney/SentimentalJourney.mp3',title: 'Sentimental Journey' },
				{ url: 'Media/Music/CDSentimentalJourney/SideBySide.mp3',title: 'Side by Side' },
				{ url: 'Media/Music/CDSentimentalJourney/TheWayYouLookTonight.mp3',title: 'The Way You Look Tonight' },
				{ url: 'Media/Music/CDSentimentalJourney/TimeAfterTime.mp3',title: 'Time after Time' }
			],
			plugins: {
				controls: {
					autoHide: false,
					backgroundColor: '#310300',
					backgroundGradient: [0.0,0.2,0.0],
					bufferColor: '#300300',
					buttonColor: '#DBAB34',
					buttonOverColor: '#ffe681',
					//progressGradient: [0.0,0.0,0.0],
					progressColor: '#850000',
					sliderBorder: '1px solid #693333',
					sliderColor: '#300300',
					//sliderGradient: [0.0,0.0,0.0],
					timeBgColor: '#41190A',
					timeBorder: '1px solid #693333',
					timeColor: '#846356',
					textColor: '#fff',
					tooltipColor: '#60230C',
					tooltips: {
						buttons: false,
						scrubber: false,
						volume: false
					},
					url: 'Media/Flash/flowplayer.controls-3.2.2-dev.swf',
					volumeColor: '#850000',
					volumeSliderColor: '#300300',
					volumeBorder: '1px solid #693333',
					fullscreen: false,
					playlist: false,
					time: false
				},
				audio: {
					url: 'Media/Flash/flowplayer.audio-3.2.1-dev.swf'
				}
			}

		});
	$('[id^=sSong_]').each(function(i) {
		$(this).click(function() {
			visCycler=0;
			visSelect=this;
			visCycle();
			//currentSong=targetID.substr(9);
			player.play(i);
		});
	});

	sj_imageDiv=document.getElementById?document.getElementById("imageDiv"):document.all.imageDiv;
	coverImgs["Back"].src="Media/Images/Illustrations/CDSentimentalJourney/BackCover.jpg";
	coverImgs["Front"].src="Media/Images/Illustrations/CDSentimentalJourney/FrontCover.jpg";
});

function arrayContains(arr,searchFor) {
  var found=false;
  for (var i=0; i<=arr.length; i++)
    if (arr[i]==found)
	  found=true;
  return found;
}

function visCycle2() {
  visCycler++;
  visSelect.style.visibility='visible';
  if (visCycler<6)
    setTimeout("visCycle()",cycleTimer);
}

function visCycle() {
  visCycler++;
  visSelect.style.visibility='hidden';
  setTimeout("visCycle2()",cycleTimer);
}

function sj_handleMouseOver(e) {
  var e=msie?event:e;
  var target=msie?event.srcElement:e.target;
  var targetID=target.id;
  if ((msie&&targetID.substr(0,9)=="sSong_")
     ||((netscape||safari)&&targetID.substr(0,9)=="sSong_")) {
    target.style.color='#ecdfb6';
  }
}

function sj_handleMouseOut(e) {
  var e=msie?event:e;
  var target=msie?event.srcElement:e.target;
  var targetID=target.id;
  if ((msie&&targetID.substr(0,9)=="sSong_")
     ||((netscape||safari)&&targetID.substr(0,9)=="sSong_")) {
    target.style.color='#ecd690';
  }
}
  
function sj_startDrag(e) {
  if (sj_imageDiv&&((msie&&event.srcElement.id=="sj_grabBar")||((netscape||safari)&&e.target.id=="sj_grabBar"))) {
    e=msie?event:e;
	sj_dragging=true;
	dragOffsetX=e.clientX-parseInt(sj_imageDiv.style.left);
	dragOffsetY=e.clientY-parseInt(sj_imageDiv.style.top);
  }
}

function sj_drag(e) {
  if (sj_dragging) {
    e=msie?event:e;
	var x=document.all?e.x:e.pageX;
	var y=document.all?e.y:e.pageY;
	sj_imageDiv.style.left=x-dragOffsetX;
	sj_imageDiv.style.top=y-dragOffsetY;
  }
}

function showEnlarged(e,frontBack) {
  var x,y,yOffset,imageDiv;
  if ((msie&&bVer>=4)||(netscape&&bVer>=5)||safari||opera) {
    imageDiv=document.getElementById?document.getElementById("imageDiv"):document.all.imageDiv;
    imageDiv.style.visibility="hidden"
    cdTitle=document.getElementById?document.getElementById("cdtitle"):document.all.cdtitle;
    cdTitle.innerHTML="<b>Sentimental Journey - "+frontBack+" Cover</b>"
    cdCover=netscape?document.cdcover:document.getElementById?document.getElementById("cdcover"):document.all.cdcover;
    cdCover.src=coverImgs[frontBack].src;
    x=netscape?pageXOffset+e.clientX:
      safari?e.clientX:
      (mac&&msie)||document.body.scrollLeft?document.body.scrollLeft+event.clientX:
      docElem.scrollLeft+event.clientX;
    y=netscape?pageYOffset+e.clientY:
      safari?e.clientY:
      (mac&&msie)||document.body.scrollTop?document.body.scrollTop+event.clientY:
      docElem.scrollTop+event.clientY;
    x-=439
    y-=459
    imageDiv.style.top=y+"px"
    imageDiv.style.left=x+"px"
    imageDiv.style.visibility="visible";
  }
  else {
    window.open("Media/Images/Illustrations/CDSentimentalJourney/"+frontBack+"Cover.jpg",
      "sentimentalCover","height=450,width=446,scrollbars=no,location=no,menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no");
  }
}

function hideDiv() {
  var imageDiv;
  if ((msie&&bVer>=4)||(netscape&&bVer>=5)||safari||opera) {
    imageDiv=document.getElementById?document.getElementById("imageDiv"):document.all.imageDiv;
    imageDiv.style.visibility="hidden"
  }
}