var _sectId='';
var _nor=10;
var _content_type = 'mostrec';
var _username = '';
var infoit_summary = '';
var target = '';

function onSuccess(result) {
    $j("#loader").css("display", "none");
    $j("#widgetContainer").css("display", "block");
    __infowid(result);
    if ($j(".widgThemes").children(".current").attr("id") == "fainfoit-widget-theme5") {
        $j("#widgetContainer ul a").css("color", $j("#theme-link-color").val());
        $j("#widgetContainer ul a").hover(function() {
            $j(this).css("color", $j("#theme-hover-color").val())
        }, function() { $j(this).css("color", $j("#theme-link-color").val()) });
    }
    $j('#widgetContainer ul a').attr('target', target);
}

function onFailure() {
    $j("#loader").css("display", "none");
    $j("#widgetContainer").css("display", "block");
    $j("#widgetContainer ul").html("En la sección indicada no es disponible alguna noticia.")
}

function toggleCustom(W){
    if($j("#customOptions").css("display")=="none"&&W=="5"){
        $j("#customOptions").css("display", "block");
        $j("#widget-palette-1").css("display","block");
        $j(".fainfoit-widget-header")[0].style.backgroundColor = $j("#theme-header-color").val();
        $j(".fainfoit-widget-topic")[0].style.backgroundColor = $j("#theme-header-color").val();
        if ($j('.fainfoit-widget ul')[0])
            $j('.fainfoit-widget ul')[0].style.backgroundColor = $j("#theme-body-color").val();
        $j("#widgetContainer").css("border-color", $j("#theme-border-color").val());
        $j("#widgetContainer ul a").css("color", $j("#theme-link-color").val());
        $j(".fainfoit-widget-footer")[0].style.backgroundColor = $j("#theme-footer-color").val();
        $j("#widgetContainer ul a").hover(function() {
            $j(this).css("color", $j("#theme-hover-color").val())
        },
            function() { $j(this).css("color", $j("#theme-link-color").val()) })
     }
     else{
        $j("#customOptions").css("display", "none");
        $j("#widget-palette-1").css("display","none");
        $j("#widget-palette-2").css("display","none");
        $j("#widget-palette-3").css("display","none");
        $j("#widget-palette-4").css("display","none");
        $j("#widget-palette-5").css("display", "none");
        $j("#widget-palette-6").css("display", "none");
        $j(".fainfoit-widget-header")[0].style.backgroundColor = "";
        $j(".fainfoit-widget-topic")[0].style.backgroundColor = "";
        if ($j('.fainfoit-widget ul')[0])        
            $j('.fainfoit-widget ul')[0].style.backgroundColor = "";
        $j("#widgetContainer").css("border-color","");
        $j("#widgetContainer ul a").css("color","");
        $j(".fainfoit-widget-footer")[0].style.backgroundColor = "";
        $j("#widgetContainer ul a").unbind("hover")
      }
}

function toggleColors(W){
    $j("#widget-palette-1").css("display","none");
    $j("#swatch-1").css("display","none");
    $j("#widget-palette-2").css("display","none");
    $j("#swatch-2").css("display","none");
    $j("#widget-palette-3").css("display","none");
    $j("#swatch-3").css("display","none");
    $j("#widget-palette-4").css("display","none");
    $j("#swatch-4").css("display","none");
    $j("#widget-palette-5").css("display","none");
    $j("#swatch-5").css("display", "none");
    $j("#widget-palette-6").css("display", "none");
    $j("#swatch-6").css("display", "none");
    $j("#widget-palette-"+W).css("display","block");
    $j("#swatch-"+W).css("display","inline")
}

