// Handlers
//
console.log("Loading upload.js...");


function initUploadPage(from) { 

    var downloadMultitracksImg = new Image(185,13);
    downloadMultitracksImg.src = "/images/btn_downloadmultitracks.gif";

    var downloadMultitracksImgOff = new Image(185,13);
    downloadMultitracksImgOff.src = "/images/btn_downloadmultitracks_off.gif";

    if($('btn-downloadmultitracks-img')) {
	if((from == "upload") || (from == "intro")) {
	    Event.observe('btn-downloadmultitracks-img', 'mouseover', function(event) { 
		Event.stop(event); 
		$('btn-downloadmultitracks-img').src = downloadMultitracksImg.src;
	    });
	    
	    Event.observe('btn-downloadmultitracks-img', 'mouseout', function(event) { 
		Event.stop(event); 
		$('btn-downloadmultitracks-img').src = downloadMultitracksImgOff.src;
	    });
	} else {
	    $('btn-downloadmultitracks-img').src = downloadMultitracksImg.src;
	}


	Event.observe('btn-downloadmultitracks-link', 'click', function(event) { 
	    Event.stop(event); 
	    FwDispatch.content($('btn-downloadmultitracks-link').href,'view-container',null,handleDownload);
	});
    }

    var uploadRemixImg = new Image(105,13);
    uploadRemixImg.src = "/images/btn_uploadremix.gif";

    var uploadRemixImgOff = new Image(105,13);
    uploadRemixImgOff.src = "/images/btn_uploadremix_off.gif";

    if($('btn-upload-remix-img')) {
	if((from == "download") || (from == "intro")) {
	    Event.observe('btn-upload-remix-img', 'mouseover', function(event) { 
		Event.stop(event); 
		$('btn-upload-remix-img').src = uploadRemixImg.src;
	    });
	    
	    Event.observe('btn-upload-remix-img', 'mouseout', function(event) { 
		Event.stop(event); 
		$('btn-upload-remix-img').src = uploadRemixImgOff.src;
	    });
	} else {
	    $('btn-upload-remix-img').src = uploadRemixImg.src;
	}

	Event.observe('btn-uploadremix-link', 'click', function(event) { 
	    Event.stop(event);
      FwDispatch.content($('btn-uploadremix-link').href,'view-container',null,handleUploadStep1);
	});
    }

}

function handleDownload(res) {    
    initUploadPage("download");

    if($('download-hdr')) {
	$('download-hdr').update('<img class="header-img" src="/images/hdr_download.gif" alt="Download">');
    } 

    $('download-slider').update('<div id="download-slider-track" style="position:absolute;top:79px;left:398px;width:6px;height:425px;background-image:url(../../style/remix/images/bg_scroll_track.png);"><div id="download-slider-handle" style="background-image:url(../../images/scroll_v_slider.gif);background-repeat:no-repeat;width:17px;height:8px;left:-5px;cursor:pointer;"></div>'); 
    
    var downloadSlider = new Control.Slider('download-slider-handle', 'download-slider-track', {
	axis: 'vertical',
	onSlide: function(v) { scrollVertical(v, $('download-page-content'), downloadSlider);  },
	onChange: function(v) { scrollVertical(v, $('download-page-content'), downloadSlider); }
    });

    // disable vertical scrolling if text doesn't overflow the div
    if ($('download-page-content').scrollHeight <= $('download-page-content').offsetHeight) {
	downloadSlider.setDisabled();
	$('download-slider-handle').hide();
    } else {
	setWheel(downloadSlider,'download-inner-content','download-inner-content');
    }

}

function handleUploadIntro(res) {
    initUploadPage("intro");
}

