function is_enterpress_event(e)
{
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;

    if (keycode == 13)
        return true;
    return false;
}

function xtractFile(data){
    var m = data.match(/(.*)\/([^\/\\]+\.\w+)$/);
    return {path: m[1], file: m[2]}
}

function makeDotDotDot(str,size){
    if (str.length>size)
        return str.substring(0,size-2)+'...';
    return str;
}

function isInt (str)
{
    var i = parseInt (str);
    if (isNaN (i))
        return false;
    if (i.toString() != str)
        return false;
    return true;
}

function fixevent(e) {
     return (!e) ? window.event : e;
}

function findtarget(e) {
     if (e.target) targ = e.target;
     else if (e.srcElement) targ = e.srcElement;
  if (targ.nodeType == 3) // defeat Safari bug
     targ = targ.parentNode;
     return targ;
}

function seconds_to_mmss(secs)
{
    var seconds = secs%60;
    if (seconds <10)
        seconds = '0'+seconds;
    return parseInt(secs/60)+":"+seconds;
}

function str_replace(bad_str,good_str,big_str)
{
    var newstr='';
    var splitup = big_str.split(bad_str);
    for(var i=0; i<splitup.length-1; i++)
        newstr+=splitup[i]+good_str;
    newstr+=splitup[splitup.length-1];
    return newstr;
}

function escape_for_html(s)
{
    var n= str_replace("'" , "&#039;", s);
    return str_replace('"' , "&#034;", n);
}

function getCookie( name ) {
    var start = document.cookie.indexOf( name + "=" );
    var len = start + name.length + 1;
    if ( ( !start ) && ( name != document.cookie.substring( 0, name.length ) ) ) {
        return null;
    }
    if ( start == -1 ) return null;
    var end = document.cookie.indexOf( ';', len );
    if ( end == -1 ) end = document.cookie.length;
    return unescape( document.cookie.substring( len, end ) );
}

function setCookie( name, value, expires, path, domain, secure ) {
    var today = new Date();
    today.setTime( today.getTime() );
    if ( expires ) {
        expires = expires * 1000 * 60 * 60 * 24;
    }
    var expires_date = new Date( today.getTime() + (expires) );
    document.cookie = name+'='+escape( value ) +
        ( ( expires ) ? ';expires='+expires_date.toGMTString() : '' ) + //expires.toGMTString()
        ( ( path ) ? ';path=' + path : '' ) +
        ( ( domain ) ? ';domain=' + domain : '' ) +
        ( ( secure ) ? ';secure' : '' );
}

function show_element(el_list){
    var elements = new Array();
    for (var i = 0; i < arguments.length; i++) {
        var element = arguments[i];
        if (typeof element == 'string')
            element = document.getElementById(element);
        element.style.display='block';
    }
}

function hide_element(el_list){
    var elements = new Array();
    for (var i = 0; i < arguments.length; i++) {
        var element = arguments[i];
        if (typeof element == 'string')
            element = document.getElementById(element);
        element.style.display='none';
    }
}

function toggle(el_list) {
    var elements = new Array();
    for (var i = 0; i < arguments.length; i++) {
        var element = arguments[i];
        if (typeof element == 'string')
            element = document.getElementById(element);
        if ( element.style.display != 'none' ) 
            element.style.display = 'none';
        else 
            element.style.display = 'block';
    }
}

function count_children(myElement)
{
   if (!myElement)
       return 0;
   var count=0;
   var child = myElement.firstChild;
   while (child!=null)
   {
       count++;
       child = child.nextSibling;
   }
   return count;
}

function removeChildren(list)
{
    if (list==null) return;
    var child = list.firstChild;
    while(child!=null)
    {
        list.removeChild(child);
        child = list.firstChild;
    }
}

function removeElementbyName(element_name)
{
    d = document.getElementById(element_name);
    p = d.parentNode ? d.parentNode : d.parentElement;
    p.removeChild( d );
}

