/**
 * Zmiana napisu na przycisku glosowania notki
 * @param {Object} id
 */

function xss_clean(str) {
	if (str) {
		str = str.replace('<', '');
		str = str.replace('>', '');
		str = str.replace('\'', '');
	}
	return str;
}


var currentBlogNote = 0;

function ratingIn(id, dot)
{
	$("#"+id+"_label").html("Twoja ocena" + (dot?" bloga:":""));
}

/**
 * Zmiana napisu na przycisku glosowania notki
 * @param {Object} id
 */
function ratingOut(id, note, dot)
{
	if(note>0)
	{
		$("#"+id+"_label").html("Ocena użytkowników" + (dot?":":""));
	}
}

/**
 * Pobierz tekstową reprezentację oceny
 * @param {Object} value ocena
 * @return {string} wartość tekstowa
 */
function textNote(value)
{
	if(value < 1 ) return "";
	if(value == 1) return "słabe";
	if(value>1 && value<=2) return "mało ciekawe";
	if(value>2 && value<=3) return "średnio ciekawe";
	if(value>3 && value<=4) return "ciekawe";
	if(value>4 && value<=5) return "bardzo ciekawe";
	if(value>5) return "genialne!";
}


/**
 * Pobierz tekstową reprezentację oceny
 * @param {Object} value ocena
 * @return {string} wartość tekstowa
 */
function textNoteBlog(value)
{
	if(value < 1 ) return "";
	if(value == 1) return "słaby";
	if(value>1 && value<=2) return "mało wartościowy";
	if(value>2 && value<=3) return "średnio ciekawy";
	if(value>3 && value<=4) return "ciekawy";
	if(value>4 && value<=5) return "bardzo ciekawy";
	if(value>5) return "genialny!";

}

/**
 * Myszka najeżdża na gwiazdkę - pokaż nazwę tej oceny.
 * @param {int} rank
 * @param {string} id
 */
function voteIn(rank, id)
{
	if(rank >= 0)
	{
		var caption = textNote(rank);
		$("#"+id+"_note").html(caption);
		$("#"+id+"_current").width(20*rank);
	} else
	{
		$("#"+id+"_note").html("wskaż gwiazdki aby ocenić");
	}
}

/**
 * Myszka najeżdża na gwiazdkę - pokaż nazwę tej oceny.
 * @param {int} rank
 * @param {string} id
 */
function voteOut(rank, id)
{
	$("#"+id+"_current").width(20*rank);
	$("#"+id+"_note").html("wskaż gwiazdki aby ocenić");
}

/**
 * Glosowanie na bloga
 * @param {Object} rank
 * @param {Object} id
 */
function voteBlogOut(rank, id)
{
	if(currentBlogNote != 0 )
		rank = currentBlogNote;

	if(rank!=0)
	{
		var delta = 3;
		if(rank<0)
			delta = 4;
		else
			delta = 3;

		$("#"+id+"_current").width(20*(rank+delta));
		$("#"+id+"_note").html(textNoteBlog(rank+delta));
	}
	else
		return voteOut(0, id);
}

/**
 * Glosowanie na bloga
 * @param {Object} rank
 * @param {Object} id
 */
function voteBlogIn(rank, id)
{
	var delta = 3;
	if(rank<0)
		delta = 4;
	else
		delta = 3;

	$("#"+id+"_current").width(20*(rank+delta));
	var caption = textNoteBlog(rank+delta);
	$("#"+id+"_note").html(caption);

}

/**
 * Wyłącz interakcje z napisami przy ocenach notek
 * @param {Object} id
 */
function disableCaptionInt(id, note)
{
 document.getElementById(id+"_li").onmouseover = null;
 document.getElementById(id+"_li").onmouseout = null;
 $("#"+id+"_1").onmouseover = null;
 $("#"+id+"_1").onmouseout = null;
 $("#"+id+"_2").onmouseover = null;
 $("#"+id+"_2").onmouseout = null;
 $("#"+id+"_3").onmouseover = null;
 $("#"+id+"_3").onmouseout = null;
 $("#"+id+"_4").onmouseover = null;
 $("#"+id+"_4").onmouseout = null;
 $("#"+id+"_5").onmouseover = null;
 $("#"+id+"_5").onmouseout = null;
 $("#"+id+"_6").onmouseover = null;
 $("#"+id+"_6").onmouseout = null;
 voteIn(note, id);
}

