var lightboxBackground;
var lightboxImage;
var previousDocumentOnclick;
function viewImage(imageUrl)
{	

/*	
	lightboxBackground = document.createElement("div");
	lightboxBackground.className="lightboxBackground";
	
	lightboxImage=document.createElement("img");
	lightboxImage.className = "lightboxImage";
	lightboxImage.src=imageUrl;
    
	document.body.appendChild(lightboxBackground);
	document.body.appendChild(lightboxImage);
	
	previousDocumentOnclick = document.body.onclick;
	
	document.body.onclick=closeImage;
	*/
	
	//window.open(imageUrl, '_image', 'width=500,height=500,status=no');
}
function closeImage()
{
	document.body.onclick = previousDocumentOnclick;
	document.body.removeChild(lightboxBackground);
	document.body.removeChild(lightboxImage);
}

function openWindow(url,title, w, h, center, windowName) {
    var options = "width=" + w + ",height=" + h + ",";
    options += "resizable=yes,scrollbars=yes,status=yes,";
    options += "menubar=no,toolbar=no,location=no,directories=no";
    var newWin = window.open(url, windowName.split('/').join(''), options);
    newWin.focus();
 }


if (typeof Ext != "undefined") 
{
    Ext.tree.AjaxProTreeLoader = function(config){
        Ext.tree.AjaxProTreeLoader.superclass.constructor.call(this, config);
    };
    Ext.extend(Ext.tree.AjaxProTreeLoader, Ext.tree.TreeLoader, {
        load: function(node, callback) {
            if (this.clearOnLoad) {
                while (node.firstChild) {
                    node.removeChild(node.firstChild);
                }
            }
            if (node.attributes.children) { // preloaded json children
                var cs = node.attributes.children;
                for (var i = 0, len = cs.length; i < len; i++) {
                    node.appendChild(this.createNode(cs[i]));
                }
                if (typeof callback == "function") {
                    callback();
                }
            } else if (node.attributes.ajaxProCall || this.ajaxProCall) {
                this.requestData(node, callback);
            }
        },
        requestData: function(node, callback) {
            if (this.fireEvent("beforeload", this, node, callback) !== false) {
                var argument = { callback: callback, node: node };
                var loader = this;
                var ajaxProCallback = function(response) {
                    response.argument = argument;
                    if (response.error) {
                        return loader.handleFailure(response);
                    }
                    return loader.handleResponse(response);
                };
                if (node.attributes.ajaxProCall) {
                    //root node has a ajaxProCall that gets data for direct children
                    this.transId = true;
                    node.attributes.ajaxProCall(ajaxProCallback);
                }
                else if (this.ajaxProCall) {
                    //non-root node uses the predefined ajaxProCall in the TreeLoader
                    this.transId = true;
                    this.ajaxProCall(node.id, ajaxProCallback);
                }
                else {
                    this.fireEvent('loadexception', this, node, 'no ajaxProCall configured.');
                }
            } else {
                // if the load is cancelled, make sure we notify 
                // the node that we are done
                if (typeof callback == "function") {
                    callback();
                }
            }
        },
        processResponse: function(response, node, callback) {
            try {
                var o = response.value;
                for (var i = 0, len = o.length; i < len; i++) {
                    var n = this.createNode(o[i]);
                    if (n) {
                        node.appendChild(n);

                        if (n.subnodes) {
                            for (var j = 0, len = n.subnodes.length; j < len; j++) {
                                var s = this.createNode(n.subnodes[j]);
                                if (s) {
                                    n.appendChild(s);
                                }
                            }
                        }
                    }
                }
                if (typeof callback == "function") {
                    callback(this, node);
                }
            } catch (e) {
                this.handleFailure(response);
            }
        }
    });
}

//TODO: There is some problems with arrow right and arrow left key. The functionality works as it should if I remove return false, from KeyCheck. But the grid is moving
//left or right depending on key press. To fix that problem I tried to return false on onkeyup and onkeydown events. That fixes the problem with the moving grid. But when 
// the playlist reaches the end or start of the list, and are moving to the other end of the list, an error occurs.
document.onkeyup = disableKey;
document.onkeydown = function KeyCheck(e) {
    var keyEvent = window.event? event: e;
    //alert("KeyEvent: " + keyEvent);
    var KeyID = keyEvent.keyCode;
    //alert("KeyId : " + KeyID);
    if(document.getElementById("flashPlayerContentWrapper").style.display != "block")
    {
        switch (KeyID) {
            case 37:
                //Left arrow key press.
                previous();
                return false;
                break;
            case 39:
                //Right arrow key press.
                next();
                return false;
                //disableKey();
                break;
        }
    }
}

