$(document).ready(
	function () {
		$('a.PortLetsMenosLaranja').bind('click', toggleContent);
		$('a.PortLetsMenosAzul').bind('click', toggleContent);
		$('a.PortLetsMenosVerde').bind('click', toggleContent);
		$('a.PortLetsFecharLaranjaOn').bind('click', fecharPortletsOn);
		$('a.PortLetsFecharAzulOn').bind('click', fecharPortletsOn);
		$('a.PortLetsFecharVerdeOn').bind('click', fecharPortletsOn);
		$('a.PortLetsFecharLaranjaOff').bind('click', fecharPortletsOff);
		$('a.PortLetsFecharAzulOff').bind('click', fecharPortletsOff);
		$('a.PortLetsFecharVerdeOff').bind('click', fecharPortletsOff);
		$('div.PortLetsArea').Sortable(
			{
				accept: 'PortLetsItem',
				helperclass: 'PortLetsHelper',
				activeclass : 	'sortableactive',
				hoverclass : 	'sortablehover',
				handle: 'div.PortLetsTitulo',
				tolerance: 'pointer',				
				revert: true, 
				onChange : function(ser)
				{
				    gravarConfig(ser);
				    atualizaTamanhoZonas();
				},
				onStart : function()
				{
					$.iAutoscroller.start(this, document.getElementsByTagName('body'));
					atualizaTamanhoZonas();
				},
				onStop : function()
				{
					$.iAutoscroller.stop();
				}
    		}
		);
	}
);

function atualizaTamanhoZonas()
{
    tam = 0;
    listaPortlets = $('div.PortLetsArea');
    for(i=0; i<listaPortlets.length; i++)
    {
        str = listaPortlets[i].id.toString();
        serial = jQuery.SortSerialize(str);
        areas = serial.hash.split("&");
        if(areas.length > tam)
            tam = areas.length;
    }

    for(i=0; i<listaPortlets.length; i++)
        listaPortlets[i].style.height = (260*parseInt(tam)).toString() + 'px';
}

var toggleContent = function(e)
{
	var targetContent = $('div.PortLetsConteudo', this.parentNode.parentNode);
	if (targetContent.css('display') == 'none') 
	{
		targetContent.slideDown(300);
		$(this).html('-');
        this.className = this.className.replace('PortLetsMais','PortLetsMenos');		
	} else {
		targetContent.slideUp(300);
		$(this).html('+');
		this.className = this.className.replace('PortLetsMenos','PortLetsMais');
	}
	return false;
};

var fecharPortletsOn = function(e)
{
    var strTitulo = '';
    var tagTitulo = $('div.PortLetsTitulo h2', this.parentNode.parentNode);
    if(tagTitulo.length > 0)
    {
        strTitulo = tagTitulo.attr('innerHTML');
        tagTitulo = $('div.PortLetsTitulo h2 a', this.parentNode.parentNode);
        if(tagTitulo.length > 0)
            strTitulo = tagTitulo.attr('innerHTML');
    }
    Diretoria = document.getElementById("hiDiretoria_id").value;

    if(window.confirm('Voc' + unescape('%EA') + ' tem certeza de que deseja fechar a se' + unescape('%E7%E3') + 'o "'+ strTitulo +'"?\nPara adicion' + unescape('%E1') + '-la novamente, clique no bot' + unescape('%E3') + 'o "Personalize sua Home" no topo desta p' + unescape('%E1') + 'gina.'))
    {
        var strID = $(this).parents(".PortLetsItem:first").attr('id');
        var lista = $('span.checked');
        for(i=0; i<lista.length; i++)
        {
            if('PortLets'+$(lista[i]).attr('secao_id') == strID)
                document.getElementById(lista[i].id).className = "unchecked";
        }
        $(this).parents(".PortLetsItem:first").remove();
        gravarConfig();
        atualizaTamanhoZonas();
    }
	return false;
};

var fecharPortletsOff = function(e)
{
    var strTitulo = '';
    var tagTitulo = $('div.PortLetsTitulo h2', this.parentNode.parentNode);
    if(tagTitulo.length > 0)
    {
        strTitulo = tagTitulo.attr('innerHTML');
        tagTitulo = $('div.PortLetsTitulo h2 a', this.parentNode.parentNode);
        if(tagTitulo.length > 0)
            strTitulo = tagTitulo.attr('innerHTML');
    }
    Diretoria = document.getElementById("hiDiretoria_id").value;
    
    window.alert('Op' + unescape('%E7%E3') + 'o n' + unescape('%E3') + 'o dispon' + unescape('%ED') + 'vel para a se' + unescape('%E7%E3') + 'o "'+ strTitulo +'".');
	return false;
};