/**
 * Oceń notkę
 * @param {Object} id_elem elemntu czyli "v"+id_notki z bazy
 * @param {Object} note ocena 1-6
 */
function checkVoteEx(id_elem, note)
{
	if(note!="" && (note>-3 && note<7))
	{
  		var elem = document.getElementById(id_elem+"_current");
  		elem.style.width = (note * 20) + "px";
  		elem.setAttribute("class", "current-rating");
  		elem.setAttribute("className", "current-rating");


  		elem = document.getElementById(id_elem+"_1");
  		elem.removeChild(elem.childNodes[0]);
  		elem = document.getElementById(id_elem+"_2");
  		elem.removeChild(elem.childNodes[0]);
  		elem = document.getElementById(id_elem+"_3");
  		elem.removeChild(elem.childNodes[0]);
  		elem = document.getElementById(id_elem+"_4");
  		elem.removeChild(elem.childNodes[0]);
  		elem = document.getElementById(id_elem+"_5");
  		elem.removeChild(elem.childNodes[0]);
  		elem = document.getElementById(id_elem+"_6");
  		elem.removeChild(elem.childNodes[0]);
  		ratingIn(id_elem, false);

  		disableCaptionInt(id_elem, note);
  		return 0;
	} else
		return -1;
}
/**
 * Ocen notke
 * @param url wygenerowany url sl. do oceniania
 * @param ctrl kontrolka
 */
function n(url, id, note)
{
  $.get(url,  function(data){
	   }
   );
 checkVoteEx("v"+id, note);
 $("#v"+id+"_note").empty();
 $("#v"+id+"_note").append("Dziękujemy! Twój głos ma wpły na frogrank (<a target=\"_blank\" href=\"http://blogfrog.pl/index.php/dokument/FrogRank\" title=\"Czym jest FrogRank?\">?</a>)");

}

/**
 * Ocen notke - oceniac blogi mozna wielokrotnie (to zmienia ocene konkretnego usera)
 * @param url wygenerowany url sl. do oceniania
 * @param ctrl kontrolka
 */
function nBlog(url, id, note)
{
  $.get(url,  function(data){
	   }
   );
  currentBlogNote = note;
  var elem = document.getElementById("v"+id+"_current");
  elem.style.width = (note * 20) + "px";
  $("#v"+id+"_note").empty();
  $("#v"+id+"_note").append("Możesz zmienić ocenę później.");
  ratingIn("v"+id, true);
  document.getElementById("v"+id+"_li").onmouseover = null;
 document.getElementById("v"+id+"_li").onmouseout = null;

}

function toggle(id)
{
	$("#"+id).slideToggle("fast");
}

/**
 * Pobnierz linka do sledzenia wpisow
 */
function getTrackLink(url)
{
  $("#link_content").empty();
  $("#link_content").append("Przetwarzanie ...");
  var theme = $("#theme").val();
  if(theme!="")
  {
	  $.get(url+theme,  function(data){
	    $("#link_content").empty();
  		$("#link_content").append("Dodaj ten adres do czytnika RSS: <br/><br/><input id=\"code_area\" style=\"background-color: #fff4d4; font-weight: bold;\" onClick=\"javascript:document.getElementById('code_area').focus();document.getElementById('code_area').select();\" type=\"text\" size=\"55\" value=\""+data+"\"/>");
	   }
      );
  } else
  {
  	    $("#link_content").empty();
   	    $("#link_content").append("Wpisz temat.");
  }
}

function checkTheme()
{
}

/**
 * Pobnierz kod blogrusha
 */