//this function is case insensitive
String.prototype.beginsWith = function(t) {
    return (t.toLowerCase() == this.substring(0, t.length).toLowerCase());
}
String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g,"");
}
String.prototype.ltrim = function() {
    return this.replace(/^\s+/,"");
}
String.prototype.rtrim = function() {
    return this.replace(/\s+$/,"");
}
function alert_obj(obj)
{
    var str2='';
    for(s in obj)
        str2+=  "obj["+s+"]"+obj[s]+"\n";
    alert(str2);
}

function xml_text_node(elem,nam)
{
    try{
        return elem.getElementsByTagName(nam)[0].firstChild.nodeValue;
    }
    catch(e){
        return "";
    }
}

function page_to_src(p)
{
   return '/dj/'+p;
}

//------------------------------------------------------
//source: Yoogli Inc
//license: CC-GNU LGPL
//usage:  YGImg.preloadImages();
//        YGImg.arr.push("images/spacer.gif");
var YGImg = {
    arr : [
        
        ],
    img : null,
    preloadImages : function()
    {
        if (document.images)
        {
            YGImg.img = new Array();
            for(i=0;i<YGImg.arr.length;i++)
            {
                YGImg.img[i] = new Image();
                YGImg.img[i].src = page_to_src(YGImg.arr[i]);
            }
        }
    }

}

/*



"images/yg2_element_bodytop.gif",
        "images/yg2_element_bodytop_bkg.gif",
        "images/yg2_element_button_back.gif",
        "images/yg2_element_button_back2.gif",
        "images/yg2_element_corners.gif",
        "images/yg2_element_corners_wht.gif",
        "images/yg2_element_titlebar.gif",
        "images/yg2_element_titlebar_bkg.gif",
        "images/yg2_element_topbar.gif",
        "images/yg2_element_topbar_bkg.gif",
        "images/yg2_element_topbar_logo.gif",
        "images/yg2_element_topbar_right.gif",
        "images/yg2_element_whitebar.gif",
        "images/yg2_sitebody_bkg.gif",
        "images/yg2_sitebody_searchbkg.gif",
        "images/yg2_sitebody_searchbut.gif",*/

//------------------------------------------------------
//source: Yoogli Inc
//license: CC-GNU LGPL
//usage:
//     var e = DOMelement('div');
//     e.setAttribute('id'   ,'my_div_id123');
//     e.setAttribute('style','border:1px solid #000000;');
//     var element = e.createElement();
//     document.body.appendChild( element );
function DOMelement(txt)
{
    var o = new Object();
    o.elementname   = txt;
    o.attributes    = new Object();
    o.innerHTML     = '';
    o.innerText     = '';
    o.setAttribute = function(attribute,attribute_value)
    {
        o.attributes[attribute] = attribute_value;
    }
    o.createElement = function()
    {
        var attribute_str = '';
        var css_style_str = '';
        for(attribute_name in o.attributes)
        {
            if (attribute_name.toLowerCase() != 'style')
                attribute_str+= attribute_name+"='"+escape(o.attributes[attribute_name])+"'";
            else
                css_style_str= o.attributes[attribute_name];
        }

        var element;
        try
        {
            element = document.createElement("<"+o.elementname+" "+attribute_str);//IE
        }
        catch (e)
        {
            element = document.createElement( o.elementname );
            for(attribute_name in o.attributes)
                element.setAttribute( attribute_name , o.attributes[attribute_name] );
        }
        if (css_style_str.length>0)
            element.style.cssText=css_style_str;
        if (o.innerHTML && o.innerHTML.length>0)
            element.innerHTML = o.innerHTML;
        else if (o.innerText && o.innerText.length>0)
            element.appendChild( document.createTextNode(o.innerText) );
        return element;
    }

    return o;
}
//------------------------------------------------------
//source: Yoogli Inc, Quirksmode(createXMLHTTPObject)
//license: CC-GNU LGPL
//usage: AJAX.execute(functionMakeQueryString,functionCallBack,paramsObj);
//function doSomething()
//{
//    var paramsobj = new Object();
//    paramsobj.genre_id = '1234';

