// popwin windows play
function popwin(url, namn){
window.open(url,namn,"scrollbars=no,resizable=no,menubar=no,toolbar=no,height=500,width=620,left=100,top=100")
}

// popwin windows save
function popwinsave(url, namn){
window.open(url,namn,"scrollbars=no,resizable=no,menubar=no,toolbar=no,height=200,width=230,left=300,top=100")
}

// popwin windows comments
function popwincomments(url, namn){
window.open(url,namn,"scrollbars=no,resizable=no,menubar=no,toolbar=no,height=320,width=620,left=400,top=400")
}

// popwin windows flashplay
function popwinflash(url, namn){
window.open(url,namn,"scrollbars=no,resizable=no,menubar=no,toolbar=no,height=300,width=300,left=200,top=100")
}

// popwin windows video
function popwinvideo(url, namn){
window.open(url,namn,"scrollbars=no,resizable=no,menubar=no,toolbar=no,height=520,width=600,left=200,top=200")
}

function spoiler(el) {
	var cDiv = $(el).parent().find("div:first");
	var hDiv = $(el).parent().find("div:last");

	if(hDiv.css("display") == 'none') {
		hDiv.show();
		cDiv.css("background-image", "url('/images/icon_minus.gif')");
	}
	else {
		hDiv.hide();
		cDiv.css("background-image", "url('/images/icon_plus.gif')");
	}
}

