
function show_checkbox(checkbox, showHideArray){
	if(checkbox.checked){
		show(showHideArray);
	}else{
		hide(showHideArray);
	}	
}

function show(showArray){
	for(i=0;i<showArray.length;i++){
		if(document.getElementById(showArray[i])!=null){
			document.getElementById(showArray[i]).style.display='';
		}
	}	
}

function hide(hideArray){
	for(i=0;i<hideArray.length;i++){
		if(document.getElementById(hideArray[i])!=null){
			document.getElementById(hideArray[i]).style.display='none';
		}
	}	
}

function show_hide(hide, show){
	showElements(show);
	hideElement(hide);	
}
function showElements(show){

	for(i=0;i<show.length;i++){
		if(document.getElementById(show[i])!=null){
			document.getElementById(show[i]).style.display='';
		}
	}	
}
function hideElement(hide){	
	for(i=0;i<hide.length;i++){
		if(document.getElementById(hide[i])!=null){
			document.getElementById(hide[i]).style.display='none';
		}
	}
}

function getRadioButtonValue(rad){
	var radValue  = "";
	for (var i=0; i < rad.length; i++){
   		if (rad[i].checked){
      		radValue = rad[i].value;
      	}
   	}
   	return radValue;
}

// Opens Div
	function openDiv(el,height,useAnimation) {
		if (useAnimation == null || useAnimation == '') {
			useAnimation = true;
		}
		if (useAnimation) {
			var openAttr = {
				height:{to:height}
			};
			var fadeAttr = {
				opacity:{to:1}
			};
			var fadeDiv = new YAHOO.util.Anim(el, fadeAttr, 0.5);
			var openDiv = new YAHOO.util.Anim(el, openAttr, 0.5);
			if (height) {
				openDiv.animate();
				openDiv.onComplete.subscribe(function() {
					fadeDiv.animate();
				});
			}
			else {
				fadeDiv.animate();
			}
		}
		else {
			YAHOO.util.Dom.setStyle(el, 'opacity', '1');
			YAHOO.util.Dom.setStyle(el, 'height', '100%');
		}
	}
	
	// Closes Div
	function closeDiv(el,useAnimation,useHeight,useOpacity) {
		if (useAnimation == null || useAnimation == '') {
			useAnimation = true;
		}
		if (useAnimation) {
			if (useHeight == null || useHeight == '') {
				useHeight = true;
			}
			if (useOpacity == null || useOpacity == '') {
				useOpacity = true;
			}
			var closeAttr = {
				height:{to:0}
			};
			var fadeAttr = {
				opacity:{to:0}
			};
			var fadeDiv = new YAHOO.util.Anim(el, fadeAttr, 0.5);
			var closeDiv = new YAHOO.util.Anim(el, closeAttr, 0.5);
			if (useOpacity) {
				fadeDiv.animate();
				if (useHeight) {
					fadeDiv.onComplete.subscribe(function() {
						closeDiv.animate();
					});
				}
			} else {
				closeDiv.animate();
			}
		}
		else {
			YAHOO.util.Dom.setStyle(el, 'height', '0');
		}
	}
	
	// Shows Div
	function showDiv(el,type) {
		if (type == null || type == '') {
			type = 'inline';
		}
		YAHOO.util.Dom.setStyle(el, 'display', type);
	}
	
	// Hides Div
	function hideDiv(el) {
		YAHOO.util.Dom.setStyle(el, 'display', 'none');
	}

function getCheckedTheme(){
	var x = document.getElementsByName('view_id');
	for(var k=0;k<x.length;k++){
		if(x[k].checked){
	    	var img = document.getElementById('screenshotimg');
			img.src= x[k].id;
	    }
	}
	var message = document.getElementById('messageDiv').innerHTML="";
	showHideElementById(0, 'colorChooserDiv');
	closeDiv('colorChooserDiv');
	showHideElementById(1, 'screenshotdiv');
	openDiv('screenshotdiv', 620);
	showHideElementById(0, 'customCssForm');
	showHideElementById(0, 'customcolorsamplediv');
}

function processCustomClick(){
	var message = document.getElementById('messageDiv').innerHTML="";
	closeDiv('screenshotdiv');
	closeDiv('customCssForm');
	openDiv('colorChooserDiv', 600);
	//openDiv('customcolorsamplediv', 1640);
	
	showHideElementById(1, 'colorChooserDiv');
	showHideElementById(0, 'screenshotdiv');
	showHideElementById(0, 'customCssForm');
	showHideElementById(1, 'customcolorsamplediv');
	updateIFrame();
}

function processCssUpload(){
	var message = document.getElementById('messageDiv').innerHTML="";
	closeDiv('colorChooserDiv');
	closeDiv('screenshotdiv');
	//closeDiv('customcolorsamplediv');
	openDiv('customCssForm', 125);
	
	showHideElementById(0, 'colorChooserDiv');
	showHideElementById(0, 'screenshotdiv');
	showHideElementById(0, 'customcolorsamplediv');
	showHideElementById(1, 'customCssForm');
}

