function change_layout(display_code){

show_loader();

   if(display_code == undefined) display_code = "false";

   var theme_id = document.getElementsByName("theme_id")[0].value;
   if(theme_id == ""){
      alert("Please Select a Theme");
   }else{
      if(document.getElementsByName("background_src_user_url")[0].value == ""){
        var background_src = document.getElementsByName("background_src")[0].value;
      }else{
        var background_src = document.getElementsByName("background_src_user_url")[0].value;
      }
      var upload_background_src = document.getElementsByName("upload_background_src")[0].value;
      
      var opacity           = document.getElementsByName("opacity")[0].value;
      var flip_column       = document.getElementsByName("flip_column")[0].value;
      var v_align           = document.getElementsByName("v_align")[0].value;
      var background_repeat = document.getElementsByName("background_repeat")[0].value;
      var email_address     = document.getElementsByName("email_address")[0].value;
      var tag1				    = document.getElementsByName("tag1")[0].value;
      var tag2				    = document.getElementsByName("tag2")[0].value;
      var tag3				    = document.getElementsByName("tag3")[0].value;


      if(document.getElementsByName("layout_public")[0].checked){
        var layout_public = "true";
      }else{
        var layout_public = "false";
      }
      
      var image_width = "";
      
		if(document.getElementsByName("image_width")){
      	//alert("upload_background_src = "+upload_background_src);
	      var image_widths = document.getElementsByName("image_width");
	      for(i = 0; i < image_widths.length; i++){
	      	if(image_widths[i].checked) image_width = image_widths[i].value;
	      }
	   }
	   if(prev_image_width != image_width && !current_upload) background_change = true;
	   prev_image_width = image_width;
		
		//alert("background_src = "+background_src);
		
	
      if(background_src == "" || !background_change){
        //document.getElementById("layout").src = "layout.php?display_code="+display_code+"&theme_id="+theme_id+"&background_src="+background_src+"&opacity="+opacity+"&flip_column="+flip_column+"&v_align="+v_align+"&email_address="+email_address+"&layout_title="+layout_title+"&flickr_photo_id="+flickr_photo_id+"&flickr_owner="+flickr_owner+"&layout_public="+layout_public+"&background_repeat="+background_repeat; +
        document.getElementById("layout").src = "layout.php?display_code="+display_code+"&theme_id="+theme_id+"&background_src="+background_src+"&opacity="+opacity+"&flip_column="+flip_column+"&v_align="+v_align+"&email_address="+email_address+"&layout_title="+layout_title+"&flickr_photo_id="+flickr_photo_id+"&flickr_owner="+flickr_owner+"&layout_public="+layout_public+"&upload_background_src="+upload_background_src+"&image_width="+image_width+"&background_repeat="+background_repeat+"&tag1="+tag1+"&tag2="+tag2+"&tag3="+tag3;
      }else{
        $.ajax({
          type: "GET",
          url: "download.php",
          data: "background_src="+background_src+"&upload_background_src="+upload_background_src,
          timeout: 10000, 
          error: function(var_1, var_2, var_3){
            download_success = false;
            //alert("Error\n\n"+var_1+"\n\n"+var_2+"\n\n"+var_3);
          }, 
          success: function(var_4){
            if(var_4 == "false_not_jpeg"){
               alert("We Can Only Accept Jpeg Images.");
               download_success = false;
            }else if(var_4 == "false"){
               download_success = false;
            }
          },
          complete: function(var_5, var_6){
            if(!download_success){
               background_src = "";
               //alert("The image is not avaliable. Please choose another.");
               download_success = true;
            }
            if(display_code == "true"){
               $("#layout").onchange(function(){
                 //document.location.href = "/editor/finished.php";
                 document.location.href = "/layout_ready.php";
               });
            }
            //document.getElementById("layout").src = "layout.php?display_code="+display_code+"&theme_id="+theme_id+"&background_src="+background_src+"&opacity="+opacity+"&flip_column="+flip_column+"&v_align="+v_align+"&email_address="+email_address+"&password="+password+"&layout_title="+layout_title+"&flickr_photo_id="+flickr_photo_id+"&flickr_owner="+flickr_owner+"&background_repeat="+background_repeat;
            document.getElementById("layout").src = "layout.php?display_code="+display_code+"&theme_id="+theme_id+"&background_src="+background_src+"&opacity="+opacity+"&flip_column="+flip_column+"&v_align="+v_align+"&email_address="+email_address+"&password="+password+"&layout_title="+layout_title+"&flickr_photo_id="+flickr_photo_id+"&flickr_owner="+flickr_owner+"&image_width="+image_width+"&upload_background_src="+upload_background_src+"&background_repeat="+background_repeat+"&tag1="+tag1+"&tag2="+tag2+"&tag3="+tag3;
          }
        });
        background_change = false;

      }
   }
}

var image_service = "yahoo";
$(document).ready(function(){
   highlight_search();

   $(".image_search").click(function(){
      image_service = this.id;
      highlight_search();
   });
});

function highlight_search(){
   $("#image_result").hide("slow");
   var search_link = $(".image_search");
   for(i = 0; i < search_link.length; i++){
      search_link[i].style.backgroundColor = "#F0F0F0";
   }
   document.getElementById(image_service).style.backgroundColor = "#FFFF88";
   get_images();
}

