/**
 * @author Magnus Blikstad
 */

var opacTimer;

ytPlayOn = new Image();
ytPlayOn.src = './images/play.png';
ytPauseOn = new Image();
ytPauseOn.src = './images/pause.png';
ytControlsOff = new Image();
ytControlsOff.src = './images/blank.gif'; 


btnMedia = new Image();
btnMedia.src = './images/mediaSelected.jpg';
btnForum = new Image();
btnForum.src = './images/forumSelected.jpg';
btnBlog = new Image();
btnBlog.src = './images/blogSelected.jpg';

//change the opacity for different browsers
function changeOpac(opacity, id){
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
	// object.filters.alpha.opacity = opacity;
    object.filter = "alpha(opacity=" + opacity + ")";
}


function opacity(id, opacStart, opacEnd, millisec, endImage) {
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

	clearTimeout (opacTimer);

	if (opacStart == -1) {
		opacStart = document.getElementById(id).style.opacity * 100;
	}
    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            opacTimer = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++)
            {
            opacTimer = setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
            timer++;
        }
    }
	
	if (endImage) {
		document.getElementById(id).src = endImage.src;			
	}	
}

function clearTextbox (origStr, textboxID) {
	var textbox = document.getElementById(textboxID);
	if (textbox.value == origStr) {
		textbox.value = '';
	}
}

function highlightBlog (e) {
	document.getElementById("blogButtonImg").src = btnBlog.src;	
	//opacity ("mediaButtonImg", 0, 100, 50);
}

function unhighlightBlog (e) {
	document.getElementById("blogButtonImg").src = ytControlsOff.src;	
	//opacity ("mediaButtonImg", -1, 0, 2000, ytControlsOff);
}


function highlightMedia (e) {
	document.getElementById("mediaButtonImg").src = btnMedia.src;	
	//opacity ("mediaButtonImg", 0, 100, 50);
}

function unhighlightMedia (e) {
	document.getElementById("mediaButtonImg").src = ytControlsOff.src;	
	//opacity ("mediaButtonImg", -1, 0, 2000, ytControlsOff);
}

function highlightForum (e) {
	document.getElementById("forumButtonImg").src = btnForum.src;	
	//opacity ("forumButtonImg", 0, 100, 50);
}

function unhighlightForum (e) {
	document.getElementById("forumButtonImg").src = ytControlsOff.src;	
	//opacity ("forumButtonImg", -1, 0, 2000, ytControlsOff);
}


function onYouTubePlayerReady(playerId){
    ytplayer = document.getElementById("myytplayer");
    loadNewVideo('PDZYPABUS1M', 0);
    ytplayer.addEventListener("onStateChange", "onytplayerStateChange");
}

loadingVideo = false;
function onytplayerStateChange(newState){
    if (newState == 3) {
        loadingVideo = true;
    }
    else 
        if (loadingVideo == true && newState == 1) {
            ytplayer.pauseVideo();
            loadingVideo = false;
        }
}



function loadNewVideo(id, startSeconds){
    if (ytplayer) {
        ytplayer.loadVideoById(id, parseInt(startSeconds));
        ytplayer.pauseVideo();
    }
}

function TurnVideoOnOff(e){	
    if (ytplayer) {
        if (ytplayer.getPlayerState() != 1) {
            ytplayer.playVideo();
        }
        else {
            ytplayer.pauseVideo();
        }
    }
    
    showControl();
}

highlighting = false;


var testiPhone = 1;
var is_iPhone;

function createCustomEventHandlers(){
	document.getElementById('ytControlArea').onmouseout = hideControl;
	document.getElementById('ytControlArea').onmouseover = showControl;
	document.getElementById('ytControlArea').onclick = TurnVideoOnOff;
	if (document.getElementById('ytControlArea').captureEvents) {
		document.getElementById('ytControlArea').captureEvents(Event.MOUSECLICK);
		document.getElementById('ytControlArea').captureEvents(Event.MOUSEOVER);
		document.getElementById('ytControlArea').captureEvents(Event.MOUSEOUT);
	}
	
	document.getElementById('ytControl').onmouseover = highlightControl;
	if (document.getElementById('ytControl').captureEvents) document.getElementById('ytControl').captureEvents(Event.MOUSEOVER);


	if (is_iPhone) {
	}
	else {
		document.getElementById("ytControlArea").style.display = "block";
	}
}


function hideControl(e){
	if (!e) var e = window.event;
	var tg = (window.event) ? e.srcElement : e.target;
	var reltg = (e.relatedTarget) ? e.relatedTarget : e.toElement;
	
	if (reltg.id == "ytControl") return;

	opacity ("ytControl", -1, 0, 200, ytControlsOff);
    //document.getElementById("ytControl").src = ytControlsOff.src;
}

function showControl(e){
    if (ytplayer.getPlayerState() != 1) {
        showPlayControl();
    }
    else {
        showPauseControl();
    }
}

function highlightControl (e) {
    if (ytplayer.getPlayerState() != 1) {
        highlightPlayControl();
    }
    else {
        highlightPauseControl();
    }	
}

function showPlayControl(){
    document.getElementById("ytControl").src = ytPlayOn.src;
	opacity ("ytControl", -1, 70, 200);
}

function showPauseControl(){
    document.getElementById("ytControl").src = ytPauseOn.src;
	opacity ("ytControl", -1, 70, 200);	
}
function highlightPlayControl(){
    document.getElementById("ytControl").src = ytPlayOn.src;
	opacity ("ytControl", -1, 100, 100);
}

function highlightPauseControl(){
    document.getElementById("ytControl").src = ytPauseOn.src;
	opacity ("ytControl", -1, 100, 100);	
}



// <![CDATA[

// allowScriptAccess must be set to allow the Javascript from one 
// domain to access the swf on the youtube domain
var params = {
    allowScriptAccess: "always",
    bgcolor: "#000000",
    wmode: "opaque"
};

    //flashvars: "file=http://www.monsterball.net/promo1_take3.flv"

// this sets the id of the object or embed tag to 'myytplayer'.
// You then use this id to access the swf and make calls to the player's API
var atts = {
    id: "myytplayer"
};

 

if ((testiPhone == 1) || (navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
	is_iPhone = true;
} else {

	// swfobject.embedSWF("player.swf", "ytapiplayer", "480", "320", "8", null, null, params, atts);

	is_iPhone = false;
	swfobject.embedSWF("http://www.youtube.com/apiplayer?enablejsapi=1&playerapiid=ytplayer", "ytapiplayer", "480", "320", "8", null, null, params, atts);

}

//<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/2LSxuhj_rS4&hl=en&fs=1&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2LSxuhj_rS4&hl=en&fs=1&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>

//]]>