$(function(){
	$.each($(".color_selector"), function(key, val){
		var id = '#'+$(val).attr("id");
		var color =  $(id+" div").attr('bgcolor');


		$(id+" div").css('background-color', color);
		
		$(id).ColorPicker({
			color: $(id+" div").attr('bgcolor'),
			onShow: function (colpkr) {
				$(colpkr).fadeIn(500);
				return false;
			},
			onHide: function (colpkr) {
				$(colpkr).fadeOut(500);
				return false;
			},
			onChange: function (hsb, hex, rgb) {
				$(id+" div").css('backgroundColor', '#' + hex);
				$(id+" div").attr('bgcolor', '#' + hex);
			}
		});
		
	});
})

//	var informer_div = '<div id="onekit_informer">Loading...</div>\n';

	
	function generate (){
			var informer_js = '';

			var params = new Object();
			var params_str = '';
			
			var query = $("#query").val();
			if(query === ''){
				alert("Please fill query");
				return; 
			}
			query = str_replace(" ", "-", query);
			
			params["num_ads"] = $("#count_ad_items_box option:selected").val();
			params["width"] = $("#width").val();
			
			
			if($("#vertical").attr("checked") == true){
				params["type"] = 1;
			}else{
				params["type"] = 2;
			}
			
			if($("#pictures").attr("checked") == true){
				params["pictures"] = "yes";
			}else{
				params["pictures"] = "no";
			}
			
			if(params["width"] === ''){
				alert("Please fill width");
				return; 
			}
			
			
			if($("#border").attr("checked") == true){
				params["border"] = "yes";
			}else{
				params["border"] = "no";
			}
			
			if($("#view_title").attr("checked") == true){
				params["view_title"] = "yes";
			}else{
				params["view_title"] = "no";
			}
			
			if($("#description").attr("checked") == true){
				params["description"] = "yes";
			}else{
				params["description"] = "no";
			}
			
			
			//colors
			if($("#border").attr("checked") == true){
				params["border_color"] = str_replace("#", "", $("#border_color div").attr("bgcolor"));
			}
			if($("#background").attr("checked") == true){
				params["background_color"] = str_replace("#", "", $("#background_color div").attr("bgcolor"));
			}
			if($("#links").attr("checked") == true){
				params["links_color"] = str_replace("#", "", $("#links_color div").attr("bgcolor"));
			}
			if($("#links_hover").attr("checked") == true){
				params["links_hover_color"] = str_replace("#", "", $("#links_hover_color div").attr("bgcolor"));
			}
			
			for ( keyVar in params ) {
				params_str += "&"+keyVar+"="+params[keyVar];
			}
			
			informer_js += unescape("%3Cscript src='"+WEB_PATH+"?object=search&action=informer&id=what."+query+params_str+"' type='text/javascript'%3E%3C/script%3E");
			
			$("#code").val(informer_js);
			$("#preview_link").css("display","");
	}
	
	function preview (){
		$("#preview").html($("#code").val());
	}
	
	function str_replace(search, replace, subject) {
		return subject.split(search).join(replace);
	}