﻿
function showhide (item)
{
    var searchfor = escape('tr.' + item);

       $(searchfor).toggleClass('hide');
       $(searchfor).toggleClass('show');  
}

function showhideDiv (item)
{

    hideAllInfoTabs(item);
    
    
    changeTabsActiveHeading(item);
    
    document.getElementById(item).style.display = 'block';


       
}

function hideAllInfoTabs (item)
{
    var elementselector = $("#" + item).parent().parent();
    $(elementselector).find("div.tabpage-frame").attr('style', 'display:none');  
    
    //$("div.tabpage-frame").attr('style', 'display:none');
  
}

function removeSelectionFromValueChain (item)
{
   $(".valuechain-image").removeClass("selected");
   $(".valuechain-image").show();
   $(".valuechain-image-mo").hide();
  
}
function changeTabsActiveHeading (item)
{
    var elementselector = $("#" + item).parent().parent();
    $(elementselector).find(".selectedtab").removeClass("selectedtab");   
    
    $("#" + item + "Heading").addClass("selectedtab");
    
}
        
function CheckCheckBoxes(item, ckbx)
{
var sendercontrol = "input.controlcbx" + ckbx + item;
var find = "input.cbx" +item;

if ($(sendercontrol).attr('checked')){$(find).attr('checked', true);}
else{$(find).attr('checked', false);}
}


function changeValueChainImageToMO (id) 
{
$("#" + id).hide();
$("#" + id+"MO").show();

}
function changeValueChainImageToNormal (id) 
{
if (!$("#" + id).hasClass("selected"))
{
$("#" + id).show();
$("#" + id+"MO").hide();
}

}
function changeValueChainImageClick(id)
{

    removeSelectionFromValueChain(id);
    $("#" + id).addClass("selected");
    
}

function showInfoRelatedToElement (id) {
hideAllInfo();
document.getElementById(id).style.display = 'block';
}




function hideAllInfo()
{
document.getElementById('InfoDiv1').style.display = 'none';
document.getElementById('InfoDiv2').style.display = 'none';
document.getElementById('InfoDiv3').style.display = 'none';
document.getElementById('InfoDiv4').style.display = 'none';
document.getElementById('InfoDiv5').style.display = 'none';
}

