/* playground javascript functions by robb@3st.com */

startpos = 0;
letterpos = 0;
playpos = 0;
currentl = 'p';
currentx = 0;
playmore = 0;

function slideleft(){
	hideDesigner();
	hideLetters();
	hideDownloads();
	hidePlay();
	xHide(xGetElementById('playclose'));
	
	startpos += 125;
	if (startpos==125) 
		startpos = -(maxslide-125);

	xSlideTo(xGetElementById('lpsimgs'),startpos,0,500);
	xSlideTo(xGetElementById('llsimgs'),startpos,0,500);
	xSlideTo(xGetElementById('lasimgs'),startpos,0,500);
	xSlideTo(xGetElementById('lysimgs'),startpos,0,500);

	ele = xGetElementById('menu');
	if (ele.style.visibility == 'visible') {
		t = 'play';
		currentl = t[t.indexOf(currentl)+1];
		if (currentl!=undefined)
			xSlideTo(ele, 70+(t.indexOf(currentl)*129), 51, 500);
		else
			xHide(ele);
		}
}

function slideright(){
	hideDesigner();
	hideLetters();
	hideDownloads();
	hidePlay();
	xHide(xGetElementById('playclose'));

	startpos -= 125;
	if (startpos==-maxslide) 
		startpos = 0;

	xSlideTo(xGetElementById('lpsimgs'),startpos,0,500);
	xSlideTo(xGetElementById('llsimgs'),startpos,0,500);
	xSlideTo(xGetElementById('lasimgs'),startpos,0,500);
	xSlideTo(xGetElementById('lysimgs'),startpos,0,500);

	ele = xGetElementById('menu');
	if (ele.style.visibility == 'visible') {
		t = 'play';
		currentl = t[t.indexOf(currentl)-1];
		//weird bug in Gecko-based browsers-- currentl sometimes returns 4? temp patch.
		if ((currentl!=undefined)&&(currentl!=4))
			xSlideTo(ele, 70+(t.indexOf(currentl)*129), 51, 500);
		else
			xHide(ele);
	}
}

function slideletterleft(){
	unzoomLetter();
	letterpos += 125;
	if (letterpos==125) 
		letterpos = -(maxletters[alpha]-125);

	xSlideTo(xGetElementById('lpletters'),letterpos,0,500);
	xSlideTo(xGetElementById('llletters'),letterpos,0,500);
	xSlideTo(xGetElementById('laletters'),letterpos,0,500);
	xSlideTo(xGetElementById('lyletters'),letterpos,0,500);
}

function slideletterright(){
	unzoomLetter();
	letterpos -= 125;
	if (letterpos==-maxletters[alpha]) 
		letterpos = 0;

	xSlideTo(xGetElementById('lpletters'),letterpos,0,500);
	xSlideTo(xGetElementById('llletters'),letterpos,0,500);
	xSlideTo(xGetElementById('laletters'),letterpos,0,500);
	xSlideTo(xGetElementById('lyletters'),letterpos,0,500);
}

function slideplayleft(){
	hidePlaypiece();
	playpos += 125;
	if (playpos==125) 
		playpos = -((playmore*125)-125);

	xSlideTo(xGetElementById('lpplay'),playpos,0,500);
	xSlideTo(xGetElementById('llplay'),playpos,0,500);
	xSlideTo(xGetElementById('laplay'),playpos,0,500);
	xSlideTo(xGetElementById('lyplay'),playpos,0,500);
}

function slideplayright(){
	hidePlaypiece();
	playpos -= 125;
	if (playpos==-(playmore*125)) 
		playpos = 0;

	xSlideTo(xGetElementById('lpplay'),playpos,0,500);
	xSlideTo(xGetElementById('llplay'),playpos,0,500);
	xSlideTo(xGetElementById('laplay'),playpos,0,500);
	xSlideTo(xGetElementById('lyplay'),playpos,0,500);
}