function getBlogrushk(url, mode){
	var oTempString = new String(url);

	var last_dash_pos = oTempString.lastIndexOf("/");
	var last_segment = oTempString.slice(last_dash_pos + 1);

	oTempString = oTempString.slice(0,oTempString.lastIndexOf("/"));
	oTempString = oTempString.slice(0,oTempString.lastIndexOf("/"));

	var next_to_last_segment = oTempString.slice(oTempString.lastIndexOf("/")+1);

	$("#link_content").empty();
	$("#link_content").append("Przetwarzanie ...");
	var kolor_tekstu = xss_clean($("#kolor_tekstu").val());
	var kolor_naglowka = xss_clean($("#kolor_naglowka").val());
	var kolor_linkow = xss_clean($("#kolor_linkow").val());
	var kolor_tla = xss_clean($("#kolor_tla").val());
	var kolor_ramki = xss_clean($("#kolor_ramki").val());
	var naglowek = xss_clean($("#naglowek").val());
	var dl_naglowka = xss_clean($("#dl_naglowka").val());
	var dl_leadu = xss_clean($("#dl_leadu").val());
	var link_naglowka = xss_clean($("#link_naglowka").val());
	if (!link_naglowka) link_naglowka = '#';
	var pismo = xss_clean($("#pismo").val());
	if (!pismo) pismo = 'Verdana, sans-serif';
	var hl_font = xss_clean($("#hl_font").val());
	if (!hl_font) hl_font = 'Verdana, sans-serif';
	var line_height = xss_clean($("#line_height").val());
	var fs_lead = xss_clean($("#fs_lead").val());
	var fs_titles = xss_clean($("#fs_titles").val());
	var fs_headline = xss_clean($("#fs_headline").val());
	var img_border = xss_clean($("#img_border").val());




	var naglowek_text = 	'blogfrog_wpisy_naglowek = \'' + naglowek + '\'; \n';
	var naglowek_blogi_text = 	'blogfrog_blogi_naglowek = \'' + naglowek + '\'; \n';

	// ulubione, rekomendowane
	var zobacz_wiecej_link_temp1 = '<p style="font-family:Tahoma,serif;text-align:right;margin:0;padding:0.4em 0.2em;"><a style="font-weight:normal;font-size:x-small;color:#'+kolor_linkow+'" href="http://blogfrog.pl/index.php/ciekawe">Ciekawe? Czytaj dalej na BlogFrog.pl</a></p>';
	// blogi
	var zobacz_wiecej_link_temp2 = '<p style="font-family:Tahoma,serif;text-align:right;margin:0;padding:0.4em 0.2em;"><a style="font-weight:normal;font-size:x-small;color:#'+kolor_linkow+'" href="http://blogfrog.pl/index.php/blogi/">Zobacz inne blogi w BlogFrog.pl</a></p>';
	// ulubione, rekomendowane - nieostylowane
	var zobacz_wiecej_link_temp3 = '<p class="blogfrog"><a href="http://blogfrog.pl/index.php/ciekawe">Ciekawe? Czytaj dalej na BlogFrog.pl</a></p>';
	// blogi - nieostylowane
	var zobacz_wiecej_link_temp4 = '<p class="blogfrog"><a href="http://blogfrog.pl/index.php/blogi/">Zobacz inne blogi w BlogFrog.pl</a></p>';

	var zobacz_wiecej_link = '';

	rozrywka_vars = '';

	if(naglowek == '') naglowek_text = '';

	var count = $("#count").val();
	var encoding = $("#encoding").val();

	if (last_segment == "blogi") { // nowe blogi
		if (mode == 'simple') {
			zobacz_wiecej_link = zobacz_wiecej_link_temp4;
			view = 'simple_blogs';
			inner_style = '';
		}
		else {
			zobacz_wiecej_link = zobacz_wiecej_link_temp2;
			view = 'nowe_blogi';
			inner_style = 'blogfrog_blogi_szerokosc = \'100%\'; \n' +
						'blogfrog_blogi_kolor_tekstu = \'' + kolor_tekstu + '\'; \n' +
						'blogfrog_blogi_kolor_naglowka = \'' + kolor_naglowka + '\'; \n' +
						'blogfrog_blogi_kolor_linkow = \'' + kolor_linkow +	'\'; \n' +
						'blogfrog_blogi_kolor_tla = \'' + kolor_tla + '\'; \n' +
						'blogfrog_blogi_kolor_ramki = \'' + kolor_ramki + '\'; \n';
		}
		var style =	'<script type="text/javascript"> \n' +
					'<!-- \n' +
					naglowek_blogi_text +
					inner_style +
					'//--> \n' +
					'</script> ';

		var count = $("#count").val();
		var encoding = $("#encoding").val();

		var link = url + "/"+ view +"_js/" + count + "/" + encoding;
		var link_preview = url + "/"+ view +"/" + count + "/utf8/" + kolor_tekstu + "/" + kolor_linkow + "/" + kolor_tla + "/" + kolor_ramki + "/" + kolor_naglowka + "/" + naglowek;

		link_preview = xss_clean(link_preview);
		link = xss_clean(link);

		var data = "&lt;script src=\"" + link + "\"&gt;&lt;/script&gt;";
		$("#progress_indicator").show("fast");
		document.getElementById("preview_frame").src = link_preview;
		$("#blogrush_code").val(style + "<script type=\"text/javascript\" src=\"" + link + "\"></script> " + zobacz_wiecej_link);
		$("#progress_indicator").animate({
			opacity: 'toggle'
		}, "slow");
	}
	else {
		if (mode == 'simple') {
			view = 'simple';
		}
		else {
			view = 'new';
		}
		if (last_segment != "") {
			if (mode == 'simple') {
				zobacz_wiecej_link = zobacz_wiecej_link_temp3; // link via HTML dla nieostylowanych bloczkow
			}
			else {
				zobacz_wiecej_link = zobacz_wiecej_link_temp1; // link via HTML
			}
			//rekomendowane
			if (next_to_last_segment == "rekomendowane") {
				var link = url + "/" + view + "_js/" + count + "/" + encoding + "/0";
				var link_preview = url + "/" + view + "/" + count + "/utf8/0/" + kolor_tekstu + "/" + kolor_linkow + "/" + kolor_tla + "/" + kolor_ramki + "/" + kolor_naglowka + "/" + naglowek;
			}
			//rozrywka
			if (mode == 'rozrywka') {
				var link = url + "/" + view + "_js_rozrywka/" + count + "/" + encoding + "/" + dl_naglowka + "/" + dl_leadu;
				var link_preview = url + "/" + view + "_rozrywka/" + count + "/utf8/" + kolor_tekstu + "/" + kolor_linkow + "/" + kolor_tla + "/" + kolor_ramki + "/" + kolor_naglowka + "/" + dl_naglowka + "/" + dl_leadu + "/" + pismo + "/" + line_height + "/" + fs_lead + "/" + fs_titles + "/" + fs_headline + "/" + hl_font + "/" + img_border + "/" + naglowek ;
				zobacz_wiecej_link = '';
				rozrywka_vars = 'blogfrog_wpisy_link_naglowka = \''+ link_naglowka +'\'; \n' +
								'blogfrog_wpisy_line_height = \''+ line_height +'\'; \n' +
								'blogfrog_wpisy_fs_lead = \''+ fs_lead +'\'; \n' +
								'blogfrog_wpisy_fs_titles = \''+ fs_titles +'\'; \n' +
								'blogfrog_wpisy_fs_headline = \''+ fs_headline +'\'; \n' +
								'blogfrog_wpisy_hl_font = \''+ hl_font +'\'; \n' +
								'blogfrog_wpisy_img_border = \''+ img_border +'\'; \n' +
								'blogfrog_wpisy_pismo = \''+ pismo +'\'; \n';
			}
			//ulubione
			else if (next_to_last_segment == "ulubione") {
				var link = url + "/" + view + "_js/" + count + "/" + encoding;
				var link_preview = url + "/" + view + "/" + count + "/utf8/" + kolor_tekstu + "/" + kolor_linkow + "/" + kolor_tla + "/" + kolor_ramki + "/" + kolor_naglowka + "/" + naglowek;
			}

		}
		else { // ciekawe wpisy
			var theme = $("#theme").val();
			if (theme != "") {
				var link = url + "wpisy/sledz/" + encodeURIComponent(theme) + "/none/phrase/" + view + "_js/box/" + count + "/" + encoding;
				var link_preview = url + "wpisy/sledz/" + encodeURIComponent(theme) + "/none/phrase/" + view + "/box/" + count + "/utf8/" + kolor_tekstu + "/" + kolor_linkow + "/" + kolor_tla + "/" + kolor_ramki + "/" + kolor_naglowka + "/" + naglowek;
			}
			else {
				$("#message_pane").empty();
				$("#message_pane").append("<div style=\"background-color: red; color: white; padding: 3px;\">Wpisz temat.</div>");
			}
		}

		if (mode == 'simple') {
			var style = '<script type="text/javascript"> \n' +
			'<!-- \n' +
			naglowek_text +
			'//--> \n' +
			'</script> ';
		}
		else {
			var style = '<script type="text/javascript"> \n' +
			'<!-- \n' +
			naglowek_text +
			rozrywka_vars +
			'blogfrog_wpisy_szerokosc = \'100%\'; \n' +
			'blogfrog_wpisy_kolor_tekstu = \'' +
			kolor_tekstu +
			'\'; \n' +
			'blogfrog_wpisy_kolor_naglowka = \'' +
			kolor_naglowka +
			'\'; \n' +
			'blogfrog_wpisy_kolor_linkow = \'' +
			kolor_linkow +
			'\'; \n' +
			'blogfrog_wpisy_kolor_tla = \'' +
			kolor_tla +
			'\'; \n' +
			'blogfrog_wpisy_kolor_ramki = \'' +
			kolor_ramki +
			'\'; \n' +
			'//--> \n' +
			'</script> ';
		}

		link_preview = xss_clean(link_preview);
		link = xss_clean(link);

		var data = "&lt;script src=\"" + link + "\"&gt;&lt;/script&gt;";
		$("#progress_indicator").show("fast");
		document.getElementById("preview_frame").src = link_preview;
		$("#blogrush_code").val(style + "\n<script type=\"text/javascript\" src=\"" + link + "\"></script> \n" + zobacz_wiecej_link);
		$("#progress_indicator").animate({
			opacity: 'toggle'
		}, "slow");
	}
}