/***********************************************
* Bookmark site script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
	window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
	var elem = document.createElement('a');
	elem.setAttribute('href',url);
	elem.setAttribute('title',title);
	elem.setAttribute('rel','sidebar');
	elem.click();
} 
else if(document.all)// ie
	window.external.AddFavorite(url, title);
}


// arabic key

var gKeyboardBag = new ActiveXObject("Scripting.Dictionary");


var arabic_keys = new Array (
        new Array("Ð","1","2","3","4","5","6","7","8","9","0","-","="),
        new Array("Ö","Õ","Ë","Þ","Ý","Û","Ú","å","Î","Í","Ì","Ï" ),
        new Array("Ô","Ó","í","È","á","Ç","Ê","ä","ã","ß","Ø"),
        new Array("Æ","Á","Ä","Ñ","áÇ","ì","É","æ","Ò","Ù"),

        new Array("ø","!","@","#","$","%","^","&","*","(",")","_","+"),
        new Array("ó","ð","õ","ñ","áÅ","Å","‘","÷","×","º","<",">"),
        new Array("ö","ò","[","]","áÃ","Ã","Ü","¡","/",":","\""),
        new Array("~","ú","{","}","áÂ","Â","’",",",".","¿")
);

var english_keys = new Array (
        "`1234567890-=", "qwertyuiop[]", "asdfghjkl;'", "zxcvbnm,./",
        "~!@#$%^&*()_+", "QWERTYUIOP{}", "ASDFGHJKL:\"", "ZXCVBNM<>?"
);

//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function createKeys( arKeys, sKeyboardID )
{
        var sHTML = "";
        var sHooverEffect= " onmouseover=\"this.style.background='#FFFFAA'\" onmouseout=\"this.style.background=''\" ";
        var shiftButtonClass = "keyButton";

        if (gKeyboardBag(sKeyboardID).shift)
        {
                shiftButtonClass = "keyPressedButton";
        }

        for (var row= 0; row<4; row++)
        {
                var rowIndex = row;

                if (gKeyboardBag(sKeyboardID).shift)
                {
                         rowIndex += 4;
                }

                switch(row)
                {
                case 0:
                        break;
                case 1:
                        sHTML += "<span class=keyButton style='width:30px'" +  sHooverEffect +
                                         " onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar(' ')\">Tab</span>";
                        break;
                case 2:
                        sHTML += "<span class=keyButton style='width:35px'>&nbsp;&nbsp;</span>";
                        break;
                case 3:
                        sHTML += "<span class=" + shiftButtonClass + " style='width:47px'" +  sHooverEffect +
                                         " onclick=\"javascript:gKeyboardBag('" + sKeyboardID + "').toggleShift()\">Shift</span>";

                        break;
                }


                for( var keyIndex=0; keyIndex < arKeys[rowIndex].length; keyIndex ++ )
                {
                        var sChar, sDispChar;

                        sChar = arKeys[rowIndex][ keyIndex ];
                        sDispChar = sChar;

                        if (sChar == "\"")
                        {
                                sChar = "\\x22";
                        }

                        sHTML += "<span class=keyButton " + sHooverEffect +
                                         " ondblclick=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar('" + sChar + "')\" onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar('" + sChar + "')\">" + sDispChar + "</span>";
                }

                switch(row)
                {
                case 0:
                        sHTML += "<span class=keyButton style='width:55px'" +  sHooverEffect +
                                         " onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar('BS')\" ondblclick=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar('BS')\">BkSpace</span>";
                        break;
                case 1:
                        if( gKeyboardBag(sKeyboardID).shift ) {
                                sHTML += "<span class=keyButton style='width:45px'" +  sHooverEffect +
                                                 " onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar('|')\">|</span>";
                        }
                        else{
                                sHTML += "<span class=keyButton style='width:45px'" +  sHooverEffect +
                                                 " onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar('\\\\')\">\\</span>";
                        }
                        break;

                 case 2:
                        if (gKeyboardBag(sKeyboardID).sOnEnter.length)
                        {
                                sHTML += "<span class=keyButton style='width:60px'\">&nbsp;</span>";
                        }
                        else
                        {
                                sHTML += "<span class=keyButton style='width:60px'" +
                                         " onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar(' ')\">&nbsp;</span>";
                        }
                   break;



                case 3:
                        sHTML += "<span class=" + shiftButtonClass + " style='width:68px'" +  sHooverEffect +
                                         " onclick=\"javascript:gKeyboardBag('" + sKeyboardID + "').toggleShift()\">Shift</span>";
                        break;
                }


                sHTML +=  "<br>";
        }


        for(i=0;i<3;i++)
        {
                sHTML += "<span class=keyButton style='width:25px'>&nbsp</span>";
        }

        sHTML += "<span class=keyButton style='width:140px' " +  sHooverEffect + " onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar(' ')\">Space</span>";

        for(i=0;i<4;i++)
        {
                sHTML += "<span class=keyButton style='width:25px'>&nbsp</span>";
        }

        return sHTML;
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function xcreateKeys( arKeys, sKeyboardID )
{
        var sHTML = "";

        for (var i=0; i<arKeys.length; i++)
        {
                var sChar;

                if(i%5 == 0 && i>0)
                        sHTML +=  "<br>";

                sChar = arKeys[i];

                if (sChar == " ")
                {
                        sChar = "&nbsp;";
                }

                sHTML += "<span style='font-family:tahoma;font-size:11px;text-align:center;padding:4px;border-top:solid 1px white;border-left:solid 1px white;border-bottom:solid 1px gray;border-right:solid 1px gray;width:30px;cursor:hand;background:#efefde;' " +
                                 " onmousedown=\"javascript:gKeyboardBag('" + sKeyboardID + "').addChar('" + arKeys[i] + "')\">" + sChar + "</span>";
        }

        return sHTML;
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function CKeyboard(sTextBoxID, arKeys, sOnEnter)
{
        var oTextBox = document.getElementById( sTextBoxID );

        if( null == oTextBox )
        {
                alert("not found");
                return null;
        }

        this.text_box = oTextBox;
        this.shift = false;
        this.addChar   = CKeyboard_addChar;
        this.clearChar = CKeyboard_clearChar;
        this.toggleShift = CKeyboard_toggleShift;
        this.keys = arKeys;
        this.sOnEnter = "";

        if (sOnEnter)
        {
                this.sOnEnter = sOnEnter;
        }

        gKeyboardBag(sTextBoxID) = this; // create a reference to the object

        var mySpan = document.createElement("div");

        mySpan.sTextBoxID  = sTextBoxID;
        mySpan.onmousemove = showKeyboard;
        mySpan.onmouseout  = hideKeyboard;
        mySpan.style.border = "solid 1px yellow";
        //mySpan.style.position = "absolute";

        // apply the frame on the target element
        oTextBox.applyElement(mySpan) ;

        mySpan.insertAdjacentHTML(
                                        "beforeEnd",
                                        "<br><img src=images/keyboard.gif align=left>" +
                                        "<div class=TextAraBord dir=ltr onselectstart=\"javascript:window.event.returnValue=false\" NOWRAP " +
                                        " id=" + sTextBoxID + "_keyboard " +
                                        " style='filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=100);padding:4px;z-index:0;position:absolute;display:none;border:1px solid yellow;background:#D7D7D7;color:blue;font-weight:bold;font-size:8px;' >" +
                                                createKeys( arKeys, sTextBoxID ) +
                                        "</div>"
                                        );

        return this;
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function showKeyboard()
{
        var sTextBoxID;
        var oElement = event.srcElement ;

        while( oElement && !sTextBoxID )
        {
                sTextBoxID = oElement.sTextBoxID;
                oElement = oElement.parentElement;
        }
        if( sTextBoxID )
                ShowElement(sTextBoxID + "_keyboard", 300);
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function hideKeyboard()
{
        var sTextBoxID;
        var oElement = event.srcElement ;

        while( oElement &&        !sTextBoxID )
        {
                sTextBoxID = oElement.sTextBoxID;
                oElement = oElement.parentElement;
        }
        if( sTextBoxID )
                HideElement(sTextBoxID + "_keyboard", 800);
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function CKeyboard_toggleShift()
{
        this.shift = (this.shift == true)? false:true;
        document.getElementById(this.text_box.id + "_keyboard").innerHTML = createKeys(this.keys, this.text_box.id);
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function CKeyboard_clearChar()
{
        this.text_box.value = this.text_box.value.substring(0,this.text_box.value.length-1);
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function CKeyboard_addChar( sChar )
{
        //alert(this.text_box.id);
        if (sChar == "BS")
        {
                this.text_box.value = this.text_box.value.substring(0,this.text_box.value.length-1);
        }
        else if (sChar == "&nbsp;")
        {
                this.text_box.value += " ";
        }
        else if (sChar == "CL")
        {
                this.text_box.value = "";
        }
        else
                this.text_box.value += sChar;


        var sFocusScript = "if( document.getElementById(\"" + this.text_box.id + "\") ) {" +
                "document.getElementById(\"" + this.text_box.id + "\").focus() }";

        window.setTimeout( sFocusScript, 10 );
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function ShowElement( sID, delay )
{
        var idElement = document.getElementById(sID);

        if( null == idElement )
                return;

        if( idElement.idDelayedShowHide )
        {
                window.clearTimeout( idElement.idDelayedShowHide );
                idElement.idDelayedShowHide = null;
        }

        if( 0 == delay )
        {
                idElement.style.zIndex  = 1;
                idElement.style.display = "";
        }
        else
        {
                idElement.idDelayedShowHide = window.setTimeout("ShowElement('" + sID + "', 0)", delay);
        }
}
//////////////////////////////////////////////////////////////////
//
//////////////////////////////////////////////////////////////////
function HideElement( sID, delay )
{
        var idElement = document.getElementById(sID);

        if( null == idElement )
                return;

        if( idElement.idDelayedShowHide )
        {
                window.clearTimeout( idElement.idDelayedShowHide );
                idElement.idDelayedShowHide = null;
        }

        if( delay == 0 )
        {
                idElement.style.display = "none";
        }
        else
        {
                idElement.idDelayedShowHide = window.setTimeout("HideElement('" + sID + "', 0)", delay);
        }
}

function playlist(action)
{
	var req = null;
	try
	{  // Firefox, Opera 8.0+, Safari  
		req = new XMLHttpRequest();
	}
	catch (e)
	{  // Internet Explorer  
		try
		{
			req = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
	    {
			try
			{
				req=new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e)
			{
				alert("Your browser does not support AJAX!");
				return false;
			}    
		}  
	}

	req.onreadystatechange = function()
	{
		if(req.readyState == 4)
		{
			document.getElementById('PlaylistContent').innerHTML = req.responseText;
		}
	}

	var query = "includes/playlist.php?act=" + action;
	req.open("GET", query, true);
	req.send(null);
}