function updateCode(){
    var W = "";
    var N = "&lt;div class=\"fainfoit-widget-n\"&gt;&lt;a target=\"_blank\" href=\"http://www.mokanews.es/blogs\" title=\"Mokanews Blogs - Social News\"&gt;Mokanews Blogs - 2009&lt;/a&gt;&lt;/div&gt;<br />"
    W = W + "infoit_width = '" + $j("#widget-width").val() + "';<br>";
    W = W + "infoit_height = '" + $j("#widget-height").val() + "';<br>";
    W = W + "infoit_border = " + $j("#widget-border").val() + ";<br>";
    W = W + "infoit_count  = " + $j("#widgetVotes").val() + ";<br>";
    W = W + "infoit_summary  = " + $j("#widgetSummary").val() + ";<br>";
    W = W + "infoit_target  = " + $j("#widget-links").val() + ";<br>";

    if ($j(".widgThemes").children(".current").attr("id") == "fainfoit-widget-theme6") {
        W = W + "infoit_theme = 'fainfoit-widget-unstyled';<br>"
    }else{
    W = W + "infoit_theme = '" + $j(".widgThemes").children(".current").attr("id") + "';<br>"
    }
    
    W = W + 'infoit_title = "' + $j(".fainfoit-widget-topic").html() + '";<br>';

    if ($j("#customOptions").css("display") != "none") {
        W = W + "infoit_customHeader = '" + $j("#theme-header-color").val() + "';<br>";
        W = W + "infoit_customTopic = '" + $j("#theme-header-color").val() + "';<br>";
        W = W + "infoit_customBody = '" + $j("#theme-body-color").val() + "';<br>";
        W = W + "infoit_customFooter = '" + $j("#theme-footer-color").val() + "';<br>";
        W = W + "infoit_customBorder = '" + $j("#theme-border-color").val() + "';<br>";
        W = W + "infoit_customLink = '" + $j("#theme-link-color").val() + "';<br>";
        W = W + "infoit_customHoverLink = '" + $j("#theme-hover-color").val() + "';<br>";
    }
    
    if(W!=""){
        W = "&lt;script type=\"text/javascript\"&gt;<br>// en el caso de más de un widget en la misma página,<br>// usar un diferente id para cada uno.<br>infoit_id = 'fiwidgetContainer';<br>" + W + "&lt;/script&gt;<br>"
    }else{
    W = "&lt;script type=\"text/javascript\"&gt;<br>// en el caso de más de un widget en la misma página,<br>// usar un diferente id para cada uno.<br>infoit_id = 'widgetContainer';<br>&lt;/script&gt;<br>"
    }
    if (_content_type == 'mostrec') {
        W = W + '&lt;script type="text/javascript" src="http://www.mokanews.es/blogs/js/mokanews.es/widgetb.js"&gt;&lt;/script&gt;<br>' + N + '&lt;script type="text/javascript" src="http://www.mokanews.es/blogs/js/widget.axd?t=1&sid=' + _sectId + "&nr=" + $j("#widget-number").val() + '"&gt;&lt;/script&gt;';
    } else if (_content_type == 'mostpop') {
    W = W + '&lt;script type="text/javascript" src="http://www.mokanews.es/blogs/js/mokanews.es/widgetb.js"&gt;&lt;/script&gt;<br>' + N + '&lt;script type="text/javascript" src="http://www.mokanews.es/blogs/js/widget.axd?t=0&sid=' + _sectId + "&nr=" + $j("#widget-number").val() + '"&gt;&lt;/script&gt;';
    }
    else if (_content_type == 'by user') {
    W = W + '&lt;script type="text/javascript" src="http://www.mokanews.es/blogs/js/mokanews.es/widgetb.js"&gt;&lt;/script&gt;<br>' + N + '&lt;script type="text/javascript" src="http://www.mokanews.es/blogs/js/widget.axd?t=2&u=' + _username + "&nr=" + $j("#widget-number").val() + '"&gt;&lt;/script&gt;';
    }
    $j(".widget-script code").html(W)
    
}

function changeBorder(W) {
    if (W == 0) {
        $j("#widgetContainer").css("border-width", "0px");
    }
    else {
        $j("#widgetContainer").css("border-width", "7px");
    }
    updateCode();

    return false
}

function changeSummary(W){
    if(W=="1"){
        $j("#widgetContainer ul").removeClass("no-fainfoitSummary");
        infoit_summary = '';
    }else{
        $j("#widgetContainer ul").addClass("no-fainfoitSummary");
        infoit_summary = 'no-fainfoitSummary';
    }
    updateAll()
}

function changeVotes(W) {
    if (W == "1") {
        $j("#widgetContainer ul").removeClass("no-fainfoit-count")
    } else {
        $j("#widgetContainer ul").addClass("no-fainfoit-count")
    }
    updateCode()
}
function changeTitle(W){
    $j(".fainfoit-widget-topic").html(W)
}

function updateWidget() {
    $j("#widgetContainer").css("display", "none");
    $j("#loader").css("display", "block");
    if (_content_type == 'mostrec')
        WidgetService.GetArticlesBySection(1, _sectId, _nor, onSuccess, onFailure);
    else if (_content_type == 'mostpop')
        WidgetService.GetArticlesBySection(0, _sectId, _nor, onSuccess, onFailure);
    else if (_content_type=="by user")
        WidgetService.GetArticlesByUser(_username, _nor, onSuccess, onFailure);
}

function updateAll(){
    updateWidget();
    updateCode();
}

function toggleTheme(d) {
    toggleCustom(d);
    var c="fainfoit-widget fainfoit-widget-theme"+d;
    $j("#widgetContainer").removeClass();
    if(d!=6){
        $j("#widgetContainer").addClass(c)
    }
    else{
        $j("#widgetContainer").addClass("fainfoit-widget-unstyled")
    }
    $j(".widgThemes").children(".current").removeClass(); $j("#fainfoit-widget-theme" + d).addClass("current");
    updateCode();
    return false
}


Sys.Application.add_init(pageInit);

function pageInit(sender, e) {
    updateAll();
}