function getCookie(c_name)
{
if (document.cookie.length>0)
  {
  c_start=document.cookie.indexOf(c_name + "=");
  if (c_start!=-1)
    {
    c_start=c_start + c_name.length+1;
    c_end=document.cookie.indexOf(";",c_start);
    if (c_end==-1) c_end=document.cookie.length;
    return unescape(document.cookie.substring(c_start,c_end));
    }
  }
return "";
}



function checkVote(id, id_elem)
{
	var note = getCookie(id);
	return checkVoteEx(id_elem, note)
}

function checkVoteBlog(id, id_elem)
{
	var note = getCookie(id);
	return checkVoteEx(id_elem, note + 3)
}



function pop(plik,w,h)
{
okno = null;
if(window.screen)
{
aw = screen.availWidth;
ah = screen.availHeight;
}
else
{
aw=640;
ah=480;
}
dane="width="+w+",height="+h+",left="
+(aw-w)/2+",top="
+(ah-h)/2
+",toolbar=no,location=no,directories=no,"
+"status=no,menubar=no,"
+"scrollbars=yes,resizable=no";
okno=window.open(plik,'pop',dane);
}


/**
 * rozwijana lista tresci (dobra dla np. FAQ)
 * @param listId - id nadrzednego dla listy elementu
 * @param onclickElem - selektor elementu, ktory stanowi naglowek i jednoczesnie link aktywujacy rozwijanie listy.
 * @param contentWrap - selektor elementu, ktory zawiera tresc dla danego naglowka. liczebnosc musi zgadzac sie z liczebnoscia naglowkow aktywujacych rozwijanie.
 */
