/// <reference path="jquery-1.2.6.min.js" />

function TogglePanel(typeName) 
{
    if ($('#' + typeName + 'Panel').is(":hidden")) 
    {   
	    OpenPanel(typeName + 'Trigger', typeName + 'Panel');  
    } 
    else 
    {  
        ClosePanel(typeName + 'Trigger', typeName + 'Panel');
        CloseEditPanel(typeName + 'Trigger', typeName + 'Edit');
    }
 }

 function CloseEditPanel(buttonID, panelID) {
    $('#' + panelID).slideUp("slow");
    $.cookies.set(panelID, "collapsed");
 }
 
 function OpenEditPanel(buttonID, panelID) {
    $('#' + panelID).slideDown("slow");
    $.cookies.set(panelID, "expanded");
 }
 
 function OpenPanel(buttonID, panelID) {
    $('#' + panelID).slideDown("slow");
    $('#' + buttonID).removeClass("aCollapsed");
    $('#' + buttonID).addClass("aExpanded");
    $.cookies.set(panelID, "expanded");
}
 
 function ClosePanel(buttonID, panelID) {
    $('#' + panelID).slideUp("slow");
    $('#' + buttonID).removeClass("aExpanded");
    $('#' + buttonID).addClass("aCollapsed"); 
    $.cookies.set(panelID, "collapsed"); 
 }

 function ToggleEditPanel(typeName) 
 {
    var panelState = $.cookies.get(typeName + 'Panel');

    if (panelState == "collapsed" || panelState == null) 
    {
        if ($('#' + typeName + 'Panel').is(":hidden")) 
        {
            OpenPanel(typeName + 'Trigger', typeName + 'Panel');
         } 
         else 
         {
            ClosePanel(typeName + 'Trigger', typeName + 'Panel');
         }
    }
     
    if ($('#' + typeName + 'Edit').is(":hidden")) 
    {
        $('#' + typeName + 'Edit').slideDown("slow");
        $.cookies.set(typeName + 'Edit', "expanded");
    } 
    else 
    {
        $('#' + typeName + 'Edit').slideUp("slow");
        $.cookies.set(typeName + 'Edit', "collapsed");
    }
}

function Init(typeName) 
{
    $('#' + typeName + 'Panel').hide();
    $('#' + typeName + 'Edit').hide();
 
    var panelState = $.cookies.get(typeName + 'Panel');
    var editState = $.cookies.get(typeName + 'Edit');
    
    if (panelState == "expanded")
    {
        $('#' + typeName + 'Panel').show();
        
        if (editState == "expanded")
        {
            $('#' + typeName + 'Edit').show();
        }
        
        $('#' + typeName + 'Trigger').removeClass("aCollapsed");
        $('#' + typeName + 'Trigger').addClass("aExpanded");
    }

    if (panelState == null && editState == null) {
        $.cookies.set(typeName + 'Panel', "collapsed");
        $.cookies.set(typeName + 'Edit', "collapsed");
    }
}

function AddCharacterCount(fieldID) 
{
    var name = fieldID + "_cc";
    var maxchars = $('#' + fieldID).attr("maxcharcount");
     
    $('#' + fieldID).after('<span id="' + name + '"></span>');
    
    $('#' + fieldID).keyup(function()
    {
        var charLength = $(this).val().length;
        // Displays count
        $('#' + name).html(charLength + " av " + maxchars + " tecken används");
        // Alerts when max characters is reached
        if(charLength > maxchars)
        $('#' + name).html('<span class="validationerror">Du får bara ha max ' + maxchars + ' tecken.</span>');
    });
}

function ToggleDelete(typeName, Identifier, originalImage, cancelImage) 
{

    if ($('#delete' + typeName + Identifier).is(":hidden")) {

        $('#trigger' + typeName + Identifier).attr("src", cancelImage);

        $('#commands' + typeName + Identifier).hide();
        $('#commands' + typeName + Identifier).animate({ left: '-=200' }, 500);


        $('#delete' + typeName + Identifier).show("slow");
        $('#delete' + typeName + Identifier).animate({ left: '+=200' }, 500);

        
    }
    else {
        $('#trigger' + typeName + Identifier).attr("src", originalImage);

        $('#delete' + typeName + Identifier).hide();
        $('#delete' + typeName + Identifier).animate({ left: '-=200' }, 500);


        $('#commands' + typeName + Identifier).show("slow");
        $('#commands' + typeName + Identifier).animate({ left: '+=200' }, 500);
    }
}

//function onClick(id, controlId) {
//    var ID = this.document.getElementById(controlId);
//    ID.value = id;
//}


function openAlert(message)
{
    alert(message, 330, 100);
}

/* shows a hidden element */
function showElem(selector) {
    $(selector).show();
}