function handleUploadStep1(res) {
    initUploadPage("upload");

    $('UploadStep1Form-file-file').ancestors()[0].update('<div id="UploadStep1Form-background"><input type="file" class="file" id="UploadStep1Form-file-input" size="20px" name="UploadStep1Form_file" /><div id="mix-upload-fake-file"><input id="mix-upload-fake-input" /><img src="../images/btn_upload_browse.gif" id="UploadStep1BrowseBtn" alt="Browse"></div></div>');
 
    Event.observe('UploadStep1Form-file-input','change',function(event){ 
      $('mix-upload-fake-input').value=$('UploadStep1Form-file-input').value;
    });

    $('UploadStep1Form-text-title').ancestors()[0].update('<div id="UploadStep1Form-background-title"><input type="text" name="UploadStep1Form_title" id="UploadStep1Form-text-title" class="UploadStep1Form-text" /></div>');

    $('UploadStep1Form-submit-button').ancestors()[0].update('<div id="upload-agreement">This site is designed around the idea that you are only contributing mixes that you yourself have created.  By checking the box below, you are certifying that the remix you\'re uploading was created by you.<input type="checkbox" id="upload-agreement-check" /></div><input type="image" src="../../images/btn_upload_continue.gif" id="UploadStep1Form-submit-button" class="continue-btn" /><div id="upload-step1-error-msg" class="formtable-error"></div>');

    init_btn_rollover("continue");

    Event.observe('UploadStep1Form', 'submit', function(event) { 
      
      $('UploadStep1Form-file-fieldname').setStyle({color:'#5E5E5E'});

      if ($('UploadStep1Form-text-title').value.empty()){
        Event.stop(event);
        $('UploadStep1Form-title-fieldname').setStyle({color:'#ff0000'});
        $('upload-step1-error-msg').update('Please enter a title for your mix.');
      } else if (!$('upload-agreement-check').checked) {
        Event.stop(event);
        $('UploadStep1Form-title-fieldname').setStyle({color:'#5E5E5E'});
        $('upload-step1-error-msg').update('You must agree to the terms to proceed.');
      } else {
        $('upload-step1-error-msg').update('');
        $('UploadStep1Form-title-fieldname').setStyle({color:'#5E5E5E'});

        var frm = 'UploadStep1Form';
        var dot = ($(frm).action.length - $(frm).action.lastIndexOf('.')) - 1;

        $(frm).action = $(frm).action.substr(0,($(frm).action.length - dot)) + "js";
        IGET.submit($(frm), {'onStart' : handleStartUploadStep1, 'onComplete' : handleUploadStep1Result});
      }
    });
}

function handleStartUploadStep1() {
}

function handleUploadStep1Result(iget_resp) { 
    var response_data = evalSafeJSON(iget_resp);
    if(response_data['id'] > 0) {
	FwDispatch.content('/mix/upload_step_2.php?id='+ response_data['id'],'view-container',null,handleUploadStep2); 
    } else {
      $('upload-step1-error-msg').update(response_data['errors']['file']);
      $('UploadStep1Form-file-fieldname').setStyle({color:'#ff0000'}); 
    }
}


moodImgOff = new Image();
moodImgOff.src = '../../images/btn_upload_att_mood_off.gif';
moodImgOn = new Image();
moodImgOn.src = '../../images/btn_upload_att_mood_on.gif';

devImgOff = new Image();
devImgOff.src = '../../images/btn_upload_att_dev_off.gif';
devImgOn = new Image();
devImgOn.src = '../../images/btn_upload_att_dev_on.gif';

vocalsImgOff = new Image();
vocalsImgOff.src = '../../images/btn_upload_att_vocals_off.gif';
vocalsImgOn = new Image();
vocalsImgOn.src = '../../images/btn_upload_att_vocals_on.gif';

speedImgOff = new Image();
speedImgOff.src = '../../images/btn_upload_att_speed_off.gif';
speedImgOn = new Image();
speedImgOn.src = '../../images/btn_upload_att_speed_on.gif';

speed2ImgOff = new Image();
speed2ImgOff.src = '../../images/btn_upload_att_speed_off.gif';
speed2ImgOn = new Image();
speed2ImgOn.src = '../../images/btn_upload_att_speed_on.gif';

moodImgTag = '<img src="../../images/btn_upload_att_mood_on.gif" id="tab-mood" alt="mood" />';
devImgTag = '<img src="../../images/btn_upload_att_dev_off.gif" id="tab-dev" alt="dev" />';
vocalsImgTag = '<img src="../../images/btn_upload_att_vocals_off.gif" id="tab-vocals" alt="vocals" />';
speedImgTag = '<img src="../../images/btn_upload_att_speed_off.gif" id="tab-speed" alt="speed" />';
speed2ImgTag = '<img src="../../images/btn_upload_att_speed_off.gif" id="tab-speed2" alt="speed" />';