//    AJAX.execute(buildQueryString, functionCallBack, paramsobj);
//}
//function functionMakeQueryString(paramsobj)
//{
//    var myObject = new Object();
//    myObject.action     = 'set_genre';
//    myObject.id         = g_raceid++;
//    myObject.session    = g_session;
//    return myObject;
//}
//
//function functionCallBack(ajaxobj,paramsobj)
//{
//    alert(ajaxobj.responseText);
//    alert(ajaxobj.responseXML);
//}
var AJAX = {
    XMLHttpFactories : [
        function () {return new XMLHttpRequest()},
        function () {return new ActiveXObject("Msxml2.XMLHTTP")},
        function () {return new ActiveXObject("Msxml3.XMLHTTP")},
        function () {return new ActiveXObject("Microsoft.XMLHTTP")}
    ],
    createXMLHTTPObject : function ()
    {
        xmlhttp = null;
        for (var i=0;i<AJAX.XMLHttpFactories.length;i++) {
            try {
                xmlhttp = AJAX.XMLHttpFactories[i]();
            }
            catch (e) {
                continue;
            }
            break;
        }
        return xmlhttp;
    },
    objectToURL : function (url,query_str_obj)
    {
           url_str=url + '?';
           for(property in query_str_obj)
               url_str+= property + "=" + escape( query_str_obj[property] ) + "&";
           
           return url_str;
    },
    execute : function (functionMakeQueryString, functionCallBack, paramsobj)
    {
        request = new Object();
        request.ajaxRequest = AJAX.createXMLHTTPObject();
        request.sendRequest = function()
        {
            if(request.ajaxRequest.readyState == 1)
            {   //never happen, cause we create a new request each time
                alert('error: still processing previous request');
                return;
            }

            queryobj= functionMakeQueryString(paramsobj);
            baseurl = page_to_src('_xredir.php');
            fullurl = AJAX.objectToURL(baseurl, queryobj);
            request.ajaxRequest.open('get', fullurl+'bustcache='+new Date().getTime() );
            request.ajaxRequest.onreadystatechange = function()
            {
                if(request.ajaxRequest.readyState == 4 && request.ajaxRequest.status == 200)
                {
                    //alert(request.ajaxobj.responseText);
                    functionCallBack(request.ajaxRequest,paramsobj);
                }
            }
            request.ajaxRequest.send(null);
        }
        request.sendRequest();
        return request;
    }
};

//usage:
//var xmldoc = XML.getDocumentTag(abc.responseXML);
//var tracks = XML.getTextByName(xmldoc, "tracks");
//var artist = XML.getTextByName(tracks[0], "artist");
var XML = {
    getDocumentTag : function (xml)
    {
        var doc = (xml.firstChild.nextSibling)? xml.firstChild.nextSibling : xml.firstChild;
        return doc;
    },
    getChildrenByTagName : function (element,name)//use this instead of getElementsByTagName
    {
        var list = new Array();
        name = name.toUpperCase();
        for(var i=0; i<element.childNodes.length; i++)
            if (element.childNodes[i].nodeName.toUpperCase()==name)
                list.push( element.childNodes[i] );
        return list;
    },
    getTextByName : function (element, name)//we can use getElementsByTagName because its a leaf node (no children)
    {
        var itsValue = '';
        try{ 
          return element.getElementsByTagName(name)[0].firstChild.nodeValue; 
        }
        catch(e)
        { 
          return ''; 
        }
        
       

        /*name = name.toUpperCase();
        for(var i=0; i<element.childNodes.length; i++)
            if (element.childNodes[i].nodeName.toUpperCase()==name)
                return element.childNodes[i].firstChild.nodeValue;//sometimes firstChild is null
        return '';*/
    }
}

