var MSIE = navigator.userAgent.indexOf('MSIE')>=0?true:false;
	var navigatorVersion = navigator.appVersion.replace(/.*?MSIE (\d\.\d).*/g,'$1')/1;
	var namedColorRGB = new Array('#F0F8FF','#FAEBD7','#00FFFF','#7FFFD4','#F0FFFF','#F5F5DC','#FFE4C4','#000000','#FFEBCD','#0000FF','#8A2BE2','#A52A2A','#DEB887',
	'#5F9EA0','#7FFF00','#D2691E','#FF7F50','#6495ED','#FFF8DC','#DC143C','#00FFFF','#00008B','#008B8B','#B8860B','#A9A9A9','#006400','#BDB76B','#8B008B',
	'#556B2F','#FF8C00','#9932CC','#8B0000','#E9967A','#8FBC8F','#483D8B','#2F4F4F','#00CED1','#9400D3','#FF1493','#00BFFF','#696969','#1E90FF','#D19275',
	'#B22222','#FFFAF0','#228B22','#FF00FF','#DCDCDC','#F8F8FF','#FFD700','#DAA520','#808080','#008000','#ADFF2F','#F0FFF0','#FF69B4','#CD5C5C','#4B0082',
	'#FFFFF0','#F0E68C','#E6E6FA','#FFF0F5','#7CFC00','#FFFACD','#ADD8E6','#F08080','#E0FFFF','#FAFAD2','#D3D3D3','#90EE90','#FFB6C1','#FFA07A','#20B2AA',
	'#87CEFA','#8470FF','#778899','#B0C4DE','#FFFFE0','#00FF00','#32CD32','#FAF0E6','#FF00FF','#800000','#66CDAA','#0000CD','#BA55D3','#9370D8','#3CB371',
	'#7B68EE','#00FA9A','#48D1CC','#C71585','#191970','#F5FFFA','#FFE4E1','#FFE4B5','#FFDEAD','#000080','#FDF5E6','#808000','#6B8E23','#FFA500','#FF4500',
	'#DA70D6','#EEE8AA','#98FB98','#AFEEEE','#D87093','#FFEFD5','#FFDAB9','#CD853F','#FFC0CB','#DDA0DD','#B0E0E6','#800080','#FF0000','#BC8F8F','#4169E1',
	'#8B4513','#FA8072','#F4A460','#2E8B57','#FFF5EE','#A0522D','#C0C0C0','#87CEEB','#6A5ACD','#708090','#FFFAFA','#00FF7F','#4682B4','#D2B48C','#008080',
	'#D8BFD8','#FF6347','#40E0D0','#EE82EE','#D02090','#F5DEB3','#FFFFFF','#F5F5F5','#FFFF00','#9ACD32');	
	
	var color_picker_div = false;
	var color_picker_active_tab = false;
	var color_picker_form_field = false;
	var color_picker_active_input = false;
	function baseConverter (number,ob,nb) {
		number = number + "";
		number = number.toUpperCase();
		var list = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ";
		var dec = 0;
		for (var i = 0; i <=  number.length; i++) {
			dec += (list.indexOf(number.charAt(i))) * (Math.pow(ob , (number.length - i - 1)));
		}
		number = "";
		var magnitude = Math.floor((Math.log(dec))/(Math.log(nb)));
		for (var i = magnitude; i >= 0; i--) {
			var amount = Math.floor(dec/Math.pow(nb,i));
			number = number + list.charAt(amount); 
			dec -= amount*(Math.pow(nb,i));
		}
		if(number.length==0)number=0;
		return number;
	}
	
	function colorPickerGetTopPos(inputObj)
	{
		
	  var returnValue = inputObj.offsetTop;
	  while((inputObj = inputObj.offsetParent) != null){
	  	returnValue += inputObj.offsetTop;
	  }
	  return returnValue;
	}
	
	function colorPickerGetLeftPos(inputObj)
	{
	  var returnValue = inputObj.offsetLeft;
	  while((inputObj = inputObj.offsetParent) != null)returnValue += inputObj.offsetLeft;
	  return returnValue;
	}
	
	function cancelColorPickerEvent(){
		return false;
	}
	
	function showHideColorOptions()
	{
		var parentNode = this.parentNode;
		var subDiv = parentNode.getElementsByTagName('DIV')[0];
		counter=0;		
		var contentDiv = document.getElementById('color_picker_content').getElementsByTagName('DIV')[0];
		do{			
			if(subDiv.tagName=='DIV' && subDiv.className!='colorPickerCloseButton'){
				if(subDiv==this){
					this.className='colorPickerTab_active';
					this.style.zIndex = 50;
					contentDiv.style.display='block';
					self.status = counter;					
				}else{
					subDiv.className = 'colorPickerTab_inactive';	
					subDiv.style.zIndex = 10 - counter;
					contentDiv.style.display='none';
				}
				counter++;
			}
			subDiv = subDiv.nextSibling;
			contentDiv = contentDiv.nextSibling;
		}while(subDiv);
		document.getElementById('colorPicker_statusBarTxt').innerHTML = ' ';
	}
	
	function createColorPickerTopRow(inputObj){
		var tabs = ['RGB'];
		var tabWidths = [37,90,70];
		var div = document.createElement('DIV');
		div.className='colorPicker_topRow';
		inputObj.appendChild(div);	
		var currentWidth = 0;
		for(var no=0;no<tabs.length;no++){			
			var tabDiv = document.createElement('DIV');
			tabDiv.onselectstart = cancelColorPickerEvent;
			tabDiv.ondragstart = cancelColorPickerEvent;
			if(no==0){
				suffix = 'active'; 
				color_picker_active_tab = this;
			}else suffix = 'inactive';
			tabDiv.id = 'colorPickerTab' + no;
			tabDiv.onclick = showHideColorOptions;
			if(no==0)tabDiv.style.zIndex = 50; else tabDiv.style.zIndex = 1 + (tabs.length-no);
			tabDiv.style.left = currentWidth + 'px';
			tabDiv.style.position = 'absolute';
			tabDiv.className='colorPickerTab_' + suffix;
			var tabSpan = document.createElement('SPAN');
			tabSpan.innerHTML = tabs[no];
			tabDiv.appendChild(tabSpan);
			if(navigatorVersion<6 && MSIE){	/* Lower IE version fix */
			}
			div.appendChild(tabDiv);
			currentWidth = currentWidth + tabWidths[no];
		}
		var closeButton = document.createElement('DIV');
		closeButton.className='colorPickerCloseButton';
		closeButton.innerHTML = 'x';
		closeButton.onclick = closeColorPicker;
		closeButton.onmouseover = toggleCloseButton;
		closeButton.onmouseout = toggleOffCloseButton;
		div.appendChild(closeButton);
	}
	function toggleCloseButton(){this.style.color='#FFF';this.style.backgroundColor = '#317082';	}
	function toggleOffCloseButton(){this.style.color='';this.style.backgroundColor = '';}
	function closeColorPicker(){color_picker_div.style.display='none';}
	function createWebColors(inputObj){
		var webColorDiv = document.createElement('DIV');
		inputObj.appendChild(webColorDiv);
		for(var r=15;r>=0;r-=3){
			for(var g=0;g<=15;g+=3){
				for(var b=0;b<=15;b+=3){
					var red = baseConverter(r,10,16) + '';
					var green = baseConverter(g,10,16) + '';
					var blue = baseConverter(b,10,16) + '';
					
					var color = '#' + red + red + green + green + blue + blue;
					var div = document.createElement('DIV');
					div.style.backgroundColor=color;
					div.innerHTML = '<span></span>';
					div.className='colorSquare';
					div.title = color;	
					div.onclick = chooseColor;
					div.setAttribute('rgbColor',color);
					div.onmouseover = colorPickerShowStatusBarText;
					div.onmouseout = colorPickerHideStatusBarText;
					webColorDiv.appendChild(div);
				}
			}
		}
	}

	function colorPickerHideStatusBarText(){document.getElementById('colorPicker_statusBarTxt').innerHTML = ' ';}
	
	function colorPickerShowStatusBarText()
	{
		var txt = this.getAttribute('rgbColor');
		if(this.title.indexOf('#')<0)txt = txt + " (" + this.title + ")";
		document.getElementById('colorPicker_statusBarTxt').innerHTML = txt;	
	}
	
	function createAllColorDiv(inputObj){
		var namedColorDiv = document.createElement('DIV');
		namedColorDiv.style.display='none';
		inputObj.appendChild(namedColorDiv);	
	}
	
	function chooseColor()
	{
		color_picker_form_field.value = this.getAttribute('rgbColor');
		color_picker_div.style.display='none';
		color_picker_active_input.style.backgroundColor =this.getAttribute('rgbColor')
		document.getElementById("colset0").checked = true;
		col_set='';
		preView();
	}
	
	function createStatusBar(inputObj)
	{
		var div = document.createElement('DIV');
		div.className='colorPicker_statusBar';	
		var innerSpan = document.createElement('SPAN');
		innerSpan.id = 'colorPicker_statusBarTxt';
		div.appendChild(innerSpan);
		inputObj.appendChild(div);
	}
	
	function showColorPicker(inputObj,formField)
	{
		if(!color_picker_div){
			color_picker_div = document.createElement('DIV');
			color_picker_div.id = 'dhtmlgoodies_colorPicker';
			color_picker_div.style.display='none';
			createColorPickerTopRow(color_picker_div);
			
			var contentDiv = document.createElement('DIV');
			contentDiv.id = 'color_picker_content';
			color_picker_div.appendChild(contentDiv);
			
			createWebColors(contentDiv);
			createAllColorDiv(contentDiv);
			createStatusBar(color_picker_div);
			document.body.appendChild(color_picker_div);
		}		
		if(color_picker_div.style.display=='none' || color_picker_active_input!=inputObj)color_picker_div.style.display='block'; else color_picker_div.style.display='none';		
		color_picker_div.style.left = colorPickerGetLeftPos(inputObj) + 'px';
		color_picker_div.style.top = colorPickerGetTopPos(inputObj) + inputObj.offsetHeight + 2 + 'px';
		color_picker_form_field = formField;
		color_picker_active_input = inputObj;
	}

