var args = ['', '3'];
var step_num = 3;
var save_specific_option = 'N';
var first_vkey = 0;

function select_vid_num_first_sel(dropdown) {
	var prostroke_video_div = document.getElementById('prostroke_video');
	var prostroke_video_descr_div = document.getElementById('prostroke_video_descr');
	var prostroke_vkey = document.getElementById('prostroke_vkey');
	var hidden_prostroke_vkey = document.getElementById('hidden_prostroke_vkey');
	var edit_info = document.getElementById('edit_info');
	var del_prostroke = document.getElementById('del_info');
    var myindex  = dropdown.selectedIndex;
    var SelValue = dropdown.options[myindex].value;
	var video_info_array=SelValue.split(",");

	var embed_video_text = '<!--[if gte IE 6]><script language="javascript">document.write("<NOSCRIPT class=clickfix><OBJECT style=\"display:none\">"); </script> <!--<![endif]-->';
	embed_video_text = embed_video_text + '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="405" height="333" id="/YouTube_video/youtube" align="middle">';
	embed_video_text = embed_video_text + '<param name="allowScriptAccess" value="sameDomain" />';
	embed_video_text = embed_video_text + '<param name="movie" value="csplayer_clean.swf?xml=player.config.php&video='+video_info_array[0]+'&key='+video_info_array[1]+'" />';
	embed_video_text = embed_video_text + '<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />';
	embed_video_text = embed_video_text + '<embed src="csplayer_clean.swf?xml=player.config.php&video='+video_info_array[0]+'&key='+video_info_array[1]+'}" quality="high" bgcolor="#ffffff" width="405" height="333" name="/YouTube_video/youtube" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	embed_video_text = embed_video_text + '</object>';
	embed_video_text = embed_video_text + '<!--[if gte IE 6]></OBJECT></NOSCRIPT><!--<![endif]-->';
	
	prostroke_video_div.innerHTML = embed_video_text;

	prostroke_video_descr_div.innerHTML = video_info_array[2];

	prostroke_vkey.innerHTML = video_info_array[1];

	hidden_prostroke_vkey.innerHTML = "<input type='hidden' name='viewkey' value='"+video_info_array[1]+"'></input>";

    return true;	
}

function set_step_num(new_step_num) {
	step_num = new_step_num;
	args[1] = new_step_num;
}
function set_save_specific_option(new_save_specific_option) {
	save_specific_option = new_save_specific_option;
}
function set_first_vkey(new_first_vkey) {
	first_vkey = new_first_vkey;
}

function serve_selected(player_name_fn, player_name_ln, stroke, first_second, ad_deuce) {
	var sUrl = "/ajax/stroke_compare.php?pfn="+player_name_fn+"&pln="+player_name_ln+"&stroke="+stroke+'&fs='+first_second+'&ad='+ad_deuce;
	var view_div = document.getElementById('view_options_div');
	var hpfn_field = document.getElementById('hpfn_div');
	var hpln_field = document.getElementById('hpln_div');
	var hstroke_field = document.getElementById('hstroke_div');
	var hside_field = document.getElementById('hside_div');
	var hfs_field = document.getElementById('hfs_div');
	var display_selection_field = document.getElementById('display_selection');
	
	// Set hidden fields for select player/stroke
	hpfn_field.innerHTML = '<input type="hidden" name="hpfn" value="'+player_name_fn+'"></input>';
	hpln_field.innerHTML = '<input type="hidden" name="hpln" value="'+player_name_ln+'"></input>';
	hstroke_field.innerHTML = '<input type="hidden" name="hstroke" value="'+stroke+'"></input>';
	hside_field.innerHTML = '<input type="hidden" name="hside" value="'+ad_deuce+'"></input>';
	hfs_field.innerHTML = '<input type="hidden" name="hfs" value="'+first_second+'"></input>';

	// Set text for second step so users know the system is working - display Retrieving view options message
	view_div.innerHTML = "<fieldset><font color=\"#2A3B84\">Step "+step_num+": Choose View Option<br>Retrieving view options...";

	// Set visible fields so user knows which player/stroke they chose
	var selected_info = 'Player: '+player_name_fn+' '+player_name_ln+'<br>';
	selected_info = selected_info + 'Stroke: '+first_second+' '+stroke+'<br>';
	selected_info = selected_info + 'Side: '+ad_deuce;
	args[0] = selected_info;

	// Make the AJAX request
	//alert ('sUrl'+sUrl);
	var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback); 
}

