function checkAddArtist(hidAddArtsistID, addArtistID)
{
var hidAddArtsist = getObjectValue(hidAddArtsistID);
var spl = hidAddArtsist.split(',');

for(i=0; i<spl.length; i++)
{
    if(spl[i] == addArtistID)
    {
        return true;
        break;
    }
}

return false;
}

function removeArtist(localID, drpID,ArtistsListID,hidAddArtsistID)
{


    var drp = document.getElementById(drpID);

    var hidAddArtsist = document.getElementById(hidAddArtsistID);

    var ArtistsList = getLayerContent(ArtistsListID);
    

    var removeID = drp.value;
   
    var spl = hidAddArtsist.value.split(',');
    var splArtistName = ArtistsList.split(',');
    var newhidArtists = '';
    var newArtsitNames = '';
    
    if(!isNaN(removeID))
    {

    for(i=0; i<spl.length; i++)
    {
        if(!isNaN(spl[i]))
        {
        if(parseInt(spl[i]) != parseInt(removeID))
        {
                        
            if(newhidArtists != '')
            {
                newhidArtists += ',';
            }
            newhidArtists += spl[i];
            
            if(newArtsitNames != '')
            {
                newArtsitNames += ', ';
            }
            newArtsitNames += splArtistName[i];
        }

        }
    }

        
        setObjectValue(hidAddArtsistID,newhidArtists);
        setLayerContent(ArtistsListID,newArtsitNames);
    }



}

function AddArtist(localID, drpID,ArtistsListID,hidAddArtsistID)
{


    var drp = document.getElementById(drpID);

    var hidAddArtsist = document.getElementById(hidAddArtsistID);
    var ArtistsList = document.getElementById(ArtistsListID);

    var ArtistID = drp.value;
    var ArtistName = drp.options[drp.selectedIndex].text;
    
    
    var artists = getLayerContent(ArtistsListID);

    if(checkAddArtist(hidAddArtsistID,ArtistID) == false)
    {


        if(artists != '')
        {
            artists += ', ';
        }
        
        artists += '<font color=red>' + ArtistName +'</font>' ;
        setLayerContent(ArtistsListID,artists);



        var hiddenArtists = getObjectValue(hidAddArtsistID);

        if(hiddenArtists != '')
        {
            hiddenArtists += ',';
        }
        hiddenArtists += ArtistID;

        setObjectValue(hidAddArtsistID,hiddenArtists); 

     }
     else
     {
        alert('Artisten är redan registrerad!');
     }   

}


function toggleAllArticleDetails()
{

        for ( i = 0; i < EditArticleArray.length; i++)
        {
            toggleArticleDetails(EditArticleArray[i].toString());
        }
}

// För att växla visningsläge mellan detaljerad och enkel i UCArticle
// localID är ett unikt ID för varje kontroll som lagts till på sidan. Det motsvarar ArticleID
function toggleArticleDetails(localID, forceAction)
{


    var layerName = 'divAlbumDetails'+localID;
    var toggleLayerName = 'divUCAricleToggle'+localID;
    var totalLayerName = 'divUCAricleBox' + localID;
    var detailsheightShow = '470px'; //Also Change this value in UCarticle DetailsHeight
    var detailsheightHide = '75px';
    


        
        
//        if(forceAction=='visible');
//        {
//            showLayer(layerName);
//            setLayerHeight( totalLayerName,detailsheightShow);
//            setLayerContent(toggleLayerName,'Dölj detaljer');
//        }
//        
//        if (forceAction =='hidden')
//        {
//            hideLayer(layerName);
//            setLayerHeight(totalLayerName,detailsheightHide);
//            setlayerContent(toggleLayerName,'Visa detaljer');
//            
//        }   
        
        if(forceAction == null)
        {
           
           toggleLayerHeight(totalLayerName,detailsheightShow,detailsheightHide);
           toggleLayer(layerName);

               if(getLayerContent(toggleLayerName)=='Dölj detaljer')
                {
                    setLayerContent(toggleLayerName,'Visa detaljer');
                }
                else
                {
                    setLayerContent(toggleLayerName,'Dölj detaljer');
                }       
        }    

 
    
    

    
}



//------------------------------------------------
// Allmäna funktioner ----------------------------
//------------------------------------------------

// Hämtar innehåll i lager
function getLayerContent(layername){

    var layer = document.getElementById(layername);
    if(layer != null) 
        {
            return layer.innerHTML;
        }
    }

// Sätter innehåll i lager
function setLayerContent(layername, cnt){

    var layer = document.getElementById(layername);
    if(layer != null) 
        {
            layer.innerHTML = cnt;
        }
    }

// Sätter värder på objekt ex textbox
function setObjectValue(objName, cnt)
{

    var obj = document.getElementById(objName);
    if(obj != null) 
        {
            obj.value = cnt;
        }
}

// Hämtar värder på objekt ex textbox
function getObjectValue(objName)
{

    var obj = document.getElementById(objName);
    if(obj != null) 
        {
            return obj.value ;
        }
}

// sätter höjd på lager
function toggleLayerHeight(layername, Height1, Height2)
{
    var layer = document.getElementById(layername);
    
    if(layer != null) 
        {
//        alert('*'+getLayerHeight(layername)+'*\n*'+Height1+'*\n*'+Height2);
            if(getLayerHeight(layername) == Height1)
            {
//                alert('set '+ Height2);
                setLayerHeight(layername,Height2);
            }
            else
            {
//            alert('set '+ Height1);
                setLayerHeight(layername,Height1);
            }
            
        }
}

// sätter höjd på lager
function setLayerHeight(layername, newHeight)
{
    var layer = document.getElementById(layername);
    if(layer != null) 
        {
            layer.style.height = newHeight;
        }
}

// returnerar höjd på lager
function getLayerHeight(layername)
{
    var layer = document.getElementById(layername);
    if(layer != null) 
        {
            return layer.style.height;
        }
}


// Döljer lager
function hideLayer(layername){

    var layer = document.getElementById(layername);
    if(layer != null) 
        {
            layer.style.visibility = 'hidden';
            layer.style.display = 'none';
        }

 }   
// visar lager
function showLayer(layername){

    var layer = document.getElementById(layername);

    if(layer != null) 
        {
            layer.style.visibility = 'visible';
            layer.style.display = 'block';
        }
    }    

// Döljer eller visar lager
function toggleLayer(layername){

    var layer = document.getElementById(layername);
    if(layer != null) 
        {
            if(layer.style.visibility == 'visible')
                {
                    layer.style.visibility = 'hidden';
                    layer.style.display = 'none';
                }
            else
                {
                    layer.style.visibility = 'visible';
                    layer.style.display = 'block';
                }
            
        }
    }