﻿
    var offsetFromTop = 10;    
    
    document.write("<div id=\"widgetModal-Background\" class=\"widgetModalBackground\" style=\"display:none;\"></div>");            
    document.write("<div id=\"modal-widgetBox\" class=\"widgetBox\" style=\"display:none;\"></div>");            
    
    var widgetsImagesDomain;
    
    //widgetsImagesDomain = ".";
    //widgetsImagesDomain  = "http://stagingwidgets.batanga.com";    
    widgetsImagesDomain  = "http://widgets.batanga.com";    
    
    var widgetsCode = new Array();
    var widgetsTitle = new Array();
    var widgetsImageName = new Array();
    
    function PadDigits(n, totalDigits) 
    { 
        n = n.toString(); 
        var pd = ''; 
        if (totalDigits > n.length) 
        { 
            for (i=0; i < (totalDigits-n.length); i++) 
            { 
                pd += '0'; 
            } 
        } 
        return pd + n.toString(); 
    } 

    
    function getRandom()
    {
        var ranNum= Math.floor(Math.random()*1000000);
        return ranNum;
    }

    function populateWidgetsArray()
    {
        var now = new Date();
        var uniqueID = new String();
        
        uniqueID = PadDigits(now.getMonth() + 1, 2).toString() + PadDigits(now.getDate(), 2).toString()  + now.getFullYear().toString() + PadDigits(now.getHours(), 2).toString() + PadDigits(now.getMinutes(), 2).toString() + PadDigits(now.getSeconds(), 2).toString() + PadDigits(getRandom(), 6).toString();
        //alert(uniqueID);
    
        widgetsCode[0] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/reggaeton.widget?uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[0] = widgetsCode[0] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63228&promo=100000 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Reggaeton Radio</a>';
        widgetsCode[0] = widgetsCode[0] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[0] = widgetsCode[0] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=0 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[0] = widgetsCode[0] + '</div>'
        widgetsTitle[0] = "Reggaeton";
        widgetsImageName[0] = "reggaeton.gif";
        
        widgetsCode[1] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/top40.widget?uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[1] = widgetsCode[1] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63845&promo=100001 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Top40 Radio</a>';
        widgetsCode[1] = widgetsCode[1] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[1] = widgetsCode[1] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=1 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[1] = widgetsCode[1] + '</div>'
        widgetsTitle[1] = "Top 40";
        widgetsImageName[1] = "top40.gif";
      
        widgetsCode[2] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/pop.widget?uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[2] = widgetsCode[2] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63839&promo=100002 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Pop Radio</a>';
        widgetsCode[2] = widgetsCode[2] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[2] = widgetsCode[2] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=2 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[2] = widgetsCode[2] + '</div>'
        widgetsTitle[2] = "Pop";
        widgetsImageName[2] = "pop.gif";
        
        widgetsCode[3] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/iluvbatanga.widget?uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[3] = widgetsCode[3] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63839&promo=100003 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Pop Radio</a>';
        widgetsCode[3] = widgetsCode[3] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[3] = widgetsCode[3] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=3 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[3] = widgetsCode[3] + '</div>'
        widgetsTitle[3] = "I Love Batanga!";
        widgetsImageName[3] = "iluvbatanga.gif";

        widgetsCode[4] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/batanguero.widget?uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[4] = widgetsCode[4] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63845&promo=100004 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Top40 Radio</a>';
        widgetsCode[4] = widgetsCode[4] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[4] = widgetsCode[4] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=4 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[4] = widgetsCode[4] + '</div>'
        widgetsTitle[4] = "I am Batanguero!";
        widgetsImageName[4] = "batanguero.gif";
        
    }
    
    /*
    function populateWidgetsArray(id)
    {
        var now = new Date();
        var uniqueID = new String();
        
        uniqueID = PadDigits(now.getMonth() + 1, 2).toString() + PadDigits(now.getDate(), 2).toString()  + now.getFullYear().toString() + PadDigits(now.getHours(), 2).toString() + PadDigits(now.getMinutes(), 2).toString() + PadDigits(now.getSeconds(), 2).toString() + PadDigits(getRandom(), 6).toString();
        //alert(uniqueID);
    
        widgetsCode[0] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/reggaeton.widget?orginationid=' + id + '&uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[0] = widgetsCode[0] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63228&promo=100000 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Reggaeton Radio</a>';
        widgetsCode[0] = widgetsCode[0] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[0] = widgetsCode[0] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=0 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[0] = widgetsCode[0] + '</div>'
        widgetsTitle[0] = "Reggaeton";
        widgetsImageName[0] = "reggaeton.gif";
        
        widgetsCode[1] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/top40.widget?orginationid=' + id + '&uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[1] = widgetsCode[1] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63845&promo=100001 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Top40 Radio</a>';
        widgetsCode[1] = widgetsCode[1] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[1] = widgetsCode[1] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=1 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[1] = widgetsCode[1] + '</div>'
        widgetsTitle[1] = "Top 40";
        widgetsImageName[1] = "top40.gif";
      
        widgetsCode[2] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/pop.widget?orginationid=' + id + '&uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[2] = widgetsCode[2] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63839&promo=100002 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Pop Radio</a>';
        widgetsCode[2] = widgetsCode[2] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[2] = widgetsCode[2] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=2 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[2] = widgetsCode[2] + '</div>'
        widgetsTitle[2] = "Pop";
        widgetsImageName[2] = "pop.gif";
        
        widgetsCode[3] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/iluvbatanga.widget?orginationid=' + id + '&uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[3] = widgetsCode[3] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63839&promo=100003 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Pop Radio</a>';
        widgetsCode[3] = widgetsCode[3] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[3] = widgetsCode[3] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=3 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[3] = widgetsCode[3] + '</div>'
        widgetsTitle[3] = "I Love Batanga!";
        widgetsImageName[3] = "iluvbatanga.gif";

        widgetsCode[4] = '<div style="width:150px; height:150px; background-image:url(' + widgetsImagesDomain + '/stations/en/batanguero.widget?orginationid=' + id + '&uid=' + uniqueID + '); overflow:hidden">';
        widgetsCode[4] = widgetsCode[4] + '<a target="_blank" href=http://myradio.batanga.com/Player/player.aspx?PlaylistID=63845&promo=100004 style="display:block; height:125px; padding-left:150px; overflow:hidden">Batanga Top40 Radio</a>';
        widgetsCode[4] = widgetsCode[4] + '<a target="_blank" href=http://www.batanga.com style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga.com</a>';
        widgetsCode[4] = widgetsCode[4] + '<a target="_blank" href=http://widgets.batanga.com/default.aspx?id=4 style="display:block; float:left; padding-top:25px; width:75px; overflow:hidden">Batanga Widgets - Share Me</a>';
        widgetsCode[4] = widgetsCode[4] + '</div>'
        widgetsTitle[4] = "I am Batanguero!";
        widgetsImageName[4] = "batanguero.gif";
        
    }
    */

    function showwidgets(width)
    {
        ShowHideObjects("hidden");
        
        var dlg_background  = document.getElementById("widgetModal-Background");
        
        dlg_background.style.width = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth) + "px";        
        dlg_background.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) + "px";
        dlg_background.style.display = "";
        
    	var widgetBox = document.getElementById("modal-widgetBox");
    	widgetBox.style.width = width + "px";
    	widgetBox.innerHTML = getwidgetscode(true);
		
		widgetBox.style.top = document.body.scrollTop + offsetFromTop + "px";		
		widgetBox.style.left = (document.body.clientWidth / 2 ) - (width / 2) + "px";
		
		widgetBox.style.display = "";
    }
    

    function PickThisWidget(widgetIndex)
    {
    
        if(widgetIndex >= widgetsCode.length) return;
        
        var pickedWidget = document.getElementById("pickawidget");
        pickedWidget.src = widgetsImagesDomain + "/stations/en/" + widgetsImageName[widgetIndex] ;
        
        var widgetCodeTextArea = document.getElementById("widgetCodeTextArea");
        if(document.all)        //IE
            widgetCodeTextArea.innerText = widgetsCode[widgetIndex];
        else                    //FF
            widgetCodeTextArea.textContent  = widgetsCode[widgetIndex];            
        
        var widgetTitle = document.getElementById("widgetTitle");
        widgetTitle.value = widgetsTitle[widgetIndex];
        
    }
    
    function closeWidgets()
    {
        ShowHideObjects("visible");
	    
	    closeTag("widgetModal-Background");
	    closeTag("modal-widgetBox");
    }
    
    function getwidgetscode(showclose)
    {
        var widgetHTML;
        
        populateWidgetsArray();
        
        widgetHTML =  "<div class=\"widgetBoxContentFrame\" style=\"background-image:url(" +  widgetsImagesDomain + "/images/background.jpg" + ");\">";                
        
        if(showclose)
            widgetHTML = widgetHTML  + "<a style=\"float:right;font-size:10px;\" href=# onclick=\"closeWidgets();\"><span class=\"widgetFont\">close</span></a>";            
                
            widgetHTML =  widgetHTML + "<div style=\"text-align:left;padding-top:95px;padding-bottom:10px;padding-left:35px;padding-right:30px\">";                            
            //widgetHTML =  widgetHTML + "<div style=\"text-align:left;padding-top:15px;padding-bottom:10px;padding-left:35px;padding-right:30px\">";                            
                //widgetHTML = widgetHTML  + "<img style=\"padding-left:5px;padding-bottom:5px;\" border=0 src=" + widgetsImagesDomain + "/images/widgets_logo.jpg>";
                widgetHTML  = widgetHTML   + "<table border=0  cellpadding=0>";	    			                
                widgetHTML  = widgetHTML  + "<tr>";
                    widgetHTML  = widgetHTML  + "<td valign=top>";
                        widgetHTML  = widgetHTML   + "<table valign=top border=0 cellpadding=0 cellspacing=5 >";	    
                            widgetHTML  = widgetHTML  + "<tr valign=top>";
                                widgetHTML  = widgetHTML  + "<td colspan=3 valign=top>";
                                    widgetHTML  = widgetHTML  + "<span class=\"widgetFont\">1. Pick a widget.</span>";
                                widgetHTML  = widgetHTML  + "</td>";
                            widgetHTML  = widgetHTML  + "</tr>";
                            widgetHTML  = widgetHTML  + "<tr>";
                                widgetHTML  = widgetHTML  + "<td>";
                                    widgetHTML  = widgetHTML  + "<a href=\"#\" onclick=\"PickThisWidget(0);\"><img border=0  valign=top height=50 width=50 src=" + widgetsImagesDomain + "/stations/en/reggaeton.gif></a>";
                                widgetHTML  = widgetHTML  + "</td>";
                                widgetHTML  = widgetHTML  + "<td>";
                                    widgetHTML  = widgetHTML  + "<a href=\"#\" onclick=\"PickThisWidget(1);\"><img border=0 valign=top height=50 width=50 src=" + widgetsImagesDomain + "/stations/en/top40.gif></a>";
                                widgetHTML  = widgetHTML  + "</td>";
                                widgetHTML  = widgetHTML  + "<td>";
                                    widgetHTML  = widgetHTML  + "<a href=\"#\" onclick=\"PickThisWidget(2);\"><img border=0 valign=top height=50 width=50 src=" + widgetsImagesDomain + "/stations/en/pop.gif></a>";
                                widgetHTML  = widgetHTML  + "</td>";
                            widgetHTML  = widgetHTML  + "</tr>";
                            widgetHTML  = widgetHTML  + "<tr>";
                                widgetHTML  = widgetHTML  + "<td>";
                                    widgetHTML  = widgetHTML  + "<a href=\"#\" onclick=\"PickThisWidget(3);\"><img border=0 valign=top height=50 width=50 src=" + widgetsImagesDomain + "/stations/en/iluvbatanga.gif></a>";
                                widgetHTML  = widgetHTML  + "</td>";
                                widgetHTML  = widgetHTML  + "<td>";
                                    widgetHTML  = widgetHTML  + "<a href=\"#\" onclick=\"PickThisWidget(4);\"><img border=0 valign=top height=50 width=50 src=" + widgetsImagesDomain + "/stations/en/batanguero.gif></a>";
                                widgetHTML  = widgetHTML  + "</td>";
                                /*
                                widgetHTML  = widgetHTML  + "<td>";
                                    widgetHTML  = widgetHTML  + "<a href=\"#\" onclick=\"PickThisWidget(5);\"><img border=0 valign=top height=50 width=50 src=" + widgetsImagesDomain + "/stations/en/rock.gif></a>";
                                widgetHTML  = widgetHTML  + "</td>";
                                */
                            widgetHTML  = widgetHTML  + "</tr>";
                            widgetHTML  = widgetHTML  + "<tr>";
                                widgetHTML  = widgetHTML  + "<td colspan=3>";
                                    widgetHTML  = widgetHTML  + "<input id=widgetTitle style=\"font-size:11px;\" readonly value=\"-----------------------------------------\">";
                                widgetHTML  = widgetHTML  + "</td>";
                            widgetHTML  = widgetHTML  + "</tr>";
                        widgetHTML = widgetHTML  + "</table>";
                    widgetHTML  = widgetHTML  + "</td>";
                    widgetHTML  = widgetHTML  + "<td>";
                        widgetHTML  = widgetHTML  + "<img border=0 id=pickawidget valign=top src=" + widgetsImagesDomain + "/stations/en/pickawidget.jpg />";                        
                    widgetHTML  = widgetHTML  + "</td>";
                widgetHTML  = widgetHTML  + "</tr>";
                widgetHTML  = widgetHTML  + "<tr>";
                    widgetHTML  = widgetHTML  + "<td colspan=3>";
                        widgetHTML  = widgetHTML  + "<span class=\"widgetFont\">2. Copy this code into your blog, myspace or myBatanga page to share your favorite music with your friends!</span>";
                        widgetHTML  = widgetHTML  + "<br><textarea onclick=\"javascript:copyToClipboard('widgetCodeTextArea'); return false;\" readonly rows=3 cols=50 id=widgetCodeTextArea style=\"font-size:11px;overflow: scroll;overflow-y: scroll;overflow-x: hidden;overflow:-moz-scrollbars-vertical;\"></textarea>";
                    widgetHTML  = widgetHTML  + "</td>";
                widgetHTML  = widgetHTML  + "</tr>";
                widgetHTML = widgetHTML  + "</table>";
            widgetHTML = widgetHTML  + "</div>";      
        widgetHTML = widgetHTML  + "</div>";      
    
        return widgetHTML;      
    }
 