function fore_back_selected(player_name_fn, player_name_ln, stroke) {
        var sUrl = "/ajax/stroke_compare.php?pfn="+player_name_fn+"&pln="+player_name_ln+"&stroke="+stroke;
        var view_div = document.getElementById('view_options_div');
		var hpfn_field = document.getElementById('hpfn_div');
		var hpln_field = document.getElementById('hpln_div');
        var hstroke_field = document.getElementById('hstroke_div');
        var display_selection_field = document.getElementById('display_selection');

        // Set hidden fields for select player/stroke
		hpfn_field.innerHTML = '<input type="hidden" name="hpfn" value="'+player_name_fn+'"></input>';
		hpln_field.innerHTML = '<input type="hidden" name="hpln" value="'+player_name_ln+'"></input>';
        hstroke_field.innerHTML = '<input type="hidden" name="hstroke" value="'+stroke+'"></input>';

        // Set text for second step so users know the system is working - display Retrieving view options message
        view_div.innerHTML = "<fieldset><font color=\"#2A3B84\">Step "+step_num+": Choose View Option<br>Retrieving view options...";

        // Set visible fields so user knows which player/stroke they chose
		var selected_info = 'Player: '+player_name_fn+' '+player_name_ln+'<br>';
        selected_info = selected_info + 'Stroke: '+stroke+'<br>';
        args[0] = selected_info;

        // Make the AJAX request
        //alert ('sUrl'+sUrl);
        var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
}

function volley_selected(player_name_fn, player_name_ln, stroke, fore_back) {
	var sUrl = "/ajax/stroke_compare.php?pfn="+player_name_fn+"&pln="+player_name_ln+"&stroke="+stroke+'&fb='+fore_back;
	var view_div = document.getElementById('view_options_div');
	var hpfn_field = document.getElementById('hpfn_div');
	var hpln_field = document.getElementById('hpln_div');
	var hstroke_field = document.getElementById('hstroke_div');
	var hfb_field = document.getElementById('hfb_div');
	var display_selection_field = document.getElementById('display_selection');

	// Set hidden fields for select player/stroke
	hpfn_field.innerHTML = '<input type="hidden" name="hpfn" value="'+player_name_fn+'"></input>';
	hpln_field.innerHTML = '<input type="hidden" name="hpln" value="'+player_name_ln+'"></input>';
	hstroke_field.innerHTML = '<input type="hidden" name="hstroke" value="'+stroke+'"></input>';
	hfb_field.innerHTML = '<input type="hidden" name="hfb" value="'+fore_back+'"></input>';

	// Set text for second step so users know the system is working - display Retrieving view options message
	view_div.innerHTML = "<fieldset><font color=\"#2A3B84\">Step "+step_num+": Choose View Option<br>Retrieving view options...";

	// Set visible fields so user knows which player/stroke they chose
	var selected_info = 'Player: '+player_name_fn+' '+player_name_ln+'<br>';
	selected_info = selected_info + 'Stroke: '+stroke+'<br>';
	selected_info = selected_info + 'Side: '+fore_back;
	args[0] = selected_info;

	// Make the AJAX request
	//alert ('sUrl'+sUrl);
	var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback);
}