function handleUploadStep2(res) {
    initUploadPage("upload");

    var frm = 'UploadStep2Form';
    $(frm).action = $(frm).action.substr(0,($(frm).action.length - 3)) + "js"; 

    $$('#UploadStep2Form-formtable .formtable-titlecell').invoke('hide');

    $('UploadStep2Form-textarea-description').ancestors()[0].update('<div id="UploadStep2Form-background-description"><textarea name="UploadStep2Form_description" class="UploadStep2Form-textarea" id="UploadStep2Form-textarea-description" /></textarea></div>');
    $('UploadStep2Form-submit-button').ancestors()[0].update('<input type="image" src="../../images/btn_upload_continue.gif" id="UploadStep2Form-submit-button" class="continue-btn" />');

    init_btn_rollover("continue");

    $('UploadStep2Form-text-bpm').ancestors()[0].update('<div id="UploadStep2Form-background-1"><input type="text" name="UploadStep2Form-bpm" id="UploadStep2Form-text-bpm" class="UploadStep2Form-text" /></div>');

    $('UploadStep2Form-text-a1').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a1" name="UploadStep2Form-a1" value="50" /><div id="a1-slider-track" style="position:absolute;top:269px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a1-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a2').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a2" name="UploadStep2Form-a2" value="50" /><div id="a2-slider-track" style="position:absolute;top:289px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a2-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a3').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a3" name="UploadStep2Form-a3" value="50" /><div id="a3-slider-track" style="position:absolute;top:309px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a3-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a4').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a4" name="UploadStep2Form-a4" value="50" /><div id="a4-slider-track" style="position:absolute;top:329px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a4-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a5').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a5" name="UploadStep2Form-a5" value="50" /><div id="a5-slider-track" style="position:absolute;top:349px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a5-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');

    $('UploadStep2Form-text-a6').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a6" name="UploadStep2Form-a6" value="50" /><div id="a6-slider-track" style="position:absolute;top:369px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a6-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a7').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a7" name="UploadStep2Form-a7" value="50" /><div id="a7-slider-track" style="position:absolute;top:389px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a7-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a8').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a8" name="UploadStep2Form-a8" value="50" /><div id="a8-slider-track" style="position:absolute;top:409px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a8-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a9').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a9" name="UploadStep2Form-a9" value="50" /><div id="a9-slider-track" style="position:absolute;top:429px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a9-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');
    $('UploadStep2Form-text-a10').ancestors()[0].update('<input type="hidden" id="UploadStep2Form-text-a10" name="UploadStep2Form-a10" value="50" /><div id="a10-slider-track" style="position:absolute;top:449px;left:139px;background-color:#071517;height:5px;width:160px;;"><div id="a10-slider-handle" style="background-image:url(../../images/scroll_h_slider.gif);width:8px;height:17px;top:-6px;cursor:pointer;"></div></div>');


    a1Slider = new Control.Slider('a1-slider-handle','a1-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a1').value = Math.ceil(v * 100);setAttColors('a1','mellow','aggressive');},
          onSlide:function(v){$('UploadStep2Form-text-a1').value = Math.ceil(v * 100);setAttColors('a1','mellow','aggressive');}});

    a2Slider = new Control.Slider('a2-slider-handle','a2-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a2').value = Math.ceil(v * 100);setAttColors('a2','recognizable','unrecognizable');},
          onSlide:function(v){$('UploadStep2Form-text-a2').value = Math.ceil(v * 100);setAttColors('a2','recognizable','unrecognizable');}});

    a3Slider = new Control.Slider('a3-slider-handle','a3-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a3').value = Math.ceil(v * 100);setAttColors('a3','serious','humorous');},
          onSlide:function(v){$('UploadStep2Form-text-a3').value = Math.ceil(v * 100);setAttColors('a3','serious','humorous');}});

    a4Slider = new Control.Slider('a4-slider-handle','a4-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a4').value = Math.ceil(v * 100);setAttColors('a4','accessible','difficult');},
          onSlide:function(v){$('UploadStep2Form-text-a4').value = Math.ceil(v * 100);setAttColors('a4','accessible','difficult');}});

    a5Slider = new Control.Slider('a5-slider-handle','a5-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a5').value = Math.ceil(v * 100);setAttColors('a5','heterosexual','homosexual');},
          onSlide:function(v){$('UploadStep2Form-text-a5').value = Math.ceil(v * 100);setAttColors('a5','heterosexual','homosexual');}});

    a6Slider = new Control.Slider('a6-slider-handle','a6-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a6').value = Math.ceil(v * 100);setAttColors('a6','ethereal','cacophonous');},
          onSlide:function(v){$('UploadStep2Form-text-a6').value = Math.ceil(v * 100);setAttColors('a6','ethereal','cacophonous');}});

    a7Slider = new Control.Slider('a7-slider-handle','a7-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a7').value = Math.ceil(v * 100);setAttColors('a7','fast','slow');},
          onSlide:function(v){$('UploadStep2Form-text-a7').value = Math.ceil(v * 100);setAttColors('a7','fast','slow');}});

    a8Slider = new Control.Slider('a8-slider-handle','a8-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a8').value = Math.ceil(v * 100);setAttColors('a8','dense','sparse');},
          onSlide:function(v){$('UploadStep2Form-text-a8').value = Math.ceil(v * 100);setAttColors('a8','dense','sparse');}});

    a9Slider = new Control.Slider('a9-slider-handle','a9-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a9').value = Math.ceil(v * 100);setAttColors('a9','vocal','instrumental');},
          onSlide:function(v){$('UploadStep2Form-text-a9').value = Math.ceil(v * 100);setAttColors('a9','vocal','instrumental');}});

    a10Slider = new Control.Slider('a10-slider-handle','a10-slider-track',{ 
          onChange:function(v){$('UploadStep2Form-text-a10').value = Math.ceil(v * 100);setAttColors('a10','club','headphones');},
          onSlide:function(v){$('UploadStep2Form-text-a10').value = Math.ceil(v * 100);setAttColors('a10','club','headphones');}});

    a1Slider.setValueBy(.50);
    a2Slider.setValueBy(.50);
    a3Slider.setValueBy(.50);
    a4Slider.setValueBy(.50);
    a5Slider.setValueBy(.50);
    a6Slider.setValueBy(.50);
    a7Slider.setValueBy(.50);
    a8Slider.setValueBy(.50);
    a9Slider.setValueBy(.50);
    a10Slider.setValueBy(.50);

    Event.observe(frm, 'submit', function(event) { 
	Event.stop(event);
	FwDispatch.getFormData(frm,handleUploadStep2Result);
    });

}