function showHideElementById(status, elementId){
	var element = document.getElementById(elementId);
	if(element != null){
		if(status == 1){
			element.style.visibility = "visible";
			element.style.display = "";
		}
		else{
			element.style.visibility = "hidden";
			element.style.display = "none";
		}
	}
}

String.prototype.trim = function() { return this.replace(/^\s+|\s+$/, ''); };

function updateIFrame(){
	var myJSONObject = {"body_bg":document.getElementById("body_bg").value, 
						"table_bg":document.getElementById("table_bg").value,
						"body_text":document.getElementById("body_text").value,
						"table_hover":document.getElementById("table_hover").value,
						"body_link":document.getElementById("body_link").value,
						"table_border":document.getElementById("table_border").value, 
						"table_link":document.getElementById("table_link").value,
						"table_text":document.getElementById("table_text").value,
						"cs_bg":document.getElementById("cs_bg").value,
						"button_bg":document.getElementById("button_bg").value,
						"cs_border":document.getElementById("cs_border").value, 
						"button_border":document.getElementById("button_border").value,
						"cs_link":document.getElementById("cs_link").value,
						"button_link":document.getElementById("button_link").value,
						"menu_bg":document.getElementById("menu_bg").value,
						"menu_text":document.getElementById("menu_text").value
						};
	
	var jsonInput = YAHOO.lang.JSON.stringify(myJSONObject);
	var iFrameURL = document.getElementById("iframeurl").value;
	var iframe = document.getElementById("previewIFrame");
	showHideElementById(1, "customcolorsamplediv");
	var encodedInputString=escape(jsonInput);
  	encodedInputString=encodedInputString.replace("+", "%2B");
  	encodedInputString=encodedInputString.replace("/", "%2F");
    loadFrame();
}

function getCustomJson(){
	var myJSONObject = {"body_bg":document.getElementById("body_bg").value, 
						"table_bg":document.getElementById("table_bg").value,
						"body_text":document.getElementById("body_text").value,
						"table_hover":document.getElementById("table_hover").value,
						"body_link":document.getElementById("body_link").value,
						"table_border":document.getElementById("table_border").value, 
						"table_link":document.getElementById("table_link").value,
						"table_text":document.getElementById("table_text").value,
						"cs_bg":document.getElementById("cs_bg").value,
						"button_bg":document.getElementById("button_bg").value,
						"cs_border":document.getElementById("cs_border").value, 
						"button_border":document.getElementById("button_border").value,
						"cs_link":document.getElementById("cs_link").value,
						"button_link":document.getElementById("button_link").value,
						"menu_bg":document.getElementById("menu_bg").value,
						"menu_text":document.getElementById("menu_text").value
						};
	
	var jsonInput = YAHOO.lang.JSON.stringify(myJSONObject);
	var encodedInputString=escape(jsonInput);
  	encodedInputString=encodedInputString.replace("+", "%2B");
  	encodedInputString=encodedInputString.replace("/", "%2F");
    return encodedInputString;
}


/**
 * gets the contents of the form as a URL encoded String
 * suitable for appending to a url
 * @param formName to encode
 * @return string with encoded form values , beings with &
 */ 
function getFormAsString(formName){

	//Setup the return String
	returnString ="";

	//Get the form values
	formElements=document.forms[formName].elements;

	//loop through the array , building up the url
	//in the form /strutsaction.do&name=value

	for ( var i=formElements.length-1; i>=0; --i ){
		//we escape (encode) each value
		returnString=returnString+"&"+escape(formElements[i].name)+"="+encodeURIComponent(formElements[i].value);
	}

	//return the values
	return returnString; 
}

function processCSSFileSubmit(){
	var sn = document.getElementById("sn").value;
	var sUrl = "index.php?do=get_links_upload_css&did="+document.getElementById("did").value+"&sn="+sn;
	var callback = {
	     success: function(o) {
	        document.getElementById("fileuploadresultdiv").innerHTML = (o.responseText); //SUCCESS
	        },
	     failure: function(o) {
	        document.getElementById("fileuploadresultdiv").innerHTML = "<p><strong>Failed to Upload...</strong></p>"; //FAILURE
	     }
	  }
	var formString = getFormAsString("mainForm");
	var completeURL = sUrl+formString;
	var transaction = YAHOO.util.Connect.asyncRequest('POST', sUrl, callback, null);
}


	function resize(iframeName){
		var ifrm = document.getElementById(iframeName);
	    var body = ifrm.contentWindow.document.body;
	    if(body) 
	    {
	        ifrm.style.height = (body.scrollHeight || body.offsetHeight) + ( 0 ) + 'px';
	    }
	}
	
	function onload_1() {	
	}
	function setSodValue(){
		if(document.getElementById("sod").checked == true){
			document.getElementById("sod").value = 1;
		}
		else{
			document.getElementById("sod").value = 0;
		}
	}
