// JavaScript Document

function select_skin(skin_id) {

	var callback = function () {
	    window.location.reload();
	}

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }

	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			 if(callback) {
				callback();
			 }
		}			
	}

	XObj.open('POST','php/layout.php?select=1&skinid=' + skin_id, true);
	XObj.send(null);
}


function deleteSkin(skin_id) {

	var callback = function () {
	    window.location.reload();
	}

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }

	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			 if(callback) {
				callback();
			 }
		}			
	}

	XObj.open('POST','php/layout.php?delete=1&skinid=' + skin_id, true);
	XObj.send(null);
}

function loadSkins(list, skin_id) {
	var callback = function (txt) {
		$(list).innerHTML = txt;
		//$('skin:'+skin_id).style.display="none";
	}

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }

	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
		 callback(XObj.responseText);
		}			
	}

	XObj.open('POST','php/layout.php?list=' + site_id + '&skinid=' + skin_id, true);
	XObj.send(null);
}

function publishSkin(skin_id) {

	var go = confirm('Are you sure you want to make this skin public? There is no way to make private again.');
	if(!go) { return false; }

	var callback = function () {
	    window.location.reload();
	}

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }

	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			 if(callback) {
				callback();
			 }
		}			
	}
	XObj.open('POST','php/layout.php?pub=1&skinid=' + skin_id, true);
	XObj.send(null);
}

function submit_layout () {
	
	var bg_color = escape($('input_field_1').value);
	var banner_code = escape($('input_field_html').value);
	var bg_repeat = escape($('bg_repeat').value);
	var color = escape($('input_field_3').value);
	var banner_bg_color = escape($('input_field_2').value);
	var banner_color = escape($('input_field_4').value);
	var nav_bd_color = escape($('input_field_5').value);
	var nav_bg_color = escape($('input_field_6').value);
	var link_color = escape($('input_field_7').value);
	var link_vert = escape($('link_vert').value);
	var skin_id = $('skin_id').value;

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }

	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			window.location.reload();
		}			
	}

	var content = 'site=' + site_id + '&skinid=' + skin_id + '&bg=' + bg_color + '&bg_repeat=' + bg_repeat + '&color=' + color + '&banner_bg_color=' + banner_bg_color + '&banner_color=' + banner_color + '&nav_bd_color=' + nav_bd_color + '&nav_bg_color=' + nav_bg_color + '&link_color=' + link_color + '&code=' + (banner_code) + '&vert=' + link_vert;
	XObj.open('POST','php/layout.php', true); 
	XObj.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	XObj.setRequestHeader("Content-length", content.length);        
	XObj.setRequestHeader("Connection", "close");
	XObj.send(content);
}


var skinCancel;
function renameSkinForm (form, id) {
	var nameInputForm = "<input id='renameSkinInput' value=''/><input type='button' onClick='renameSkin(" + id  + ")' value='update'/><input type='button' onClick='cancelSkin(\"" + form + "\")' value='cancel'/>";
	skinCancel = $(form).innerHTML;
	$(form).innerHTML = nameInputForm;
}

function renameSkin (skin_id) {
	var nameInput = $('renameSkinInput').value;
	if(!nameInput) {
	   cancelSkin();
	   return false;
	}
 

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }

	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			window.location.reload();
		}			
	}
	XObj.open('POST','php/layout.php?name=' + escape(nameInput) + '&skinid=' + skin_id, true);
	XObj.send(null);
}

function cancelSkin (form) {
	$(form).innerHTML = skinCancel; 
}

function create_layout () {
	
	var bg_color = escape($('input_field_1').value);
	var banner_code = escape($('input_field_html').value);	
	var banner_img = escape($('st:banner_bg_image').value);
	var banner_title = escape($('st:banner_bg_title').value);
	var bg_image = escape($('st:bg_image').value);
	var bg_repeat = escape($('bg_repeat').value);
	var color = escape($('input_field_3').value);
	var banner_bg_color = escape($('input_field_2').value);
	var banner_color = escape($('input_field_4').value);
	var nav_bd_color = escape($('input_field_5').value);
	var nav_bg_color = escape($('input_field_6').value);
	var link_color = escape($('input_field_7').value);
	var link_vert = escape($('link_vert').value);

	var XObj;
	try { XObj = new XMLHttpRequest(); }
	catch(e) { XObj = new ActiveXObject(Microsoft.XMLHTTP); }

	XObj.onreadystatechange = function () {
		if(XObj.readyState == 4) {
			window.location.reload();
		}			
	}

	//no skin id used creates a new skin
	//CREATE NEW LAYOUT SKIN
	XObj.open('POST','php/layout.php?new=1&site=' + site_id + '&bg=' + bg_color + '&bg_repeat=' + bg_repeat + '&bg_image=' + bg_image + '&color=' + color + '&banner_bg_color=' + banner_bg_color + '&banner_color=' + banner_color + '&nav_bd_color=' + nav_bd_color + '&nav_bg_color=' + nav_bg_color + '&link_color=' + link_color + '&code=' + banner_code+ '&banner_img=' + banner_img + '&banner_t=' + banner_title + '&vert=' + link_vert, true);
	XObj.send(null);
}