var extensionFlashSettings = {};
extensionFlashSettings['default'] = {menu: "false", bgcolor: "FFFFFF"};
extensionFlashSettings['superstage'] = {menu: "false", bgcolor: "FFFFFF", allowfullscreen: "true"};
extensionFlashSettings['teaserboxadvanced'] = {menu: "false", bgcolor: "FFFFFF", path: "http://public.velite.de/VeliteTeaser.swf"};
var extensionName = '';

$('document').ready(function(){


  if (window.tabConfig) {
    for (var i=0;i<tabConfig.length;i++) {
        var cur = tabConfig[i].current || false;
        if (cur) {
            $('#'+tabConfig[i].tab).addClass('current');
        } else {
            for (var x=0;x<tabConfig[i].panels.length;x++) {
                $(tabConfig[i].panels[x]).hide();
            }            
        }

        $('#'+tabConfig[i].tab).bind('click', function() {
            for (var y=0;y<tabConfig.length;y++) {
                if ($(this).attr('id') === tabConfig[y].tab) {
                    for (var z=0;z<tabConfig[y].panels.length;z++) {
                        $(tabConfig[y].panels[z]).show();
                    }
                    $('#'+tabConfig[y].tab).addClass('current');
                } else {
                    for (var x=0;x<tabConfig[y].panels.length;x++) {
                        $(tabConfig[y].panels[x]).hide();
                    }
                    $('#'+tabConfig[y].tab).removeClass('current');
                }
            }
            return false;
        });
    }
  }

  extensionName = $('#extensionName').val();
  
  var flashVars = {};
  flashVars['host'] = "/extension/"+extensionName+"/demoxml/";

  if (extensionName === 'teaserboxadvanced') {
    flashVars['host'] = 'http://velite.de' + flashVars['host'];
    $('#xmlUrl').html('<a target="_blank" href="'+flashVars['host']+'">SHOW XML</a>');
  }

  embedSwfObject(extensionName, 
                 flashVars,
                 extensionFlashSettings[extensionName] || extensionFlashSettings['default']);

  $("#refresh").click(function() {
		var inputs = $('#demoform input[type=text], #demoform select');
    var demoSettings = {};
				
		inputs.each(function(i, el) {
      demoSettings[el.name] = $(el).val();
    });

    demoSettingsString = JSON.stringify(demoSettings);

  	$.post('/extension/'+extensionName+'/demoresponse', { data:demoSettingsString}, function(data) {
      var flashVarsData = {};
      flashVarsData['host'] = "/extension/"+extensionName+"/demoxml/"+data;

      if (extensionName === 'teaserboxadvanced') {
        flashVarsData['host'] = 'http://velite.de' + flashVarsData['host'];
        $('#xmlUrl').html('<a target="_blank" href="'+flashVarsData['host']+'">SHOW XML</a>');
      }

      embedSwfObject(extensionName, 
                     flashVarsData,
                     extensionFlashSettings[extensionName] || extensionFlashSettings['default']);
  	}, "text");
    return false;
  });
});

function embedSwfObject(extensionName, flashVars, flashSettings) {
	swfobject.embedSWF(	(flashSettings.path || "/flash/"+extensionName+".swf"), 
						          "demoSwf", 
						          "100%", 
						          "100%", 
						          "9.0.0", 
						          "expressInstall.swf", 
						          flashVars, 
						          flashSettings, 
						          { }
  );
}