function initContainer(itemID,selectedMode,storedValue)
    {
      hideUploader(itemID);
      $('#selectedMode_'+itemID).val(selectedMode);
      $('#storedValue_'+itemID).val(storedValue);
      var txtYouTube  	= '#txtYouTube_'+itemID;
      var txtLink   	= '#txtLink_'+itemID;
	  var staticUrl 	= window.staticUrl;



      switch(selectedMode)
      {
        case 1 : 
        {

          	$(txtYouTube).val(storedValue);
            switchContainerTabs(itemID, 'tab1');
			changeIcons(itemID, 'image');
          break;
        }       
        case 2 : 
        {
          	$(txtYouTube).val(storedValue);
            switchContainerTabs(itemID, 'tab2');
			changeIcons(itemID, 'youtube');
          break;
        }       
        case 3 : 
        {
          	$(txtLink).val(storedValue);
            switchContainerTabs(itemID, 'tab3');
			changeIcons(itemID, 'link');
          break;
        } 
        case 0 : 
        {
            switchContainerTabs(itemID, 'tab1');
			changeIcons(itemID, 'none');
          break;
        } 
        
      }

	  

    }   
    
    function switchContainerTabs(itemID, tabID)
    {
      var tab1 = '#tab1_'+itemID;
      var tab2 = '#tab2_'+itemID;
      var tab3 = '#tab3_'+itemID;
      var selectedTab = '#'+tabID+'_'+itemID;
      var containerMode = $('#selectedMode_'+itemID).val();

      switch(tabID)
      {
        case 'tab1': 
        {
          if($(tab2).css('display') == 'block') $(tab2).hide();
          if ($('#'+'tab2Switcher_'+itemID).is (".medItemOn"))
          {
            $('#'+'tab2Switcher_'+itemID).removeClass("medItemOn");
              $('#'+'tab2Switcher_'+itemID).addClass("medItem");
          }
          
          if($(tab3).css('display') == 'block') $(tab3).hide();
          if ($('#'+'tab3Switcher_'+itemID).is (".medItemOn"))
          {
            $('#'+'tab3Switcher_'+itemID).removeClass("medItemOn");
              $('#'+'tab3Switcher_'+itemID).addClass("medItem");
          }
          
          $('#selectedMode_'+itemID).val('1');

          break;
        } 

        case 'tab2': 
        {
          if($(tab1).css('display') == 'block') $(tab1).hide();
          if ($('#'+'tab1Switcher_'+itemID).is (".medItemOn"))
          {
            $('#'+'tab1Switcher_'+itemID).removeClass("medItemOn");
              $('#'+'tab1Switcher_'+itemID).addClass("medItem");
          }
          
          if($(tab3).css('display') == 'block') $(tab3).hide();
          if ($('#'+'tab3Switcher_'+itemID).is (".medItemOn"))
          {
            $('#'+'tab3Switcher_'+itemID).removeClass("medItemOn");
              $('#'+'tab3Switcher_'+itemID).addClass("medItem");
          }

          $('#selectedMode_'+itemID).val('2');
          
          break;
        } 

        case 'tab3': 
        {
          if($(tab1).css('display') == 'block') $(tab1).hide();
          if ($('#'+'tab1Switcher_'+itemID).is (".medItemOn"))
          {
            $('#'+'tab1Switcher_'+itemID).removeClass("medItemOn");
              $('#'+'tab1Switcher_'+itemID).addClass("medItem");
          }
          if($(tab2).css('display') == 'block') $(tab2).hide();
          if ($('#'+'tab2Switcher_'+itemID).is (".medItemOn"))
          {
            $('#'+'tab2Switcher_'+itemID).removeClass("medItemOn");
              $('#'+'tab2Switcher_'+itemID).addClass("medItem");
          }
          
          $('#selectedMode_'+itemID).val('3');
          
          break;
        } 
        
      }
      $('#'+tabID+'Switcher_'+itemID).removeClass("medItem");
      $('#'+tabID+'Switcher_'+itemID).addClass("medItemOn");
      if($(selectedTab).css('display') == 'none') $(selectedTab).show();
      
    }
    
    function addMedia(itemID, mediaType)
    {
      var txtYouTube  	= '#txtYouTube_'+itemID;
      var txtLink   	= '#txtLink_'+itemID;
      var storedValue 	= '#storedValue_'+itemID;
      var containerMode = $('#selectedMode_'+itemID).val();
	  
	  
      switch(mediaType)
      {
        case 'image' : 
        {
		  if(validateFileName(itemID)) ajaxFileUpload(itemID,this.itemsMode);
          break;
        }       
        case 'youtube' : 
        {
          var seValueText = $(txtYouTube).val();
          if(seValueText != '')
          {
            $(storedValue).val(seValueText);
			$(txtLink).val('');
            switchContainerTabs(itemID, 2);
			changeIcons(itemID, mediaType);
			$('#selectedMode_'+itemID).val('2');
          }
          break;
        }       
        case 'link' : 
        {
          var seValueText = $(txtLink).val();
          if(seValueText != '')
          {
		  	$(txtYouTube).val('')
            $(storedValue).val(seValueText);
            switchContainerTabs(itemID, 3);
			changeIcons(itemID, mediaType);
			$('#selectedMode_'+itemID).val('3');

          }
          break;
        } 
        
      }
      
    }
    
	function changeIcons(itemID, mediaType)
	{
      var modeIcon 		= '#modeIcon_'+itemID+', '+'#modeIcon2_'+itemID;
      var deleteIcon 	= '#btnDeleteMedia_'+itemID;
		
		
		
      switch (mediaType) {
	  	case 'image':{
	  		if (!$(modeIcon).is(".link_image")) {
	  			$(modeIcon).removeClass("link_none");
	  			$(modeIcon).removeClass("link_tubem");
	  			$(modeIcon).removeClass("link_see");
	  			$(modeIcon).addClass("link_image");
	  		}
			$(deleteIcon).css("display","block");
	  		break;
	  	}
	  	case 'youtube':{
	  	
	  		if (!$(modeIcon).is(".link_tubem")) {
	  			$(modeIcon).removeClass("link_none");
	  			$(modeIcon).removeClass("link_image");
	  			$(modeIcon).removeClass("link_see");
	  			$(modeIcon).addClass("link_tubem");
	  		}
			$(deleteIcon).css("display","block");
	  		break;
	  	}
	  	case 'link':{
	  	
	  		if (!$(modeIcon).is(".link_see")) {
	  			$(modeIcon).removeClass("link_none");
	  			$(modeIcon).removeClass("link_image");
	  			$(modeIcon).removeClass("link_tubem");
	  			$(modeIcon).addClass("link_see");
	  		}
			$(deleteIcon).css("display","block");
	  		break;
	  	}
	  	case 'none':{
	  	
	  		if (!$(modeIcon).is(".link_none")) {
	  			$(modeIcon).removeClass("link_see");
	  			$(modeIcon).removeClass("link_image");
	  			$(modeIcon).removeClass("link_tubem");
	  			$(modeIcon).addClass("link_none");
	  		}
			$(deleteIcon).css("display","none");
	  		break;
	  	}
	  	
	  }
	}
	
    function deleteMedia(itemID)
    {
      var txtYouTube  	= '#txtYouTube_'+itemID;
      var txtLink   	= '#txtLink_'+itemID;
      var storedValue 	= '#storedValue_'+itemID;
      var selectedMode  = '#selectedMode_'+itemID;
      var containerMode = $('#selectedMode_'+itemID).val();
	  
      switch(containerMode)
      {
        case '1' : 
        {
		  deleteImageAJAX(itemID,this.itemsMode);
          break;
        }       
        case '2' : 
        {
          $(txtLink).val('');
          $(txtYouTube).val('');
		  $(storedValue).val('');
		  $(selectedMode).val(0);
          switchContainerTabs(itemID, 1);
  		  changeIcons(itemID, 'none');
          break;
        }       
        case '3' : 
        {
          
          $(txtLink).val('');
          $(txtYouTube).val('');
		  $(storedValue).val('');
		  $(selectedMode).val(0);
          switchContainerTabs(itemID, 1);
  		  changeIcons(itemID, 'none');
          break;
        } 
        
      }
      
    }
	
	function deleteAnswer(itemID)
	{
		var li = document.getElementById(itemID);
		var itemsList = document.getElementById('items');
		if ((this.itemsMode == 'answer') && (this.itemNamesCounter < 3))
		{
			showErrorMessage('You must have at least 2 answers in your poll.');
		}else
		{
			itemsList.removeChild(li);
			this.itemNamesCounter--;
		}
	}
	
    function hideUploader(itemID)
    {
      var uploadContainer = '#uploadContainer_'+itemID;
      $(uploadContainer).hide();
      var answerContainer = '#answerContainer_'+itemID;
      $(answerContainer).show();
    }

    function showUploader(itemID)
    {
      var uploadContainer = '#uploadContainer_'+itemID;
      $(uploadContainer).show();
      var answerContainer = '#answerContainer_'+itemID;
      $(answerContainer).hide();
    }

	function setText(itemID, fromUpload)
	{
      var txtAnswer1  	= '#txtAnswer1_'+itemID;
      var txtAnswer2   	= '#txtAnswer2_'+itemID;
	  if(fromUpload == true)
	  {
		var txtVal = $(txtAnswer2).val();
	  	$(txtAnswer1).val(txtVal);
	  }else
	  {
		var txtVal = $(txtAnswer1).val();
	  	$(txtAnswer2).val(txtVal);
	  }
		
	}

    function changePosition(itemID, dir)
     {
        var li = document.getElementById(itemID);
        var itemsList = document.getElementById('items');
        if ((li == itemsList.firstChild && dir == 'up') || (li == itemsList.lastChild && dir == 'down'))
        {
        return;
          }
        else
        {
            if (dir == 'up')
            {
                insert = li.previousSibling;
                li = itemsList.removeChild(li);
                itemsList.insertBefore(li, insert);
            }
            else
            {
                insert = li.nextSibling.nextSibling;
                li = itemsList.removeChild(li);
                itemsList.insertBefore(li, insert);
            }
        }
    }
        
    function newContext(exItemID, position, textValue)
	{
		newAnswer(exItemID, position, textValue);
		if(this.itemNamesCounter > 0)
		{
			itemID = this.itemNamesCounter-1;
		}else
		{
			itemID = 0;
		}
		var iName = 'item'+itemID;
		showUploader(iName);
		
	}		
    function newAnswer(exItemID, position,textValue)
    {
		if ((this.itemsMode == 'answer') && (this.itemNamesCounter > 19))
		{
		//	showErrorMessage('You can add up to 99 answers only.');
			return true;
		}


		var itemName = 0;
		if(this.itemNamesCounter > 0)
		{
			itemID = this.itemNamesCounter;
		}else
		{
			itemID = 0;
		}
	  
	  
      var itemsList = document.getElementById('items');
      var li = document.createElement('li');
      var content = '<div  class="sprite" id="answerContainer_item'+itemID+'">';
		  content += '<div class="img"><a href="javascript: void(0);" onclick="changePosition(\'item'+itemID+'\',\'up\');"><img src="'+staticUrl+'/images/up.gif"  alt=""/></a></div>';
		  content += '<div class="img"><a href="javascript: void(0);" onclick="changePosition(\'item'+itemID+'\',\'down\');"><img src="'+staticUrl+'/images/down.gif"  alt=""/></a></div>';
		  content += '<input type="text" onkeypress="return noSubmit(event);" onblur="javascript: saveAxTmpPoll(window.step);"  onchange="javascript: setText(\'item'+itemID+'\', false);" onfocus="javascript:if(this.value==\''+textValue+'\') {this.value=\'\'}" onblur="javascript:if(this.value==\'\') {this.value=\''+textValue+'\'}" value="'+textValue+'" class="enter_choice"  name="items['+itemID+'][txtAnswer1]" />';
		  content += '<div class="img"><a href="javascript: void(0);" onclick="javascript: newAnswer(\'item'+itemID+'\', \'down\',\''+textValue+'\');" ><img src="'+staticUrl+'/images/plus.gif"  alt=""/></a></div>';
		  content += '<div class="img"><a href="javascript: void(0);" onclick="javascript: deleteAnswer(\'item'+itemID+'\');" ><img src="'+staticUrl+'/images/minus.gif"  alt=""/></a></div>';
		  content += '<p class="link_media"><a href="javascript: void(0);" onclick="javascript: showUploader(\'item'+itemID+'\');" class="singup"><span>add media</span></a></p>';
          content += '<div class="link_none" id="modeIcon_item'+itemID+'">&nbsp;</div></div>'; 
	      content += '<div class="green_box" id="uploadContainer_item'+itemID+'">';
	      content += '<div class="close_box"><a class="aClose" href="javascript: void(0);" onclick="javascript: hideUploader(\'item'+itemID+'\');"><img src="'+staticUrl+'/images/close.gif" alt="" /></a></div>';
	      content += '<div class="input_answer">';
	      content += '<input type="text" onkeypress="return noSubmit(event);" onblur="javascript: saveAxTmpPoll(window.step);" value="'+textValue+'" onchange="javascript: setText(\'item'+itemID+'\', true);" onfocus="javascript:if(this.value==\''+textValue+'\') {this.value=\'\'}" onblur="javascript:if(this.value==\'\') {this.value=\''+textValue+'\'}" class="text_inp" id="txtAnswer2_item'+itemID+'" name="items['+itemID+'][txtAnswer2]" />';
	      content += '<div class="link_none" id="modeIcon2_item'+itemID+'">&nbsp;</div></div>';
	      content += '<div class="choose" id="tab1_item'+itemID+'">';
	      content += '<div class="choose_pic">Choose a picture</div>';
	      content += '<div class="file_input"><input type="file" size="13" id="txtFile_item'+itemID+'" name="txtFile_item'+itemID+'" /></div>';    
	      content += '<input type="button"  class="btn_upload " value="Upload" onclick="javascript: addMedia(\'item'+itemID+'\', \'image\');" id="btnFile_item'+itemID+'" name="items['+itemID+'][btnFile]" />';
	      content += '<div class="medHelp"><p>(1MB Max)&nbsp;<a href="'+this.helpMediaLink+'">Need Help ?</a></p></div></div>';
	      content += '<div class="tab1" id="tab2_item'+itemID+'">';
	      content += '<div class="tab1_title"><p>Enter a YouTube video URL:</p></div>';
	      content += '<input type="text" onblur="javascript: saveAxTmpPoll(window.step);" onkeypress="return noSubmit(event);" class="text_field" id="txtYouTube_item'+itemID+'" name="items['+itemID+'][txtYouTube]" /> ';
	      content += '<input type="button" class="btn_done" value="Done" onclick="javascript: addMedia(\'item'+itemID+'\', \'youtube\');" id="btnYouTube_item'+itemID+'" name="items['+itemID+'][btnYouTube]" />';
	      content += '<div class="medHelp"><p><a href="'+this.helpMediaLink+'">Need Help ?</a></p></div></div>';
	      content += '<div class="tab2" id="tab3_item'+itemID+'">';
	      content += '<div class="tab1_title"><p>Enter a Link:</p></div>';
	      content += '<input type="text" onblur="javascript: saveAxTmpPoll(window.step);" onkeypress="return noSubmit(event);" class="text_field" id="txtLink_item'+itemID+'" name="items['+itemID+'][txtLink]" />';
	      content += '<input type="button" class="btn_done" value="Done" onclick="javascript: addMedia(\'item'+itemID+'\', \'link\');" id="btnLink_item'+itemID+'" name="items['+itemID+'][btnLink]" />';
	      content += '<div class="medHelp"><p><a href="'+this.helpMediaLink+'">Need Help ?</a></p></div></div>';
	      content += '<div class="chose_media"><div class="media_title"><p>Choose Media:</p></div>';
	      content += '<div class="medItemOn" id="tab1Switcher_item'+itemID+'">';
	      content += '<a class="mcImg" href="javascript: void(0);" onclick="javascript: switchContainerTabs(\'item'+itemID+'\', \'tab1\');">Image</a></div>';
	      content += '<div class="medItem" id="tab2Switcher_item'+itemID+'">';
	      content += '<a class="mcYT" href="javascript: void(0);" onclick="javascript: switchContainerTabs(\'item'+itemID+'\', \'tab2\');">You Tube</a></div>';
	      content += '<div class="medItem" id="tab3Switcher_item'+itemID+'">';
	      content += '<a class="mcSee" href="javascript: void(0);" onclick="javascript: switchContainerTabs(\'item'+itemID+'\', \'tab3\');" >Link</a></div>';
	      content += '<div class="medItemDel" id="btnDeleteMedia_item'+itemID+'">';
		  content += '<a href="javascript: void(0);" class="mcDel" onclick="deleteMedia(\'item'+itemID+'\');" >Delete</a>';
	      content += '</div></div></div>';
		  content += '<input type="hidden" value="0" class="hiddenControl" id="selectedMode_item'+itemID+'" name="items['+itemID+'][selectedMode]" />';
		  content += '<input type="hidden" value="0" class="hiddenControl" id="storedValue_item'+itemID+'"  name="items['+itemID+'][storedValue]"/>';
		  content += '<input type="hidden" value="0" class="hiddenControl" id="storedID_item'+itemID+'"  name="items['+itemID+'][storedID]"/>';


        li.innerHTML = content;
        li.id = 'item'+itemID;

        if (position == 'new' )
        {
	      	itemsList.appendChild(li);  
        }
        else
        {
	       var insert = document.getElementById(exItemID);
            if (insert == itemsList.lastChild)
            {
                itemsList.appendChild(li);
            }
            else
            {
                itemsList.insertBefore(li, insert.nextSibling);
            }
        }

	  	this.itemNamesCounter++;
		initContainer('item'+itemID,0,'');
    }
    	
	function showErrorMessage(errorText)
	{
      	document.getElementById('error_message_text').innerHTML = errorText;
		$('#error_message').center();
		$('#error_message').show();
		$('#loading_message').hide();
	}
	
	function validateFileName(itemID)
	{
		var uploadControl = "txtFile_"+itemID;
		var  fileName = document.getElementById(uploadControl).value.toLowerCase();
	    if (fileName.length < 1)
	    {
	        showErrorMessage('Please choose an image from your computer first.');
	    }
	    else
	    {
	        fileTypes = ['jpeg', 'gif', 'jpg', 'png'];
	        dots = fileName.split(".");
	        fileType = '.' + dots[dots.length - 1];
	        if (fileTypes.join('.').indexOf(fileType) == -1)
	        {
		        showErrorMessage('You can only upload images of type gif, jpg, or png.');
	            var ctrUpl = '#'+uploadControl;
				$(ctrUpl).val('');
	        }
			return true;
	    }
	}
	
    $(document).ready(function(){
		$('#closeLoadingWindow').click(function(){
			$('#loading_message').hide();
		});      
		$('#closeErrorWindow').click(function(){
			$('#error_message').hide();
		});      

    });