var serverUrl =  'http://weddingsongs.freakmusic.co.uk/';//http://weddingsongs.freakmusic.co.uk/';//'htt://fm.int/'; //'http://dev.stableflow.net/freakmusic/';
var code = '<div id="wwrapper"><div class="bottom set_c">Powered by Freak Music - the home of <a class="set_c" href="http://www.freakmusic.co.uk">live wedding bands and entertainers</a> for hire.</div></div><script type="text/javascript">document.getElementById("wwrapper").style.display="none"; var wcolor1 = \'{{color1}}\';var wcolor2 = \'{{color2}}\';var img = \'{{img}}\';</script><script type="text/javascript" src="' + serverUrl + '/js/widget.js"></script>';
$(function() {
    $('#list-inner').jScrollPane();
    $('#Binded').jPicker({
        window: {
            effects:
            {
                type: 'fade',
                speed:
                {
                    show: 'fast',
                    hide: 'fast'
                }
            }
        }
    });
    $('#Binded2').jPicker({
        window: {
            effects:
            {
                type: 'fade',
                speed:
                {
                    show: 'fast',
                    hide: 'fast'
                }
            }
        }
    });
    $('#color1button').bind('click', function(e) {
    	e.preventDefault();
    	$('.set_bg').css('backgroundColor', '#' + $('#Binded').val());$('.set_c').css('color', '#' + $('#Binded').val());    	
    	changeCode();
    });
    $('#color2button').bind('click', function(e) {
    	e.preventDefault();
    	$('.set_bg2').css('backgroundColor', '#' + $('#Binded2').val());$('.set_c2').css('color', '#' + $('#Binded2').val());
    	changeCode();
    });
    changeCode();
});

function changeCode()
{
	var newCode = code.replace('{{color1}}', $('#Binded').val());
	    newCode = newCode.replace('{{color2}}', $('#Binded2').val());
	    newCode = newCode.replace('{{img}}', $('#header_img').attr('src'));
	    $('.code > code').text(newCode);
}

/////////////AJAX FILE UPLOADING//////////////
function createIFrame() {
  var id = 'f' + Math.floor(Math.random() * 99999);
  $('#iframe_holder').html('<iframe src="about:blank" id="' + id + '" name="' + id + '" onload="sendComplete(\'' + id + '\');"></iframe>');
  return document.getElementById(id);
}

function sendForm(form, url) {
  if (!$('#uploadFile').val()) {
      alert('Please select image!');
      return;
  }
  $('#resultDiv').html('Please wait...');
  if (typeof(form)=="string") form=document.getElementById(form);
  var frame=createIFrame();
  form.setAttribute('target', frame.id);
  form.setAttribute('action', url);
  form.submit();
}

function sendComplete(id) {
  $('#resultDiv').html('');
  $('#uploadFile').val('');
  changeCode();
}