function unclickLetter(){
	xHide(xGetElementById('menu'));
	hideLetters();
	hideDesigner();
	hideDownloads();
	xHide(xGetElementById('playclose'));
	xSlideTo(xGetElementById('lpsimgs'),startpos,0,500);
	xSlideTo(xGetElementById('llsimgs'),startpos,0,500);
	xSlideTo(xGetElementById('lasimgs'),startpos,0,500);
	xSlideTo(xGetElementById('lysimgs'),startpos,0,500);
	xShow(xGetElementById('introduction'));
}

function clickLetter(x,l){
	t = 'play';
	xHide(xGetElementById('introduction'));
	xShow(xGetElementById('playclose'));
	hideDesigner();
	hideLetters();
	
	ele = xGetElementById('menu');
	xHide(ele);

	if (entry[x]['status'] != 'live')
		menucontent = '<b>'+entry[x]['title']+'</b><br /><br />by '+entry[x]['designer']+'<br />coming '+entry[x]['launch'];
	else
		menucontent = '<b>'+entry[x]['title']+'</b><br /><br /><a href="#" onclick="showLetters(\''+x+'\',\''+l+'\'); this.blur(); this.blur(); return false">Letters</a><br /><a href="#" onclick="showDesigner(\''+x+'\',\''+l+'\'); this.blur(); this.blur(); return false">Designer</a><br /><a href="#" onclick="showDownloads(\''+x+'\',\''+l+'\'); this.blur(); this.blur(); return false;">Download</a><br /><a href="#" onclick="showPlay(\''+x+'\',\''+l+'\'); this.blur(); this.blur(); return false">Play</a>';

	document.getElementById('menu').innerHTML = menucontent;

	xMoveTo(ele,70+(t.indexOf(l)*129),51);
	xShow(ele);

	xp = -((x-1)*125);
	xl = -((x-2)*125);
	xa = -((x-3)*125);
	xy = -((x-4)*125);
		
	if (xp>0)  xp = -(maxslide-125);
	if (xl>0)  xl = -(maxslide-125);
	if (xa>0)  xa = -(maxslide-xa);
	if (xy>0)   xy = -(maxslide-xy);	
	
	xSlideTo(xGetElementById('lpsimgs'),xp,0,500);
	xSlideTo(xGetElementById('llsimgs'),xl,0,500);
	xSlideTo(xGetElementById('lasimgs'),xa,0,500);
	xSlideTo(xGetElementById('lysimgs'),xy,0,500);
		
	currentl = l;
	currentx = x;
}

function zoomLetter(x, l){
    if (entry[x]['sound']) {
        var so = new SWFObject("/36/player/phonic_player.swf", "phonic_player", "0", "0", "8", "#FF0000");
    	so.addVariable("str", l);
    	so.write("flashcontent");
    }
	
    
	xShow(xGetElementById('letterzoom'));
	xShow(xGetElementById('zoomclose'));
	document.getElementById('letterzoom').innerHTML = '<a href="#" onclick="unzoomLetter(); this.blur(); return false;"><img src="/'+x+'/large/'+l+'.png" width="254" height="254" alt="'+l+'" title=""></a>';
}

function unzoomLetter(){
	xHide(xGetElementById('letterzoom'));
	xHide(xGetElementById('zoomclose'));
}