function initSideList(listId, onclickElem, contentWrap) {
	$(listId).find(contentWrap).not(".active").css("display", "none");
	$(listId).find(onclickElem).each (function(i) {
		$(this).click( function() {
			if ($(listId).find(contentWrap).eq(i).css("display") == "none") {
				$(listId).find(contentWrap).not(i).animate({height: 'hide',	opacity: 'hide'	}, "slow");
				$(listId).find(onclickElem).not(i).removeClass("active");
			}
			$(listId).find(contentWrap).eq(i).animate({ height: 'toggle', opacity: 'toggle' }, "slow" );
			$(this).toggleClass("active");
			return false
		});
	});
}

// ---------------------------- kreator kolorow do bloczka z notkami - BEGIN
/**
 * sprawdza czy znaki w kolorze sa z odpowiedniego zakresu
 * @param {string} color - kolor do sprawdzenia (bez "#")
 */
function checkColorCode(color) {
	var temp = new String(color);
	var oColor = new String(temp.toUpperCase());
	for(var i=0;i<6;i++) {
		var c = oColor.charAt(i)
		if((c<'0') || ((c>'9')&&(c<'A')) || (c>'F'))
			return false;
	}
	return true;
}
/**
 * jesli kolor przejdzie sprawdzanie, to przekazuje go do podgladu.
 * jesli kolor sie zmienil to wywoluje skrypt z podgladem i generowaniem kodu
 * @param {Object} color - input z kolorem
 * @param {Object} url - adres do skryptu
 * @param {Object} prevColor - poprzedni kolor
 */