//------------------------------------------------------
//source: http://www.dustindiaz.com/rock-solid-addevent/ cc-gnu LGPL
//license: CC-GNU LGPL
//usage: addEvent(window,'resize', functionName);
function addEvent( obj, type, fn ) {
    if (obj.addEventListener) {
        obj.addEventListener( type, fn, false );
        EventCache.add(obj, type, fn);
    }
    else if (obj.attachEvent) {
        obj["e"+type+fn] = fn;
        obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
        obj.attachEvent( "on"+type, obj[type+fn] );
        EventCache.add(obj, type, fn);
    }
    else {
        obj["on"+type] = obj["e"+type+fn];
    }
}

var EventCache = function(){
    var listEvents = [];
    return {
        listEvents : listEvents,
        add : function(node, sEventName, fHandler){
            listEvents.push(arguments);
        },
        flush : function(){
            var i, item;
            for(i = listEvents.length - 1; i >= 0; i = i - 1){
                item = listEvents[i];
                if(item[0].removeEventListener){
                    item[0].removeEventListener(item[1], item[2], item[3]);
                };
                if(item[1].substring(0, 2) != "on"){
                    item[1] = "on" + item[1];
                };
                if(item[0].detachEvent){
                    item[0].detachEvent(item[1], item[2]);
                };
                item[0][item[1]] = null;
            };
        }
    };
}();
//---------------------------
//source: Yoogli Inc and http://www.quirksmode.org/viewport/compatibility.html
//license: CC-LGPL
//usage: a = YGWin.getWindowDimensions();
//       b = YGWin.getDocumentDimensions();
//       c = YGWin.getCenteredWindowCoords();
var YGWin = {
    docDimensions : null,
    winDimensions : null,

    //get is public
    getWindowDimensions : function()
    {
        if (!YGWin.winDimensions) YGWin.winDimensions = YGWin.findWindowDimensions();
        return YGWin.winDimensions;
    },

    //find is public
    findWindowDimensions : function()
    {
        var x,y;
        if (self.innerHeight) // all except Explorer
        {
            x = self.innerWidth;
            y = self.innerHeight;
        }
        else if (document.documentElement && document.documentElement.clientHeight)
            // Explorer 6 Strict Mode
        {
            x = document.documentElement.clientWidth;
            y = document.documentElement.clientHeight;
        }
        else if (document.body) // other Explorers
        {
            x = document.body.clientWidth;
            y = document.body.clientHeight;
        }
        return {"width":x, "height":y};
    },

    //get is public
    getDocumentDimensions : function ()
    {
        if (!YGWin.docDimensions) YGWin.docDimensions = YGWin.findDocumentDimensions();
        return YGWin.docDimensions;
    },
    //find is private
    findDocumentDimensions : function ()
    {
        var x,y;
        var test1 = document.body.scrollHeight;
        var test2 = document.body.offsetHeight
        if (test1 > test2) // all but Explorer Mac
        {
            x = document.body.scrollWidth;
            y = document.body.scrollHeight;
        }
        else
        {
            // Explorer Mac; would also work in:
            // Explorer 6 Strict, Mozilla and Safari
            x = document.body.offsetWidth;
            y = document.body.offsetHeight;
        }
        return {"width":x, "height":y};
    },
    windowResize : function()
    {
        YGWin.docDimensions = YGWin.findDocumentDimensions();
        YGWin.winDimensions = YGWin.findWindowDimensions();
    },
    getCenteredWindowCoords : function(windowWidth,windowHeight)
    {
        dim = YGWin.getWindowDimensions();
        verticalScroll   = 0;
        horizontalScroll = 0;
        vPos = Math.round(verticalScroll+((dim.height-windowHeight)/2));
        hPos = Math.round(horizontalScroll+((dim.width-windowWidth)/2));
        top_coord  = (vPos < 0)?0:vPos;
        left_coord = (hPos < 0)?0:hPos;
        return {"top":top_coord, "left":left_coord};
    }
};
//-----------------------------------------------------------------------------
//These are some more AJAX functions. These are for getting information that is not 
//through an API
function dynamic(type,info, link) {
	var mysql = false;
	if (window.XMLHttpRequest) {
		mysql = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		mysql = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Your browser does not support AJAX.");
		return false;
	}

	mysql.onreadystatechange = function() {
		Output(mysql, type,info)
	}
	var baseurl = page_to_src('_xredir2.php');
	
	var currentTime = new Date();
  current_milli = currentTime.getTime();
  
	var url = baseurl+'?'+link+'&t='+current_milli;
	
	mysql.open('GET', url, true)
	mysql.send(null)
}