function return_selected(player_name_fn, player_name_ln, stroke, first_second, fore_back) {
	var sUrl = "/ajax/stroke_compare.php?pfn="+player_name_fn+"&pln="+player_name_ln+"&stroke="+stroke+'&fs='+first_second+'&fb='+fore_back;
	var view_div = document.getElementById('view_options_div');
	var hpfn_field = document.getElementById('hpfn_div');
	var hpln_field = document.getElementById('hpln_div');
	var hstroke_field = document.getElementById('hstroke_div');
	var hside_field = document.getElementById('hside_div');
	var hfs_field = document.getElementById('hfs_div');
	var hfb_field = document.getElementById('hfb_div');
	var display_selection_field = document.getElementById('display_selection');
	
	// Set hidden fields for select player/stroke
	hpfn_field.innerHTML = '<input type="hidden" name="hpfn" value="'+player_name_fn+'"></input>';
	hpln_field.innerHTML = '<input type="hidden" name="hpln" value="'+player_name_ln+'"></input>';
	hstroke_field.innerHTML = '<input type="hidden" name="hstroke" value="'+stroke+'"></input>';
	hfb_field.innerHTML = '<input type="hidden" name="hfb" value="'+fore_back+'"></input>';
	hfs_field.innerHTML = '<input type="hidden" name="hfs" value="'+first_second+'"></input>';

	// Set text for second step so users know the system is working - display Retrieving view options message
	view_div.innerHTML = "<fieldset><font color=\"#2A3B84\">Step "+step_num+": Choose View Option<br>Retrieving view options...";

	// Set visible fields so user knows which player/stroke they chose
	var selected_info = 'Player: '+player_name_fn+' '+player_name_ln+'<br>';
	selected_info = selected_info + 'Stroke: '+first_second+' '+stroke+'<br>';
	selected_info = selected_info + 'Side: '+fore_back;
	args[0] = selected_info;

	// Make the AJAX request
	//alert ('sUrl'+sUrl);
	var request = YAHOO.util.Connect.asyncRequest('GET', sUrl, callback); 
}

function select_vid_num(dropdown) {
	var prostroke_video_div = document.getElementById('prostroke_video');
	var prostroke_video_descr_div = document.getElementById('prostroke_video_descr');
	var prostroke_vkey = document.getElementById('prostroke_vkey');
	var hidden_prostroke_vkey = document.getElementById('hidden_prostroke_vkey');
	var edit_info = document.getElementById('edit_info');
	var del_prostroke = document.getElementById('del_info');
    var myindex  = dropdown.selectedIndex;
    var SelValue = dropdown.options[myindex].value;
	var video_info_array=SelValue.split(",");

	var embed_video_text = '<!--[if gte IE 6]><script language="javascript">document.write("<NOSCRIPT class=clickfix><OBJECT style=\"display:none\">"); </script> <!--<![endif]-->';
	embed_video_text = embed_video_text + '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="405" height="333" id="/YouTube_video/youtube" align="middle">';
	embed_video_text = embed_video_text + '<param name="allowScriptAccess" value="sameDomain" />';
	embed_video_text = embed_video_text + '<param name="movie" value="csplayer_clean.swf?xml=player.config.php&video='+video_info_array[0]+'&key='+video_info_array[1]+'" />';
	embed_video_text = embed_video_text + '<param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />';
	embed_video_text = embed_video_text + '<embed src="csplayer_clean.swf?xml=player.config.php&video='+video_info_array[0]+'&key='+video_info_array[1]+'}" quality="high" bgcolor="#ffffff" width="405" height="333" name="/YouTube_video/youtube" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	embed_video_text = embed_video_text + '</object>';
	embed_video_text = embed_video_text + '<!--[if gte IE 6]></OBJECT></NOSCRIPT><!--<![endif]-->';
	//alert (embed_video_text);
	
	prostroke_video_div.innerHTML = embed_video_text;
	
	prostroke_video_descr_div.innerHTML = video_info_array[2];

	prostroke_vkey.innerHTML = video_info_array[1];

	if (save_specific_option == 'Y')
	{
		// Save this as viewkey2 if we're saving a specific video
		hidden_prostroke_vkey.innerHTML = "<input type='hidden' name='viewkey2' value='"+video_info_array[1]+"'></input>";

		// And set the Save Comparison link to save this specific video
		var save_div = document.getElementById('SaveComparison');
		save_div.innerHTML = '<img src="/images/file_save2.jpg"></img> <a href="save_comparison.php?viewkey='+video_info_array[4]+'&viewkey2='+video_info_array[1]+'&cid=1"><span class="dark_blue_bold">SAVE THIS comparison</span></a>';

	} else { // Saving comparison to player/stroke
		hidden_prostroke_vkey.innerHTML = "<input type='hidden' name='viewkey' value='"+video_info_array[1]+"'></input>";
	}
	edit_info.innerHTML = '<a href="admin_edit_prostroke.php?vkey='+video_info_array[1]+'">Edit Info 2</a>';
	del_prostroke.innerHTML = '<a href="admin_del_prostroke.php?id='+video_info_array[3]+'">Delete Pro Stroke</a>';
    
    return true;
}


