// is called "on load"
 jQuery(function(){

    if ($.facebox)
        jQuery('a[rel*=facebox]').facebox() 

    // get the menu souped up
    jQuery('ul.sf-menu').superfish();
    setSelectedMenuItem();
    
    // check whether we need to show the voting form
    if (jQuery.query)
    {

        var vote = jQuery.query.get('vote');
        // show the vote modal popup if so
       if (vote=="yes" && $('#voteAnchor'))
       {        
            if ($('#mapWrapper'))
                $('#mapWrapper').hide();               

             showModal();
       }
       else if (window.location.pathname == "/Homepage.aspx")
       {
            if ($('#wrapper'))
                $('#wrapper').hide();               
                  
            // don't show the map if ?intro=no
            var intro = jQuery.query.get('intro');
            var origin = jQuery.query.get('o');
           
            if (!intro || !(intro=="no"))             
            {showMap();}
            else if (origin && origin=="ignore")           
            {showMap();}

        }
        else {}
     }
          
    if (jQuery.fn.liScroll)
        $("ul#ticker").liScroll({travelocity: 0.03});      
 });     
 
 // show map overlay
 function showMap() 
 {      
      $('#mapAnchor').click();
       // hook up the close button
       $('.close').click($.facebox.close)     
 }
  
 // show voting modal
 function showModal()
 {
      $('#voteAnchor').click();
       $('.close').click($.facebox.close)     
      initVotingForm();
 }
 
// based on selected language and skin, generate the code for the iframe
 function changeWidgetCode()
 {
    var lang = jQuery('#country').val();
    var skin =  jQuery('#skin').val();  
 
    var code = "<iframe src=\"http://www.earthhour.org/widget/vote/Widget.htm?lang=" + lang + "&skin=" + skin + "\" frameborder=\"0\" width=\"620\" height=\"680\"><p>Your browser does not support iframes.</p></iframe>"
 
    jQuery('#codeSnippet').text(code); 
 }

// based on selected banner and size, generate the code for the iframe
 function changeBannerCode(banner)
 {
    if (banner==1)
    {
    // the people banner
        var size = jQuery('#banner_1').val();
        var height= 600;
        var width = 120;

        if (size=="160x600"){width=160; height=600;}
        else if (size=="300x250"){width=300; height=250;}
        else if (size=="728x90"){width=728; height=90;}
                
        var code = "<object height=\"" + height + "\" width=\"" + width + "\" type=\"application/x-shockwave-flash\" data=\"http://earthhour.org/assets/flash/tools/banners/EarthHour_" + size + "_2010.swf\"><param value=\"http://earthhour.org/assets/flash/tools/banners/EarthHour_" + size + "_2010.swf\" name=\"movie\" /><param value=\"transparent\" name=\"wmode\" /><param value=\"true\" name=\"allowFullScreen\" /><param value=\"always\" name=\"allowscriptaccess\" /></object>";
    
    jQuery('#taBanner1').text(code); 
    }
    else if (banner==2)
    {
        // the dates banner
        var size = jQuery('#banner_2').val();
        var height= 250;
        var width = 300;

        if (size=="300x250"){width=300; height=250;}
        else if (size=="728x90"){width=728; height=90;}
                
        var code = "<object height=\"" + height + "\" width=\"" + width + "\" type=\"application/x-shockwave-flash\" data=\"http://earthhour.org/assets/flash/tools/banners/EarthHour_" + size + "_dates.swf\"><param value=\"http://earthhour.org/assets/flash/tools/banners/EarthHour_" + size + "_dates.swf\" name=\"movie\" /><param value=\"true\" name=\"allowFullScreen\" /><param value=\"always\" name=\"allowscriptaccess\" /></object>";
    
        jQuery('#taBanner2').text(code);     
    }
    else{}
 }

function setSelectedMenuItem()
{
   switch(window.location.pathname)
   {
        case("/Homepage.aspx"):
            $("#home").addClass("homeSelected");
            break;
        case("/"):
            $("#home").addClass("homeSelected");
            break;
        case("/SupportersMap.aspx"):
            $("#mapnav").addClass("mapnavSelected");
            break;
        case("/About.aspx"):
            $("#about").addClass("aboutSelected");
            break;
        case("/TakeAction.aspx"):
            $("#action").addClass("actionSelected");
            break;
        case("/SpreadTheWord.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/tools/TellTheWorld.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/tools/widget/Widget.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/tools/logos/Logos.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/tools/banners/Banners.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/tools/posters/Posters.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/howto/Guides.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/howto/Organisers.aspx") :
            $("#action").addClass("actionSelected");
            break;        
        case("/kids/MakeALantern.aspx"):
            $("#lantern").addClass("lanternSelected");
            break;
        case("/kids/Game.aspx") :   
            $("#lantern").addClass("selected");
            break;
        case ("/kids/lightswitch/Lightswitch.aspx"):
            $("#lantern").addClass("selected");
            break;
        case ("/Innovators.aspx"):
            $("#innovators").addClass("innovatorsSelected");
            break;
        case("/LatestNews.aspx"):
            $("#news").addClass("newsSelected");
            break;
        case("/Media.aspx"):
            $("#media").addClass("mediaSelected");
            break;
        case("/Spokespeople.aspx"):
            $("#media").addClass("mediaSelected");
            break;
        case("/History.aspx"):
            $("#media").addClass("mediaSelected");
        break;
        case("/mediareleases/Archive.aspx"):
            $("#media").addClass("mediaSelected");
        break;
        default :
            break;
    }
}

// render the lantern in the users chosen language
function changeOnLanternLanguage(selectValue) {
    // if they've chosen a language
    if (selectValue != "-1")
    {        
        var flashString = "<div style=\"background-color:Black;\"><div id=\"flashcontent\" class=\"content\"><p>To make a lantern you need the latest version of <a href=\"http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash\" target=\"blank\">flash player</a>.</p></div></div>";    
        $('#flashContainer').html(flashString)
        
        var sitemap = "/assets/lantern/sitemaps/english.xml";	    
	    var pathToSwf = "/assets/lantern/main.swf";

	    if (selectValue != "english") 
        {
            if (selectValue == "greek")
                pathToSwf = "/assets/lantern/main_greek.swf";
            else
                pathToSwf = "/assets/lantern/multilingual.swf";

            sitemap = "/assets/lantern/sitemaps/" + selectValue + ".xml";
        }

        swfobject.embedSWF(pathToSwf, "flashcontent", "920", "495", "9.0.0", false, { days: 20, created: 1000, sitemap: sitemap, trackingID: '' }, {}, { id: "Main", wmode: "Transparent" });    
    }
}

function changeLanternCode(lang) {

    code = "<iframe src=\"http://www.earthhour.org/kids/Lantern_frame.aspx?lang=" + lang + "\" scrolling=\"no\" frameborder=\"no\" width=\"920\" height=\"495\"></iframe>";
    $('#txtCode').text(code);
}