function Output(mysql, type,info) {
	if (mysql.readyState == 4 && mysql.status == 200) {
	   if(type == 'target_div'){
	     document.getElementById(info).innerHTML = mysql.responseText;

	   }
		
	}
}
///This is the function that is called to change the pages
function changepage(link) {

  var type = 'target_div';
  var info = 'changeable_content';
  //alert(link);
	var mysql = false;
	if (window.XMLHttpRequest) {
		mysql = new XMLHttpRequest();
	} else if (window.ActiveXObject) {
		mysql = new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Your browser does not support AJAX.");
		return false;
	}

	mysql.onreadystatechange = function() {
		Output(mysql, type,info)
	}
	var baseurl = page_to_src('_xredir_site.php');
	var url = baseurl+'?'+link;
	
	mysql.open('GET', url, true)
	mysql.send(null)
}
//------------------------------------------------
addEvent(window,'resize',YGWin.windowResize);
addEvent(window,'unload',EventCache.flush);

///-------------------------------------------------------------------------------
//Functions to allow divs to fade out
function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//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.filter = "alpha(opacity=" + opacity + ")";
}

function shiftOpacity(id, millisec) {
	//if an element is invisible, make it visible, else make it ivisible
	if(document.getElementById(id).style.opacity == 0) {
		opacity(id, 0, 100, millisec);
	} else {
		opacity(id, 100, 0, millisec);
	}
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).src = imagefile;

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}