function setAttColors(sliderName,lowName,highName) {
  if ($('UploadStep2Form-text-'+sliderName).value < 50) {
    $('upload-'+lowName+'-label').setStyle({color:'#5C5C5C'});
    $('upload-'+highName+'-label').setStyle({color:'#203438'});

  } else if ($('UploadStep2Form-text-'+sliderName).value > 50) {

    $('upload-'+lowName+'-label').setStyle({color:'#203438'});
    $('upload-'+highName+'-label').setStyle({color:'#5C5C5C'});
  } else {
    $('upload-'+lowName+'-label').setStyle({color:'#203438'});
    $('upload-'+highName+'-label').setStyle({color:'#203438'});
  }
}

function switchTabOn(tabName,tabImgOn) {

  $('tab-mood').src = moodImgOff.src;
  $('tab-dev').src = devImgOff.src;
  $('tab-vocals').src = vocalsImgOff.src;
  $('tab-speed').src = speedImgOff.src;
  $('tab-speed2').src = speed2ImgOff.src;
  $('mood-control').setStyle({display:'none'});
  $('dev-control').setStyle({display:'none'});
  $('vocals-control').setStyle({display:'none'});
  $('speed-control').setStyle({display:'none'});
  $('speed2-control').setStyle({display:'none'});

  $('tab-'+tabName).src = tabImgOn.src;
  $(tabName+'-control').setStyle({display:'block'});
}

function handleUploadStep2Result(res) {
    initUploadPage("upload");

    if(res['data']['id'] > 0) {
	FwDispatch.content('/mix/'+res['data']['next_call']+'.php?mix_id='+ res['data']['id'],'view-container',null,handleUploadStep3);
    }
}

function handleUploadStep3(res) {
    initUploadPage("upload");

    $('UploadStep3Form-album-fieldname').hide();
    $('UploadStep3Form-song-fieldname').hide();

    $('UploadStep3Form-album-data-cell').update('<div id="album-select" ></div>');
    $('UploadStep3Form-song-data-cell').update('<div id="song-select" ></div>');

    $('UploadStep3Form-textarea-tags').ancestors()[0].update('<div id="UploadStep3Form-background-tags"><textarea name="UploadStep3Form_tags" class="UploadStep3Form-textarea" id="UploadStep3Form-textarea-tags" /></textarea></div>');

    Event.observe('UploadStep3Form-select-artist', 'change', function(event) { 
      artist = encodeURIComponent($('UploadStep3Form-select-artist').getValue());
      FwDispatch.content('/mix/get_albums_data.html?artist_id='+artist,'album-select',null,changeAlbum);

      $('UploadStep3Form-album-fieldname').show();
    });

    Event.addBehavior({
      "#album-select-album": function() {
    	this.observe('change', function(event) {
          album = encodeURIComponent($('album-select-album').getValue()); 
          FwDispatch.content('/mix/get_songs_by_album_data.html?artist_id='+artist+'&album_id='+album,'song-select',null,changeAlbum);

          $('UploadStep3Form-song-fieldname').show();
    	});	
        }
    });

    $('UploadStep3Form-submit-button').ancestors()[0].update('<input type="image" src="../../images/btn_upload_continuetofinish.gif" id="UploadStep3Form-submit-button" class="finish-btn" />');

    init_btn_rollover("finish");

    new Ajax.Request('/mix/get_albums_DATA.js', { method: 'get', onSuccess: gotAlbums });
 
    var frm = 'UploadStep3Form';

    Event.observe(frm, 'submit', function(event) { 
	Event.stop(event);
	FwDispatch.form(frm,'view-container',null,handleUploadStep5);
    });
}

