var style = "<style type='text/css'>\n";
style += ".glued-body { padding:5px; border:1px grey solid; float:left;}\n";
style += ".glued-thumb {height:60px; width:80px; border:solid 2px grey; margin:2px;}\n";
style += "</style>\n";

var codePre = "<script src='";
var pageName = "getmedia.php";
// var page = document.getElementById('pagefolder').value;
// page += "/";
page = pageName;
var codePost = "'><"+"/"+"script>";
var emptyString = /^\s*$/

function getMediaType()
{
  var media = "none";
  for (i=1;i<6;i++) {
    var id = "radio"+i;
    if (document.getElementById(id).checked == true) {
      media = document.getElementById(id).value
      break //exist for loop, as target acquired.
    }
  }
  return media;
}

function showCase()
{
  var media = getMediaType();
  if(media == "user") {
    document.getElementById("user").style.display = "block";
    document.getElementById("tag").style.display = "none";
    var user = trim(document.getElementById("userName").value);
    if(user.length) {
      genCode();
    }
  } else if(media == "tag") {
    document.getElementById("user").style.display = "none";
    document.getElementById("tag").style.display = "block";
    var tag = trim(document.getElementById("tagName").value);
    if(tag.length) {
      genCode();
    }
  } else {
    document.getElementById("user").style.display = "none";
    document.getElementById("tag").style.display = "none";
    genCode();
  }
}

function checkCR() {
  genCode();
  return false;
}

function loadStyle() {
  document.write(style);
}

function genCode () {
  document.getElementById('tag-err').innerHTML = "";
  var media = getMediaType();
  if(media == "none") {
    document.getElementById('tag-err').innerHTML = "Select one of above";
    return;
  }
  var user = trim(document.getElementById("userName").value);
  var tag = trim(document.getElementById("tagName").value);
  
  var count = document.getElementById('count').value;
  var layout = document.getElementById('layout').value;
  
  var codeData = "state=ex&count="+count+"&layout="+layout+"&media="+media;
  if(media == "tag") {
    if(tag == ""){
      document.getElementById('tag-err').innerHTML = "Error! please enter a tag.";
      return;
    }
    codeData += "&tag="+tag;
  }
  if(media == "user") {
    if(user == ""){
      document.getElementById('tag-err').innerHTML = "Error! please enter a user name.";
      return;
    }
    codeData += "&user="+user;
  }
  
  codeData += "&popup="+document.getElementById('popup').value;
  var prevCodeData = codeData+"&preview=yes";
  
  var code = style+codePre+page+"?"+codeData+codePost;
  document.getElementById('code').value = code;
  document.getElementById('preview').innerHTML = "Loading Preview ... ";
  new Ajax.Updater('preview', pageName, {method: 'get', parameters: prevCodeData});
}

function selectSticker()
{
  document.getElementById('code').select();
}