//var div = document.getElementById('view_div');

var handleSuccess = function(o){
	if(o.responseText !== undefined){
		//alert('in success response: '+o.responseText );
		//alert('arg: '+o.argument[0]);
		//alert('arg 1: '+o.argument[1]);

		var response_array = o.responseText.split(',');
		var num_views = parseFloat(response_array[0]);
		var num_heights = parseFloat(response_array[1]);
		var view_string = '<select name="view_choice">';
		var height_string = '<select name="height_choice">';
		//alert ('num views: '+num_views+' num heights: '+num_heights);
		var display_step_num = o.argument[1];

		var index_start = 2;
		var index_end = num_views + index_start;
		var view_index = 1;
		//alert ('processing views.  start: '+index_start+' end: '+index_end);
		for (var index = index_start; index <index_end ; index++) {
			//alert ('view '+view_index+': value: '+response_array[index]);
			view_string = view_string + '<option value="' + response_array[index] + '">' + response_array[index] + '</option>';
			view_index++;
		}
		view_string = view_string + "</select>";

		index_start = num_views + 2;
		index_end = index_start+num_heights;
		height_index = 1;
		//alert ('processing heights.  start: '+index_start+' end: '+index_end);
		for (var index = index_start; index < index_end; index++) {
			//alert ('height '+height_index+': value: '+response_array[index]);
			height_string = height_string + '<option value="' + response_array[index] + '">' + response_array[index] + '</option>';
			height_index++;
		}
		height_string = height_string + "</select>";

		var view_div = document.getElementById('view_options_div');
		var HTML_code = "<fieldset><font color=\"#2A3B84\">";
		HTML_code = HTML_code + "<u>Step "+display_step_num+": Choose View Option</u><br><br>";
		HTML_code = HTML_code +"View Angle:<br>" + view_string;
		HTML_code = HTML_code + "<br><br>Camera Height:<br>"+height_string;

		// Set button label
		var button_label = 'View Comparison';
		if (display_step_num == '2')
		{
			button_label = 'View Videos';
		}
		HTML_code = HTML_code + '<br><br><INPUT type="submit" name="submit" value="'+button_label+'"><br><br>';
		HTML_code = HTML_code + o.argument[0];
		HTML_code = HTML_code + "</font></fieldset>";
		HTML_code = HTML_code + "<image src=\"/images/view_angle4.jpg\"></image>";
		view_div.innerHTML = HTML_code;	
	}
}

var handleFailure = function(o){
	if(o.responseText !== undefined){
		alert('in failure');
		//div.innerHTML = "Trouble in paradise";
	}
}

var callback =
{
  success:handleSuccess,
  failure: handleFailure,
  argument: args
};