function disableKey() {
    var keyEvent = window.event ? event : e;
    var KeyID = keyEvent.keyCode;
    if (document.getElementById("flashPlayerContentWrapper").style.display != "block") {
        switch (KeyID) {
            case 37:
                //Left arrow key press.
                return false;
                break;
            case 39:
                //Right arrow key press.
                return false;
                //disableKey();
                break;
        }
    }
}

function getFlashMovieObject(movieName) {
    if (window.document[movieName]) {
        return window.document[movieName];
    }
    if (navigator.appName.indexOf("Microsoft Internet") == -1) {
        if (document.embeds && document.embeds[movieName])
            return document.embeds[movieName];
    }
    else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
    {
        return document.getElementById(movieName);
    }
}

var currentPlayButton;
var currentSound;
var player;
//Set sound and playbutton that are currently active.
function setCurrentSound(soundId) {
    currentSound = soundId;
    currentPlayButton = 'play' + currentSound;
}
var playlist = new Array();

var nextIndex = 0;

function playSound_impl(soundUrl, element) {
    var flashvars = {
        src: soundUrl,
        shortcuts: "yes",
        volume: 75,
        autostart: "yes"
    };
    //Changed wmode to "window" from transparent to fix Firefox bug. 
    var params = {
        bgcolor:  "#6c6d6e"
    };

    var wrapper = Ext.get('flashPlayerContentWrapper');

    // this is needed because if the flash isn't visible when startin playing the sound will be muted.
    //	        if (soundUrl) {
    //	            wrapper.dom.style.position = 'fixed';
    //	            wrapper.dom.style.top = 200;
    //	            wrapper.dom.style.right = 200;
    //	            wrapper.frame();
    //	            //setTimeout(function(){wrapper.dom.style.position = 'relative';}, 500);
    //	            
    //	        }

    var attributes = {};

    player = swfobject.embedSWF("/Javascript/emff_stuttgart.swf", "flashPlayerContentWrapper", "150", "30", "8.0.0", "expressInstall.swf", flashvars, params, attributes);

    wrapper.frame();

    if (element != null) {
        //	            var cartWrapper = Ext.get('flashPlayerContentWrapper');
        //                var x = cartWrapper.getX();
        //                var y = cartWrapper.getY();
        ////                Ext.fly(element).createProxy("play", document.body, true).show().shift({ x: x, y: y, callback: function(element) { Ext.fly('flashPlayerContentWrapper').frame(); } });
        ////                Ext.fly(document.body.appendChild(element.cloneNode(true))).set("z-index", "10000").show().shift({ x: x, y: y, callback: function(element) { Ext.fly('flashPlayerContentWrapper').frame(); } });
        //                var flyingButton = Ext.get(document.body.appendChild(element.cloneNode(true))).show();
        //                flyingButton.position('absolute', 100000);
        //                flyingButton.setXY(Ext.get(element).getXY());
        //                flyingButton.shift({ x: x, y: y, callback: function(element) { Ext.get('flashPlayerContentWrapper').frame(); } });

        // Ext.get('flashPlayerContentWrapper').frame();
    }
}

function stopSound_impl() {
    try {
        playSound_impl("");
        document.getElementById("flashPlayerContentWrapper").style.display = 'none';
        document.getElementById("flashPlayer").style.display = 'none';
    } catch(e){
    }
}

function fill_playlist(thePlaylist) {
    for (var i = 0; i < thePlaylist.length; i++) {
        playlist[i] = thePlaylist[i].id.slice(4);
    }
}

function previous() {
    var currentIndex = 0;
    for (var i = 0; i < playlist.length; i++) {
        if (playlist[i] == currentSound) {
            currentIndex = i;
            break;
        }
    }
    var soundId = null;
    setLastPlayedSoundId(currentSound);
    resetPlayButton();
    if (currentIndex - 1 >= 0) {
        setCurrentSound(playlist[currentIndex - 1]);
        playsound(currentSound, false, this);
    }
    else {
        setCurrentSound(playlist[playlist.length - 1]);
        playsound(currentSound, false, this);
    }
}

//Move to next sound in playlist.
function next() {
    for (var i = 0; i < playlist.length; i++) {
        if (playlist[i] == currentSound) {
            currentIndex = i;
            break;
        }
    }
    var soundId = null;
    setLastPlayedSoundId(currentSound);
    resetPlayButton();
    if (currentIndex + 1 <= playlist.length - 1) {
        setCurrentSound(playlist[currentIndex + 1]);
        playsound(currentSound, false, this);
    }
    else {
        setCurrentSound(playlist[0]);
        playsound(currentSound, false, this);
    }
}