/*function inicializar()
{
    if($.cookie("personalizacaoHome") != null)
    {
        carregaConfig($.cookie("personalizacaoHome"));
    }
};

function apagarConfig()
{
    $.cookie("personalizacaoHome", null, { path: '/' });
    window.location.href = 'index.aspx';
}

function gravarConfig(s)
{
    serial = jQuery.SortSerialize('');
    $.cookie("personalizacaoHome", serial.hash, { path: '/', expires: 365 });
}*/

function inicializar()
{
    var spanSubcanal = $('span.hiSubcanalID');
    var subcanalID = spanSubcanal[0].innerHTML;
    if($.cookie("personalizacaoHome" + subcanalID) != null)
    {
        carregaConfig($.cookie("personalizacaoHome" + subcanalID));
    }
};

function apagarConfig()
{
    var spanSubcanal = $('span.hiSubcanalID');
    var subcanalID = spanSubcanal[0].innerHTML;
    $.cookie("personalizacaoHome" + subcanalID, null, { path: '/' });
    window.location.href = window.location.href;
}

function gravarConfig(s)
{
    var spanSubcanal = $('span.hiSubcanalID');
    var subcanalID = spanSubcanal[0].innerHTML;
    serial = jQuery.SortSerialize('');
    $.cookie("personalizacaoHome" + subcanalID, serial.hash, { path: '/', expires: 365 });
}

function carregaConfig(config)
{
    config =  config.replace(/\[\]/g, '');
    areas = config.split("&");
    for(i=0; i<areas.length; i++)
    {
        aItem = areas[i].split("=");
        $('#'+ aItem[0]).append($('#'+ aItem[1]));
    }
};

function pageLoad() 
{
    inicializar();
    InicializarImagem();
}

function HabilitaImagem(obj, id, idDest, portlet)
{
    document.getElementById('divImgT'+idDest+portlet+'A2').innerHTML = document.getElementById(id).innerHTML;
    var lista = $('span.menuOn_'+ idDest);
    for(i=0; i<lista.length; i++)
        lista[i].className = 'menuOff_'+ idDest;
    obj.className = 'menuOn_'+ idDest;
}

function HabilitaMenu(obj, id, idDest, portlet)
{   
    var lista = $('span.menuOn_'+ idDest);
    for(i=0; i<lista.length; i++)
        lista[i].className = 'menuOff_'+ idDest;
    obj.className = 'menuOn_'+ idDest;
}

function InicializarImagem()
{
    var lista = $('span.menuOff_502');
    for(i=0; i<lista.length; i++)
    {   
        lista[0].className = 'menuOn_502';
        tmp = sub;
        do
        {   
            subcanal = tmp.substring(0,tmp.indexOf(","))
            tmp = tmp.substr(tmp.indexOf(",")+1)
            if(document.getElementById('divImgT502'+subcanal+'A2')!=null)
            {
                document.getElementById('divImgT502'+subcanal+'A2').innerHTML = document.getElementById('imgP502'+subcanal+'A2I0').innerHTML;
            }
        } while(subcanal!='')
    }
    
    var lista = $('span.menuOff_503');
    for(i=0; i<lista.length; i++)
    {   
        lista[0].className = 'menuOn_503';
        tmp = sub;
       do
        {   
            subcanal = tmp.substring(0,tmp.indexOf(","))
            tmp = tmp.substr(tmp.indexOf(",")+1)
            if(document.getElementById('divImgT503'+subcanal+'A2')!=null)
            {
                document.getElementById('divImgT503'+subcanal+'A2').innerHTML = document.getElementById('imgP503'+subcanal+'A2I0').innerHTML;
            }
        } while(tmp!='')
    }
     
   var lista = $('div.video_p507');
    for(i=0; i<lista.length; i++)
    {   
       tmp = subVideo;
       do
        {   
            subcanal = tmp.substring(0,tmp.indexOf(","))
            tmp = tmp.substr(tmp.indexOf(",")+1)
            /*document.getElementById("Titulo_0_" + subcanal).className = 'aba_on0';
            document.getElementById("Video_0_" + subcanal).style.display = '';*/
            document.getElementById("Fotos_0_4_" + subcanal).style.display = '';
        } while(tmp!='')
    }
}