function showLetters(x,l){
	xHide(xGetElementById('lpsimgs'));
	xHide(xGetElementById('llsimgs'));
	xHide(xGetElementById('lasimgs'));
	xHide(xGetElementById('lysimgs'));

	letterpos = 0;

	xSlideTo(xGetElementById('lpletters'),letterpos,0,500);
	xSlideTo(xGetElementById('llletters'),letterpos,0,500);
	xSlideTo(xGetElementById('laletters'),letterpos,0,500);
	xSlideTo(xGetElementById('lyletters'),letterpos,0,500);

	hideDesigner();
	hideDownloads();
	hidePlay();

	dir = (x>9)?x:'0'+x;
	if (entry[x]['alpha2']) {
		alpha = 2;
		document.getElementById('lpletters').innerHTML = imgalpha2_p.replace(/\*{4}/g, dir);
		document.getElementById('llletters').innerHTML = imgalpha2_l.replace(/\*{4}/g, dir);
		document.getElementById('laletters').innerHTML = imgalpha2_a.replace(/\*{4}/g, dir);
		document.getElementById('lyletters').innerHTML = imgalpha2_y.replace(/\*{4}/g, dir);
	}
	else {
	    if (entry[x]['alpha4']) {
    		alpha = 4;
    		document.getElementById('lpletters').innerHTML = imgalpha4_p.replace(/\*{4}/g, dir);
    		document.getElementById('llletters').innerHTML = imgalpha4_l.replace(/\*{4}/g, dir);
    		document.getElementById('laletters').innerHTML = imgalpha4_a.replace(/\*{4}/g, dir);
    		document.getElementById('lyletters').innerHTML = imgalpha4_y.replace(/\*{4}/g, dir);    	    
    	} else {
    	    alpha = 1;
    		document.getElementById('lpletters').innerHTML = imgalpha_p.replace(/\*{4}/g, dir);
    		document.getElementById('llletters').innerHTML = imgalpha_l.replace(/\*{4}/g, dir);
    		document.getElementById('laletters').innerHTML = imgalpha_a.replace(/\*{4}/g, dir);
    		document.getElementById('lyletters').innerHTML = imgalpha_y.replace(/\*{4}/g, dir);
    	}
	}

	xHide(xGetElementById('sright'));
	xHide(xGetElementById('sleft'));
	xShow(xGetElementById('slright'));
	xShow(xGetElementById('slleft'));
	xShow(xGetElementById('slclose'));
	xHide(xGetElementById('playclose'));

	setTimeout("xShow(xGetElementById('letterbox'));",550);
	setTimeout("xSlideTo(xGetElementById('menu'),199,51,500);",0);

}

function hideLetters(){
	xShow(xGetElementById('lpsimgs'));
	xShow(xGetElementById('llsimgs'));
	xShow(xGetElementById('lasimgs'));
	xShow(xGetElementById('lysimgs'));

	document.getElementById('lpletters').innerHTML = '';
	document.getElementById('llletters').innerHTML = '';
	document.getElementById('laletters').innerHTML = '';
	document.getElementById('lyletters').innerHTML = '';

	xHide(xGetElementById('slright'));
	xHide(xGetElementById('slleft'));
	xShow(xGetElementById('sright'));
	xShow(xGetElementById('sleft'));
	xHide(xGetElementById('slclose'));
	xHide(xGetElementById('letterbox'));
	xShow(xGetElementById('playclose'));

	unzoomLetter();
}

function hideDesigner(){
	xHide(xGetElementById('scroller1'));
	xHide(xGetElementById('photo'));	
	xHide(xGetElementById('desclose'));
	xShow(xGetElementById('playclose'));
	xSlideTo(xGetElementById('sright'),590,285,125);
	xSlideTo(xGetElementById('playclose'),590,184,125);
}

function showDesigner(x,l){
	hideLetters();
	hideDownloads();
	hidePlay();
	xHide(xGetElementById('playclose'));
	xShow(xGetElementById('desclose'));
	//first, a hack to teach the scroller some manners
	document.getElementById('content1').innerHTML = '<img src="img/blank.gif" width="1" height="512" alt="" title="">';
	Scroller1.resize(265,254); 
	//then, the actual content
	document.getElementById('content1').innerHTML = '<b>'+entry[x]['designer']+'</b><br /><br />'+entry[x]['bio'];
	Scroller1.resize(265,254);
	xShow(xGetElementById('scroller1'));
	document.getElementById('photo').innerHTML ='<img src="/img/'+entry[x]['pic']+'" width="254" height="125" alt="" title="" />';
	xShow(xGetElementById('photo'));
	xSlideTo(xGetElementById('menu'),199,51,250);
	xSlideTo(xGetElementById('playclose'),596,184,125);	
	xSlideTo(xGetElementById('sright'),596,285,125);		
}

function showDownloads(x,l){
	hideLetters();
	hideDesigner();
	hidePlay();
	document.getElementById('downbox').innerHTML = '<b>Downloads</b><br /><br />'+entry[x]['download'];
	xShow(xGetElementById('downbox'));
	xShow(xGetElementById('downclose'));
	xSlideTo(xGetElementById('menu'),328,51,250);
}