function currentOpac(id, opacEnd, millisec) {
	//standard opacity is 100
	var currentOpac = 100;
	
	//if the element has an opacity set, get it
	if(document.getElementById(id).style.opacity < 100) {
		currentOpac = document.getElementById(id).style.opacity * 100;
	}

	//call for the function that changes the opacity
	opacity(id, currentOpac, opacEnd, millisec)
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

////****Displaying Loging popup****/////
function display_login(my_mail){
  var loginText = get_login_text(my_mail);
  open_login(loginText, '600','true','1','true','static','');
  dynamic('target_div','login_form_div','i=login');
}

function open_login(message,width,show_top,number,open_grey,open_position,event)
{

    if(open_grey == "true"){
      open_grey_screen_background(number);
    }
    open_login_div(message,width,show_top,number,open_position,event);
}

function getMousePosition(e) {
	var posx = 0;
	var posy = 0;
	
	
	
	if (!e)var e = window.event;
	if (e.pageX || e.pageY) 	{
		posx = e.pageX;
		posy = e.pageY;
	}
	else if (e.clientX || e.clientY) 	{
		posx = e.clientX + document.body.scrollLeft
			+ document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollTop
			+ document.documentElement.scrollTop;
	}
	// posx and posy contain the mouse position relative to the document
	// Do something with this information
	
	return posy;
}

function open_login_div(message,window_width,show_top,number,open_position,event)
{
    
    var wind_width  = window_width;
    var wind_height = 500;
    var c_window    = YGWin.getCenteredWindowCoords(wind_width,wind_height);
    if(open_position == 'static'){
      var left_coord  = c_window.left;
      var top_coord   = c_window.top;
    } else {
      var position = get_mouse_pointer_coordinates(event);
      var left_coord  = position['posx'];
      var top_coord   = position['posy'];
      
    }

    styletext ="display:block;width:"+wind_width+"px;height:"+wind_height+"px;position:absolute;top:"+top_coord+"px;left:"+left_coord+"px;z-index:1002";
	idtext='welcome_letter_div'+number;
	obj = DOMelement("DIV");
  	obj.setAttribute("id",idtext);
  	obj.setAttribute("style",styletext);

    obj.innerHTML=get_login_div_html(message,show_top,number);

	document.body.appendChild( obj.createElement() );
	
	if(open_position == 'static'){
    window.location = String(window.location).replace(/\#.*$/, "") + "#toplink";
  }
}

function get_login_div_html(message,show_top,number)
{
    
    blu_x = page_to_src("images/yg2_dialog_x_unselected.gif");
    red_x = page_to_src("images/yg2_dialog_x_selected.gif");
    h='';

    h+="<div style='border:1px solid #c0c0c0; background:#eee;padding:5px;'>";
    h+=  "<div style='border:1px solid #c0c0c0; background:#fff;padding:5px;'>";
    
    //---------------------------------------------------
    if(show_top == 'true')
    {
      h+="<div style='float:right'>";
      h+=  "<a href='javascript:close_login_div("+number+", \"true\");'><img src='"+blu_x+"' onmouseover='this.src=\""+red_x+"\";' onmouseout='this.src=\""+blu_x+"\";' width=25 height=25 border=0 style='cursor:pointer;'></a>";
      h+="</div>";
    }
    h+="<div style='margin:10px; font-family:Verdana,Geneva,Helvetica,Arial,Sans-Serif; color:#555;'>";
    
    if(show_top != 'true')
    {
      h+= "<center>";
    }
      h+=  message
    
    if(show_top != 'true')
    {
      h+= "</center>";
    }
    
    h+=  "<div style='border-top:1px solid #c0c0c0;'>";
    h+=  "</div>";
    h+=  "<br>";    
    h+=  "<div style='text-align:center'>";
    
    if(show_top == 'true')
    {
      h+=        "<input type=button class=blue name=cont value='Close Window' onClick='javascript:close_login_div(\""+number+"\",\"true\");'>";
    }
    
    h+=  "</div>";
    h+="</div>";
    h+="<br>";
    //---------------------------------------------------
    h+=  "</div>";
    h+="</div>";
    return h;
}



function close_login_div(number,close_grey)
{
    
    opacity('welcome_letter_div'+number, 100, 0, 750);
    
    setTimeout('removeElementbyName("welcome_letter_div'+number+'")',850);
    if(close_grey == "true"){
      opacity('grey_screen_div'+number, 50, 0, 750);
      setTimeout('removeElementbyName("grey_screen_div'+number+'")',850);
      //removeElementbsetTimeout('yName('grey_screen_div'+number)',1600);
    }
}

function on_login_submit(my_mail){

  document.getElementById("my_mail").value=my_mail;
  document.getElementById("form_time_id").value = new Date().getTime();
  document.getElementById("ygkey_id").value = YGKeys.encode(document.getElementById("ygkey_in").value);
  document.getElementById("ygkey_in").value = "";
  document.getElementById("usern").value = document.getElementById("usernam").value;
}  
 function get_login_text(my_mail){ 
  var login_text = '';
  login_text += '<center>';
  
  login_text += '  <table width="428" table="table" height="314" border="0" cellspacing="0" cellpadding="0">';
  login_text += '    <tr>';
  login_text += '      <td align="left" valign="top" >';
  /*login_text += '      <form method=post action="/login" onSubmit="javascript:on_login_submit(\''+my_mail+'\');">';
  login_text += '      <table width="426" table="table" height="43" border="0" cellspacing="0" cellpadding="0">';
  login_text += '        <tr>';
  login_text += '          <td width="369" align="left" valign="bottom"><p class="textDiscover">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Existing Members</p></td>';
  login_text += '          <td width="57">&nbsp;</td>';
  login_text += '        </tr>';
  login_text += '      </table>';
  login_text += '        <table width="426" table height="26" border="0" cellspacing="0" cellpadding="0">';
  login_text += '          <tr>';
  login_text += '            <td width="127" align="right" valign="middle" class="textNumber">Email:&nbsp;&nbsp;&nbsp;&nbsp;</td>';
  login_text += '            <td width="299">';
  login_text += '              <label>';
  login_text += '                <input name="usernam" type="text" class="box4" id="usernam" />';
  login_text += '              </label>';
  login_text += '            </td>';
  login_text += '          </tr>';
  login_text += '      </table>';
  login_text += '        <br />';
  login_text += '        <table width="426" table="table" height="26" border="0" cellspacing="0" cellpadding="0">';
  login_text += '          <tr>';
  login_text += '            <td width="127" align="right" valign="middle" class="textNumber">Password:&nbsp;&nbsp;&nbsp;&nbsp;</td>';
  login_text += '            <td width="299">';
  login_text += '              <label>';
  login_text += '                <input type="password" class="box4" id=ygkey_in />';
  login_text += '              </label>';
  login_text += '            </td>';
  login_text += '          </tr>';
  login_text += '      </table>';
  login_text += '        <br />';
  login_text += '        <table width="426" table="table" height="26" border="0" cellspacing="0" cellpadding="0">';
  login_text += '          <tr>';
  login_text += '            <td width="127" align="right" valign="middle" class="textNumber">&nbsp;</td>';
  login_text += '            <td width="299"><table width="100%" border="0" cellspacing="0" cellpadding="0">';
  login_text += '              <tr>';
  login_text += '                <td width="7%" align="left" valign="middle">';
  login_text += '                  <label>';
  login_text += '                    <input type="checkbox" name="checkbox" id="checkbox" />';
  login_text += '                  </label>';
  login_text += '                </td>';
  login_text += '                <td width="53%" class="textNumber">Remember Me</td>';
  login_text += '                <td width="40%" rowspan="2" align="middle" valign="middle">';
  login_text += '                  <label>';
  login_text += '                    <input type="image" src="/dj/images/btn_sign-in.jpg" name="submit" />';
  login_text += '                  </label>';
  login_text += '                </td>';
  login_text += '              </tr>';
  login_text += '              <tr>';
  login_text += '                <td>&nbsp;</td>';
  login_text += '                <td class="textpasword"><a href="/login/forgot">Forgot my password</a></td>';
  login_text += '                </tr>';
  login_text += '            </table></td>';
  login_text += '          </tr>';
  login_text += '        </table>';
 /* login_text += '        <?if($redir == ''){';
  login_text += '          $redir = 'home';';
  login_text += '        } ';
  login_text += '        ?>';*/
  /*
  login_text += "        <input type='hidden' name='email2' value='' id=my_mail>";
  login_text += "        <input type='hidden' name='email'  value=''>";
  login_text += "        <input type='hidden' name='time'   value='-1' id=form_time_id>";
  login_text += '        <input type="hidden" name="passw"  value="" id=ygkey_id>';
  login_text += "        <input type='hidden' name='redir'  value='home'>";
  login_text += "        <input type='hidden' name='usern'  value='' id=usern>";
  login_text += '        </form>';*/
  login_text += '       <div id="login_form_div"></div>';
  login_text += '        <br />';
  login_text += '        <hr width=380 />';
  login_text += '        <br />';
  login_text += '        <table width="380" table height="92" border="0" align="center" cellpadding="0" cellspacing="0">';
  login_text += '          <tr>';
  login_text += '            <td align="left" valign="middle" class="textDiscover">New to Yoogli Music?</td>';
  login_text += '            <td>&nbsp;</td>';
  login_text += '          </tr>';
  login_text += '          <tr>';
  login_text += '            <td colspan="2" align="center" valign="middle"><form id="form5" name="form4" method="post" action="/signup">';
  login_text += '              <label>';
  login_text += '                <input type="image" src="/dj/images/btn_create.jpg" name="submit2" />';
  login_text += '              </label>';
  login_text += '            </form></td>';
  login_text += '          </tr>';
  login_text += '        </table>';
     
  login_text += '     </td>';
  login_text += '    </tr>';
  login_text += '  </table>';
  login_text += '  </center>';
  
  return login_text;
}
////**** END Displaying Loging popup****/////