function ChangeCol(txtCol,imgCol){
	imgCol.style.background=txtCol.value;
	document.getElementById("colset0").checked = true;
	col_set="";
}

var col_set="1";
var frame_width=160;
var IndCol = new Array();
	IndCol[1]='#FFFFFF,#FFFFFF,#FFFFFF,#DDDDDD,#333333,#666666,#AAAAAA,#999999,#FFCC00,#11BB11,#FF0022,#CCCCCC'.split(',');
	IndCol[2]='#FFFFFF,#EEEEEE,#DDDDDD,#DDDDDD,#333333,#666666,#AAAAAA,#999999,#FFCC00,#11BB11,#FF0022,#CCCCCC'.split(',');
	IndCol[3]='#FFFFFF,#FF99BB,#FF99BB,#FF99BB,#222222,#666666,#AAAAAA,#FFFFFF,#FF0000,#66CC66,#FF5555,#CCCCCC'.split(',');
	IndCol[4]='#FFFFFF,#FFCC66,#FFFFFF,#FFFFFF,#333333,#888888,#AAAAAA,#888888,#FF0022,#11BB11,#FF0022,#CCCCCC'.split(',');
	IndCol[5]='#FFFFFF,#333333,#000000,#000000,#333333,#666666,#AAAAAA,#EEEEEE,#FF0022,#11BB11,#FF0022,#CCCCCC'.split(',');
	IndCol[6]='#000000,#000000,#00CC33,#00CC33,#00CC00,#009900,#006600,#888888,#FFCC00,#FF0033,#0033FF,#666666'.split(',');
	IndCol[7]='#FFEEFF,#FFDDFF,#FFDDFF,#FFDDFF,#777777,#999999,#AAAAAA,#AAAAAA,#FF6699,#99CC33,#BB3366,#CCCCCC'.split(',');
	IndCol[8]='#F7F7FF,#E7E7EE,#EEEEEE,#DDDDDD,#220033,#9999CC,#AAAAFF,#CCCCFF,#FFCC66,#66AA99,#AA6699,#DDDDDD'.split(',');
	IndCol[9]='#FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF,#222222,#666666,#AAAAAA,#AAAAAA,#FFCC00,#11BB11,#FF0022,#CCCCCC'.split(',');
	IndCol[10]='#FFFFCC,#FFFF33,#FF0000,#0000FF,#FF66FF,#00FF00,#66FFFF,#999933,#FFCC00,#11BB11,#FF0022,#CCCCCC'.split(',');