function checkColor(color,url,mode,prevColor) {
	if (checkColorCode(color.val())) {
		colorPrev();
		if((prevColor != $("#kolor_tekstu_prev").css("background-color")) && url)
			getBlogrushk(url,mode);
	}
	else
		alert('Błąd, wartości koloru muszą być znakami z zakresu 0-9 i A-F (np. A8C0E8)');
}
/**
 * wpisuje kolory z inputow do podgladowych kwadracikow
 */
function colorPrev(){
	$("#kolor_tekstu_prev").css({background: '#'+$("#kolor_tekstu").val() });
	$("#kolor_naglowka_prev").css({background: '#'+$("#kolor_naglowka").val() });
	$("#kolor_linkow_prev").css({background: '#'+$("#kolor_linkow").val() });
	$("#kolor_tla_prev").css({background: '#'+$("#kolor_tla").val() });
	$("#kolor_ramki_prev").css({background: '#'+$("#kolor_ramki").val() });
}
/**
 * inicjalizacja zdarzen, pierwsze wywolanie podgladu kolorow i bloczka
 * @param {Object} url - adres do skryptu
 */
function initColorPrev(url, mode){
	colorPrev();
	if(url) getBlogrushk(url, mode);

	$("#kolor_tekstu").keyup( function() { if($(this).val().length == 6) checkColor($(this),url, mode,$("#kolor_tekstu_prev").css("background-color")); } );
	$("#kolor_naglowka").keyup( function() { if($(this).val().length == 6) checkColor($(this),url, mode,$("#kolor_naglowka_prev").css("background-color")); } );
	$("#kolor_linkow").keyup( function() { if($(this).val().length == 6) checkColor($(this),url, mode,$("#kolor_linkow_prev").css("background-color")); } );
	$("#kolor_tla").keyup( function() { if($(this).val().length == 6) checkColor($(this),url, mode,$("#kolor_tla_prev").css("background-color")); } );
	$("#kolor_ramki").keyup( function() { if($(this).val().length == 6) checkColor($(this),url, mode,$("#kolor_ramki_prev").css("background-color")); } );

	$("#kolor_tekstu_prev").click(function(){showColorPicker($("#kolor_tekstu_palette"))});
	$("#kolor_naglowka_prev").click(function(){showColorPicker($("#kolor_naglowka_palette"))});
	$("#kolor_linkow_prev").click(function(){showColorPicker($("#kolor_linkow_palette"))});
	$("#kolor_tla_prev").click(function(){showColorPicker($("#kolor_tla_palette"))});
	$("#kolor_ramki_prev").click(function(){showColorPicker($("#kolor_ramki_palette"))});

	colorPicker("#kolor_tekstu","#kolor_tekstu_prev","#kolor_tekstu_palette",url, mode);
	colorPicker("#kolor_naglowka","#kolor_naglowka_prev","#kolor_naglowka_palette",url, mode);
	colorPicker("#kolor_linkow","#kolor_linkow_prev","#kolor_linkow_palette",url, mode);
	colorPicker("#kolor_tla","#kolor_tla_prev","#kolor_tla_palette",url, mode);
	colorPicker("#kolor_ramki","#kolor_ramki_prev","#kolor_ramki_palette",url, mode);

	$("#box_colors .palette div").hover(function(){ $(this).addClass("hover");},function(){ $(this).removeClass("hover");});
}

