function ShowIndexContent(Id, Position, ContentPosition) { 

  var PreviousContentDiv = document.getElementById('ContentFullBox_'+PreviousContentId);
  var CurrentContentDiv = document.getElementById('ContentFullBox_'+Id);
  var PreviousContentBox = document.getElementById('ContentBox_'+PreviousContentId);
  var CurrentContentBox = document.getElementById('ContentBox_'+Id);
   
  var PreviousBoxMarginLeft = document.getElementById('BoxMarginLeft_'+PreviousContentId);
  var PreviousBoxMarginLeft2 = document.getElementById('BoxMarginLeft2_'+PreviousContentId);
  var PreviousBoxMarginRight = document.getElementById('BoxMarginRight_'+PreviousContentId);
  var PreviousBoxMarginRight2 = document.getElementById('BoxMarginRight2_'+PreviousContentId);
  
  var CurrentBoxMarginLeft = document.getElementById('BoxMarginLeft_'+Id);
  var CurrentBoxMarginLeft2 = document.getElementById('BoxMarginLeft2_'+Id);
  var CurrentBoxMarginRight = document.getElementById('BoxMarginRight_'+Id);
  var CurrentBoxMarginRight2 = document.getElementById('BoxMarginRight2_'+Id);
  
  if (PreviousContentDiv != null) {
	  PreviousContentDiv.className = 'inactive_content_full'; 
  }
  
  if (CurrentContentDiv != null) {
	  CurrentContentDiv.className = 'active_content_full';
  }
  if (PreviousContentBox != null) {
    PreviousContentBox.className = 'inactive_content_'+PreviousPosition+'_box';
  }
  if (CurrentContentBox != null) {

    switch (ContentPosition) {
      case "top":
        CurrentContentBox.className = 'active_content_'+Position+'_top_box';
        break;
        
      case "bottom":
        CurrentContentBox.className = 'active_content_'+Position+'_bottom_box';
        break;
        
      default:
        CurrentContentBox.className = 'active_content_'+Position+'_box';
      break;
    }
        
  }
  
  if (PreviousBoxMarginLeft != null && PreviousBoxMarginLeft2 != null && PreviousBoxMarginRight != null && PreviousBoxMarginRight2 != null) {
	  PreviousBoxMarginLeft.className = 'inactive_box_margin';
	  PreviousBoxMarginLeft2.className = 'active_box_margin';
	  PreviousBoxMarginRight.className = 'inactive_box_margin';
	  PreviousBoxMarginRight2.className = 'active_box_margin';
  }
  
  if (CurrentBoxMarginLeft != null && CurrentBoxMarginLeft2 != null && CurrentBoxMarginRight != null && CurrentBoxMarginRight2 != null) {
	  CurrentBoxMarginLeft.className = 'active_box_margin';
	  CurrentBoxMarginLeft2.className = 'inactive_box_margin';
	  CurrentBoxMarginRight.className = 'active_box_margin';
	  CurrentBoxMarginRight2.className = 'inactive_box_margin';
  }
  
}