function preView(){
	frame_width=document.getElementById("bp_frame_width").value;
	if(!((frame_width > 119) &&  (frame_width < 301))){ frame_width=160;document.getElementById("bp_frame_width").value=160;}
	frame_height = Math.floor(frame_width * 22 / 160) + Math.floor(frame_width * 132 / 160)+ Math.floor(frame_width * 18 / 160)+ Math.floor(frame_width * 4 / 160) +4;
	if(col_set){for (x = 0; x < 12; x++){document.forms[1].elements[x*2].style.background=document.forms[1].elements[x*2+1].value=IndCol[col_set][x].toUpperCase();}}
	if(col_set) {colTxt="";}else{colTxt=
	 '&c0='+document.getElementById("bp_bg0t").value.replace('#','').toLowerCase()+
	 '&c1='+document.getElementById("bp_bg1t").value.replace('#','').toLowerCase()+
	 '&c2='+document.getElementById("bp_bg2t").value.replace('#','').toLowerCase()+
	 '&c3='+document.getElementById("bp_bg3t").value.replace('#','').toLowerCase()+
	 '&c4='+document.getElementById("bp_bg4t").value.replace('#','').toLowerCase()+
	 '&c5='+document.getElementById("bp_bg5t").value.replace('#','').toLowerCase()+
	 '&c6='+document.getElementById("bp_bg6t").value.replace('#','').toLowerCase()+
	 '&c7='+document.getElementById("bp_bg7t").value.replace('#','').toLowerCase()+
	 '&c8='+document.getElementById("bp_bg8t").value.replace('#','').toLowerCase()+
	 '&c9='+document.getElementById("bp_bg9t").value.replace('#','').toLowerCase()+
	 '&c10='+document.getElementById("bp_bg10t").value.replace('#','').toLowerCase()+
	 '&c11='+document.getElementById("bp_bg11t").value.replace('#','').toLowerCase();}
	htmltx1='<iframe src="http://ch225.com/blog-parts/bp1.php?fw='+frame_width+'&cs='+col_set+colTxt+'&ts=true" marginwidth=0 marginheight=0 frameborder=0 scrolling=no width='+frame_width+' height='+frame_height+'></iframe>';
	htmltx2='<iframe src="http://ch225.com/blog-parts/bp1.php?fw='+frame_width+'&cs='+col_set+colTxt+'" marginwidth=0 marginheight=0 frameborder=0 scrolling=no width='+frame_width+' height='+frame_height+'></iframe>';
	document.getElementById("preview").innerHTML=htmltx1;
	document.getElementById("bp_textarea").value=htmltx2;
}
function setCol(bgCol){document.getElementById("bp_bgcoltxt").value=bgCol;preView();}
function setColSet(bgCol){document.getElementById("bp_bgcoltxt").value=bgCol;preView();}