function changeAlbum(res){
}

function handleUploadStep4(res) {
  initUploadPage("upload");

  $('UploadStep4Form-album-1-fieldname').update('<span class="upload-step4-label">Album</span>');
  $('UploadStep4Form-album-2-fieldname').update('<span class="upload-step4-label">Album</span>');
  $('UploadStep4Form-album-3-fieldname').update('<span class="upload-step4-label">Album</span>');
  $('UploadStep4Form-album-4-fieldname').update('<span class="upload-step4-label">Album</span>');
  $('UploadStep4Form-album-5-fieldname').update('<span class="upload-step4-label">Album</span>');

  $('UploadStep4Form-song-1-fieldname').update('<span class="upload-step4-label">Song</span>');
  $('UploadStep4Form-song-2-fieldname').update('<span class="upload-step4-label">Song</span>');
  $('UploadStep4Form-song-3-fieldname').update('<span class="upload-step4-label">Song</span>');
  $('UploadStep4Form-song-4-fieldname').update('<span class="upload-step4-label">Song</span>');
  $('UploadStep4Form-song-5-fieldname').update('<span class="upload-step4-label">Song</span>');

  $('UploadStep4Form-text-Album-1').ancestors()[0].update('<div id="UploadStep4Form-background-Album-1" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Album_1" id="UploadStep4Form-text-Album-1" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Album-2').ancestors()[0].update('<div id="UploadStep4Form-background-Album-2" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Album_2" id="UploadStep4Form-text-Album-2" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Album-3').ancestors()[0].update('<div id="UploadStep4Form-background-Album-3" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Album_3" id="UploadStep4Form-text-Album-3" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Album-4').ancestors()[0].update('<div id="UploadStep4Form-background-Album-4" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Album_4" id="UploadStep4Form-text-Album-4" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Album-5').ancestors()[0].update('<div id="UploadStep4Form-background-Album-5" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Album_5" id="UploadStep4Form-text-Album-5" class="UploadStep4Form-text" /></div>');

  $('UploadStep4Form-text-Song-1').ancestors()[0].update('<div id="UploadStep4Form-text-Song-1" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Song_1" id="UploadStep4Form-text-Song-1" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Song-2').ancestors()[0].update('<div id="UploadStep4Form-text-Song-2" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Song_2" id="UploadStep4Form-text-Song-2" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Song-3').ancestors()[0].update('<div id="UploadStep4Form-text-Song-3" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Song_3" id="UploadStep4Form-text-Song-3" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Song-4').ancestors()[0].update('<div id="UploadStep4Form-text-Song-4" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Song_4" id="UploadStep4Form-text-Song-4" class="UploadStep4Form-text" /></div>');
  $('UploadStep4Form-text-Song-5').ancestors()[0].update('<div id="UploadStep4Form-text-Song-5" class="UploadStep4Form-background"><input type="text" name="UploadStep4Form_Song_5" id="UploadStep4Form-text-Song-5" class="UploadStep4Form-text" /></div>');

  $('UploadStep4Form-submit-button').ancestors()[0].update('<input type="image" src="../../images/btn_upload_continuetofinish.gif" id="UploadStep4Form-submit-button" />');

  var frm = 'UploadStep4Form';

  Event.observe(frm, 'submit', function(event) { 
  	Event.stop(event);
	  FwDispatch.form(frm,'view-container',null,handleUploadStep5);
  });
}

function handleUploadStep5(res) {
  initUploadPage("upload");
}

var albumData = null;

function gotAlbums(t) {
    albumData = evalSafeJSON(t.responseText);

    var album_select = makeSelect('choice-1-album',albumData,"id","name","Choose An Album");
    $('UploadStep3Form-text-song-id-1').ancestors()[0].innerHTML += '<span id="choice-1">'+album_select+'<span id="choice-1-song"></span></span>';

    Event.observe($('choice-1-album'), 'change', function(event) { 
	Event.stop(event);
	//FwDispatch.getFormData(frm,handleUplo);
    });

}

function makeAlbumSelector(id,update_field) {
}