function hideDownloads(){
	xShow(xGetElementById('playclose'));
	xHide(xGetElementById('downbox'));
	xHide(xGetElementById('downclose'));
}

function showPlay(x,l){
	hideLetters();
	hideDownloads();
	hideDesigner();
	xShow(xGetElementById('play2close'));
	xShow(xGetElementById('lpplay'));
	xShow(xGetElementById('llplay'));
	xShow(xGetElementById('laplay'));
	xShow(xGetElementById('lyplay'));
	xSlideTo(xGetElementById('menu'),199,51,250);
	document.getElementById('playbox').innerHTML='<b>Play</b><br/><br/>'+entry[x]['play_text'];
	xShow(xGetElementById('playbox'));
	document.getElementById('lpplay').innerHTML = entry[x]['play_p'];
	document.getElementById('llplay').innerHTML = entry[x]['play_l'];
	document.getElementById('laplay').innerHTML = entry[x]['play_a'];
	document.getElementById('lyplay').innerHTML = entry[x]['play_y'];
	xHide(xGetElementById('playclose'));

	if (entry[x]['playmore']>4) {
		playpos = 0;
		playmore = entry[x]['playmore'];
		xHide(xGetElementById('sright'));
		xHide(xGetElementById('sleft'));	
		xShow(xGetElementById('pright'));
		xShow(xGetElementById('pleft'));	
		xMoveTo(xGetElementById('sright'),570,285);
		xMoveTo(xGetElementById('sleft'),50,285);
	}
	else { 
		xMoveTo(xGetElementById('sleft'),50,285);
		xSlideTo(xGetElementById('sleft'),70,285,500);
		xMoveTo(xGetElementById('sright'),590,285);
		xSlideTo(xGetElementById('sright'),570,285,500);
	}
}

function showPlaypiece(f){
	document.getElementById('playzoom').innerHTML = '<a href="#" onclick="hidePlaypiece(); this.blur(); return false;"><img src="'+f+'" border="0"></a>';
	xShow(xGetElementById('playzoom'));
	document.getElementById('play2close').innerHTML = '<a href="#" onclick="hidePlaypiece(); this.blur(); return false"><img src="/img/close.png" width="10" height="10" alt="X" title="" border="0" /></a>';

}

function hidePlaypiece(){
	xHide(xGetElementById('playzoom'));
	document.getElementById('play2close').innerHTML = '<a href="#" onclick="hidePlay(); this.blur(); return false"><img src="/img/close.png" width="10" height="10" alt="X" title="" border="0" /></a>';
}

function hidePlay(){
	hidePlaypiece();
	xSlideTo(xGetElementById('sright'),590,285,500);
	xSlideTo(xGetElementById('sleft'),50,285,500);
	xHide(xGetElementById('pright'));
	xHide(xGetElementById('pleft'));	
	xShow(xGetElementById('sright'));
	xShow(xGetElementById('sleft'));	
	xHide(xGetElementById('lpplay'));
	xHide(xGetElementById('llplay'));
	xHide(xGetElementById('laplay'));
	xHide(xGetElementById('lyplay'));
	xHide(xGetElementById('playbox'));
	xHide(xGetElementById('play2close'));
	xShow(xGetElementById('playclose'));
}

function calculateSizes() {
	myWidth = 0, myHeight = 0;
  	if( typeof( window.innerWidth ) == 'number' ) 
		myWidth = window.innerWidth;
	else 
        		if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
			myWidth = document.documentElement.clientWidth;
        		else 
			if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
				myWidth = document.body.clientWidth;
}

var detect = navigator.userAgent.toLowerCase();
var OS,browser,version,total,thestring;

function checkIt(string)
{
        place = detect.indexOf(string) + 1;
        thestring = string;
        return place;
}

function showPlaytext(s){
	alert(s);
}

function openVideo(x){
    myWindow = window.open("/qt.php?l="+x, "playPop", 'toolbar=no,width=500,height=400,left=590,top=325');
}