/**
 * pokazuje lub ukrywa palete (wykorzystywane na onclick)
 * @param {Object} paletteWrapperId - div z paleta kolorow
 */
function showColorPicker(paletteWrapperId) {
	$("#box_colors").find(".palette").not(paletteWrapperId).hide();
	$(paletteWrapperId).toggle();
}

/**
 * po sekundzie na onmouseover przekazuje kolor do podgladu
 * @param {Object} colorInputId - input z kolorem
 * @param {Object} previewId - div z podgladem koloru
 * @param {Object} color - wartosc koloru z colorPickera
 * @param {Object} url - adres do getBlogrushk
 * @param {Object} mode - tryb bloczka
 */
function colorPickerPrev(colorInputId,previewId,color,url, mode) {
	$(previewId).css({background: '#'+color });
	$(colorInputId).val(color);
	var action;
	action = setTimeout("getBlogrushk('"+url+"','"+mode+"')",1000);
	$("#box_colors .palette div").mouseout(function(){clearTimeout(action);});
	$("#box_colors .palette div").click( function() { clearTimeout(action);});
	$("#box_colors .color_preview").click( function() { clearTimeout(action); });
}

/**
 * paleta kolorow z przypisanymi funkcjami do zdarzen
 * @param {Object} colorInputId - input z kolorem
 * @param {Object} previewId - div z podgladem koloru
 * @param {Object} paletteWrapperId - div z paleta kolorow
 * @param {Object} url - adres do getBlogrushk
 * @param {Object} mode - tryb bloczka
 */
function colorPicker(colorInputId,previewId,paletteWrapperId,url,mode) {
	var pallete = '<div onclick="showColorPicker(\''+paletteWrapperId+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'ffffcc\',\''+url+'\',\''+mode+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" style="background:#ffffcc"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'ffff66\',\''+url+'\',\''+mode+'\')" style="background:#ffff66"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'ffcc66\',\''+url+'\',\''+mode+'\')" style="background:#ffcc66"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'e1771e\',\''+url+'\',\''+mode+'\')" style="background:#e1771e"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'a9501b\',\''+url+'\',\''+mode+'\')" style="background:#a9501b"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'804000\',\''+url+'\',\''+mode+'\')" style="background:#804000"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'cc0000\',\''+url+'\',\''+mode+'\')" style="background:#cc0000"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'940f04\',\''+url+'\',\''+mode+'\')" style="background:#940f04"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'660000\',\''+url+'\',\''+mode+'\')" style="background:#660000"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'c3d9ff\',\''+url+'\',\''+mode+'\')" style="background:#c3d9ff"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'99c9ff\',\''+url+'\',\''+mode+'\')" style="background:#99c9ff"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'3d81ee\',\''+url+'\',\''+mode+'\')" style="background:#3d81ee"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'0066cc\',\''+url+'\',\''+mode+'\')" style="background:#0066cc"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'6c82b5\',\''+url+'\',\''+mode+'\')" style="background:#6c82b5"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'32527a\',\''+url+'\',\''+mode+'\')" style="background:#32527a"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'006699\',\''+url+'\',\''+mode+'\')" style="background:#006699"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'003366\',\''+url+'\',\''+mode+'\')" style="background:#003366"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'000033\',\''+url+'\',\''+mode+'\')" style="background:#000033"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'caf99b\',\''+url+'\',\''+mode+'\')" style="background:#caf99b"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'80ff00\',\''+url+'\',\''+mode+'\')" style="background:#80ff00"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'00ff80\',\''+url+'\',\''+mode+'\')" style="background:#00ff80"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'78b749\',\''+url+'\',\''+mode+'\')" style="background:#78b749"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'38b63c\',\''+url+'\',\''+mode+'\')" style="background:#38b63c"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'0d8f63\',\''+url+'\',\''+mode+'\')" style="background:#0d8f63"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'2d8930\',\''+url+'\',\''+mode+'\')" style="background:#2d8930"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'063e3f\',\''+url+'\',\''+mode+'\')" style="background:#063e3f"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'002e3f\',\''+url+'\',\''+mode+'\')" style="background:#002e3f"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'ffbbe8\',\''+url+'\',\''+mode+'\')" style="background:#ffbbe8"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'ff6fcf\',\''+url+'\',\''+mode+'\')" style="background:#ff6fcf"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'c94093\',\''+url+'\',\''+mode+'\')" style="background:#c94093"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'9d1961\',\''+url+'\',\''+mode+'\')" style="background:#9d1961"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'800040\',\''+url+'\',\''+mode+'\')" style="background:#800040"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'800080\',\''+url+'\',\''+mode+'\')" style="background:#800080"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'6131bd\',\''+url+'\',\''+mode+'\')" style="background:#6131bd"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'341473\',\''+url+'\',\''+mode+'\')" style="background:#341473"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'400058\',\''+url+'\',\''+mode+'\')" style="background:#400058"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'FFFFFF\',\''+url+'\',\''+mode+'\')" style="background:#FFFFFF"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'EEEEEE\',\''+url+'\',\''+mode+'\')" style="background:#EEEEEE"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'CCCCCC\',\''+url+'\',\''+mode+'\')" style="background:#CCCCCC"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'AAAAAA\',\''+url+'\',\''+mode+'\')" style="background:#AAAAAA"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'888888\',\''+url+'\',\''+mode+'\')" style="background:#888888"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'666666\',\''+url+'\',\''+mode+'\')" style="background:#666666"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'444444\',\''+url+'\',\''+mode+'\')" style="background:#444444"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'222222\',\''+url+'\',\''+mode+'\')" style="background:#222222"></div>'+
		'<div onclick="showColorPicker(\''+paletteWrapperId+'\');getBlogrushk(\''+url+'\',\''+mode+'\')" onmouseover="colorPickerPrev(\''+colorInputId+'\',\''+previewId+'\',\'000000\',\''+url+'\',\''+mode+'\')" style="background:#000000"></div>'
	$(paletteWrapperId).append(pallete);
}