function get_images(page){
   var query = document.getElementsByName("image_search")[0].value;
   if(query != ""){
      if(page == undefined) page = 1;
      document.getElementById("loading").style.display = "inline";
      $.ajax({
        type: "GET",
        url: "image_service/"+image_service+".php",
        data: "query="+query+"&page="+page,
        success: function(responseText){
          if(responseText == "false"){
            document.getElementById("image_result").innerHTML = "<br /><p><strong>Your search returned no results</strong></p>";
          }else{
            document.getElementById("image_result").innerHTML = responseText;
            $(".background_image").click(function(){
            	//upload_background_src = null;
            	document.getElementsByName("upload_background_src")[0].value = "";
               layout_title = query;
               background_change = true;
               if(image_service == "yahoo" || image_service == "google"){
                 document.getElementsByName("background_src")[0].value = this.alt;
               }else{
                 document.getElementsByName("background_src")[0].value = this.src;
               }

               //we need to provide attribution for flickr
               //below we should gather photo_id and owner, or reset it 
               if(image_service == "flickr"){
                 flicrk_info       = this.alt.split("^*^");
                 flickr_photo_id   = flicrk_info[0];
                 flickr_owner      = flicrk_info[1];
               }else{
                 flickr_photo_id   = null;
                 flickr_owner      = null;
               }

               change_layout();
            });
          }
          document.getElementById("loading").style.display = "none";
          $("#image_result").show("slow");
        }
      });
   }
}

function display_layout_code(){
   var filter  = /^([a-zA-Z0-9_\+\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
   /*if($("input[@name=email_address]").val() == ""){
      alert("Please Provide your MySpace Email Address");
   }else if(!filter.test($("input[@name=email_address]").val())){
      alert("Email Address is Invalid");
   }else if($("input[@name=password]").val() == ""){
      alert("Please Provide your MySpace Password");
   }else*/
   
   if($("select[@name=layout_id]").val() == ""){
      //had to add an id to the layout_id select 
      alert("Please Select a Layout");
   }else{
      change_layout("true");
   }
}

function select_theme(theme_id){
   document.getElementsByName("theme_id")[0].value = theme_id;
   change_layout();
}

function toggle_image_search_add(search_add){
   if(search_add == "search"){
      if(document.getElementsByName("image_search")[0].value != ""){
        //image box
        $("#image_result").show();
      }

      /*
      these lines below don't work with safari on load
      changed to the "document.getElementById" version below
      $("#image_add_own_container").hide();
      $("#image_search_container").show();
      */
      document.getElementById("image_add_own_container").style.display = "none";
      document.getElementById("image_search_container").style.display = "block";

      $(".image_search_option")[0].style.backgroundColor = "#000000";
      $(".image_search_option")[0].style.color = "#FFFFFF";

      $(".image_add_option")[0].style.backgroundColor = "#F0F0F0";
      $(".image_add_option")[0].style.color = "#000000";

   }else if(search_add == "add"){
      //image box
      $("#image_result").hide();

      $("#image_search_container").hide();
      $("#image_add_own_container").show();

      $(".image_add_option")[0].style.backgroundColor = "#000000";
      $(".image_add_option")[0].style.color = "#FFFFFF";

      $(".image_search_option")[0].style.backgroundColor = "#F0F0F0";
      $(".image_search_option")[0].style.color = "#000000";

   }
}

/*
TOOK THIS OUT, NO LONGER SHOWING ONLY ONE AT A TIME
var active_section = null;
function toggle_section(passed_section){
   $("#"+active_section).toggle();
   if(active_section == passed_section){
      active_section = null;
   }else{
      $("#"+passed_section).toggle();
      active_section = passed_section;
   }
}
*/

function toggle_section(section){
   $("#"+section).toggle();
}

/*
function get_background_image(){
   myspace_layout.document.body.style.backgroundImage = "url('')";
   myspace_layout.document.body.style.backgroundColor = "transparent";
   //myspace_layout.document.body.style.backgroundPosition = "top center";

   document.body.style.background = "rgb(51, 51, 51) url('http://intranet.brkstn.com/backgroundstation.com/bg/CCC_46dd9aad3dcca.jpg') no-repeat fixed center center";
}
*/

function change_theme_page(theme_page, a_tag){
   $(".theme_page").hide();
   $("#theme_page_"+theme_page).show();
   var page_link = $("#page_container a");
   for(i = 0; i < page_link.length; i++){
      page_link[i].style.fontWeight = "normal";
      page_link[i].style.textDecoration = "underline";
      page_link[i].style.backgroundColor = "#F0F0F0";
   }

   a_tag.style.fontWeight = "bold";
   a_tag.style.textDecoration = "none";
   a_tag.style.backgroundColor = "#FFFF88";
}

function flash_code_notice(){
   //document.getElementById("code_notice").style.border = "1px solid green";
   var code_notice = document.getElementById("code_notice").style;

   code_notice.backgroundColor = "#FEFFBF";
   setTimeout(
      function(){code_notice.backgroundColor = "#F1F1F1";}, 500
   );
   setTimeout(
      function(){code_notice.backgroundColor = "#FEFFBF";}, 1000
   );
   setTimeout(
      function(){code_notice.backgroundColor = "#F1F1F1";}, 1500
   ); 
   setTimeout(
      function(){code_notice.backgroundColor = "#FEFFBF";}, 2000
   ); 
}