var video_link = null;
var base_url = 'http://widget.sanook.com/video-skin-diy/';
var slide_url = 'http://widget.sanook.com/slide-diy/';

$(document).ready(function() {

	if (video_link != null) {
		getMeta('service=sanook&id=' + video_link);
	}


	// Search Function
	$('#s_search, #y_search').submit(function() {
		var self = $(this).parent().parent();
		var url = base_url + $(this).attr('action');
		var method = $(this).attr('method');
		var params = $(this).find('input').not(':submit').serialize();
		var opt = eval('(' + $(this).attr('rel') +')');

		$(self).find('.box_search').hide();
		$(self).find('.box_results').show();
		$(opt.area).html('LOADING.....');

		$.ajax({
			type: method,
			url: url,
			dataType: 'html',
			data: params,
			error: function() {
				alert('Data cannot be loaded');
			},
			success: function(str) {
				$(opt.area).empty().html(str);
			}
		});
		return false;
	});

	// Get Url Function
	$('#s_url, #y_url').submit(function() {

		$(this).find(".loading_small")
		.ajaxStart(function() {
			$(this).show();
		})
		.ajaxComplete(function() {
			$(this).hide();
		});

		var service = $(this).find('[@name="service"]').val();
		var urlObj = $(this).find('[@name="url"]');
		var id = null;

		if (service == 'sanook')
		{
			if($(urlObj).val()!=''){
				$.get(slide_url + 'php_preg.php', { url: $(urlObj).val() }, function(str) {
					if(str!=''){
						getMeta('service=' + service + '&id=' + str);
					}else{
						alert('Url ไม่ถูกต้อง กรุณากรอกใหม่');
						return false;
					}
				});
			}else{
				alert('กรุณากรอก Url');
				return false;
			}
		}
		else if (service == 'youtube')
		{
			id = $(urlObj).splitQuery('v');
			getMeta('service=' + service + '&id=' + id);
		}

		return false;
	});

	// Load Style Function
	$('.loadStyle').click(function() {
		var opt = eval("(" + $(this).attr('rel') + ")");
		$("#" + opt.head).val(opt.id);
		reloadFlash();
	});

	// Get Code
	$('.getCode').click(function() {
		if(document.getElementById('chkPost').checked==false){
			alert('กรุณายอมรับเงื่อนไขการใช้บริการ');
			return false;
		}
		var completed = $('#found').val();
		if (completed == 'Y')
		{
			$.ajax({
				url: base_url + 'process?cmd=video&action=save',
				type: 'POST',
				data: 'params=' + Base64.encode(getVideoVal()),
				success: function(str) {
					location.href = base_url + 'getcode?' + Base64.encode('video_id=' + str + '&callby=creator');
				}
			});
		}
		else
			alert('ขั้นตอนการสร้างยังไม่เสร็จสมบูรณ์ค่ะ');

		return false;
	});

});

/*------------------ External Function	 ------------------*/
// Back to search box
function searchAgain(service)
{
	$('#' + service + '_search').find('.box_results').hide();
	$('#' + service + '_search').find('.box_search').show();
}

// Get All Data For Each
function getMeta(params)
{
	var url = base_url + 'slidedata';
	$.ajax({
		type: 'POST',
		url: url,
		dataType: 'json',
		data: params,
		success: function(str) {
			if (str.found == 'Y')
			{
				$.each(str, function(i, item) {
					// Set to input
					$('#' + i).val(item);
				});
				reloadFlash();
			}
			else
				alert('ไม่สามารถโหลดวิดีโอได้ค่ะ');
		}
	});
	return false;
}

// Genarate Flash on the File
function reloadFlash()
{
	var allInput = getVideoVal();

	var embed =	document.createElement('embed');
	$(embed).attr('type', 'application/x-shockwave-flash');
	$(embed).attr('id', 'widget_video');
	$(embed).attr('src', base_url + 'swf/video.swf');
	$(embed).attr('bgcolor', '#FFFFFF');
	$(embed).attr('flashvars', 'xmlPath=' + base_url + 'builtXML?' + Base64.encode(allInput));
	$(embed).width(437).height(320);
	$(embed).attr('wmode', 'opaque');
	$('#video_show').empty().html(embed);
}

// Get Current Data
function getVideoVal()
{
	var rand = Math.random() * 100;
	$('#randNo').val(rand);
	var allInput =	 $('form#video_val').find('input:hidden').serialize();
	return allInput;
}