/**
 * zestawy kolorow do bloczka z wpisami
 * @param {Object} url - adres do skryptu
 */
function changePalette(url, mode){
	var palette = $("#palette").val();
	// Blogfrog
	if(palette == 1) {
		$("#kolor_tekstu").val("000000");
		$("#kolor_naglowka").val("000000");
		$("#kolor_linkow").val("5A8E00");
		$("#kolor_tla").val("F8F5EE");
		$("#kolor_ramki").val("699C01");
	}
	// Wordpress K2 Blue
	if(palette == 2) {
		$("#kolor_tekstu").val("444444");
		$("#kolor_naglowka").val("FFFFFF");
		$("#kolor_linkow").val("2277DD");
		$("#kolor_tla").val("FFFFFF");
		$("#kolor_ramki").val("3371A3");
	}
	// Szary
	if(palette == 3) {
		$("#kolor_tekstu").val("666666");
		$("#kolor_naglowka").val("666666");
		$("#kolor_linkow").val("333333");
		$("#kolor_tla").val("EEEEEE");
		$("#kolor_ramki").val("CCCCCC");
	}
	// Blox Niebieski
	if(palette == 4) {
		$("#kolor_tekstu").val("444444");
		$("#kolor_naglowka").val("FFFFFF");
		$("#kolor_linkow").val("FD3B00");
		$("#kolor_tla").val("FFFFFF");
		$("#kolor_ramki").val("018BED");
	}
	// Blox Spokojny
	if(palette == 5) {
		$("#kolor_tekstu").val("000000");
		$("#kolor_naglowka").val("000000");
		$("#kolor_linkow").val("09A9C9");
		$("#kolor_tla").val("FFFFFF");
		$("#kolor_ramki").val("F0F0F0");
	}
	// Blox Biały
	if(palette == 6) {
		$("#kolor_tekstu").val("848484");
		$("#kolor_naglowka").val("848484");
		$("#kolor_linkow").val("ff3c00");
		$("#kolor_tla").val("FFFFFF");
		$("#kolor_ramki").val("FFFFFF");
	}
	colorPrev()
	if(url) getBlogrushk(url, mode);
}


// ---------------------------- kreator kolorow do bloczka z notkami - END


function initialize() {
	initSideList("#dodatki","h2.subtitle","div.wrap");
}

$(document).ready(initialize);