//Vorschau ausklappen, wenn gebraucht
gl_vorschau_view=true;
function vorschau_slide_check() {
    if(gl_vorschau_view==false) {
	    $("#glitter_done_vorschau").slideDown("slow",function(){});
	    gl_vorschau_view=true;
    }
}
    
$(document).ready(function(){
// Your code here

// Carousel
$(function() {
    $(".glitter_glitter_carousel").jCarouselLite({
        btnNext: ".glitter_next",
        btnPrev: ".glitter_prev",
	visible: 5

    });
});

$(function() {
    $(".glitter_motive_carousel").jCarouselLite({
        btnNext: ".motive_next",
        btnPrev: ".motive_prev",
	visible: 5

    });
});


// Color Picker
  $(function() {    
   //use this method to add new colors to pallete
   //$.fn.colorPicker.addColors(["000", "000", "fff", "fff"]);
   
   $("#color1").colorPicker();
   $("#color2").colorPicker();
   
   //fires an event when the color is changed
   $("#color1").change(function(){
    text1_color=$(".color_color1").css("background-color");
    $("#glitter_f_textin1").css({ color: text1_color });
    $("#glitter_done_vorschau_text1").css({ color: text1_color });
    document.f2.gl_get_textcolorin1.value=text1_color;
    vorschau_slide_check();
    });
    
   $("#color2").change(function(){
    text2_color=$(".color_color2").css("background-color");
    $("#glitter_f_textin2").css({ color: text2_color });
    $("#glitter_done_vorschau_text2").css({ color: text2_color });
    document.f2.gl_get_textcolorin2.value=text2_color;
    vorschau_slide_check()
    });    
    
  });

//Entering Text into the preview  
  $("#glitter_f_textin1").keyup( function() { 
  	text1_in=$("#glitter_f_textin1").attr("value");
	$("#glitter_done_vorschau_text1").empty().prepend(text1_in);  
	document.f2.gl_get_textin1.value=text1_in;
	vorschau_slide_check()
	});
	
  $("#glitter_f_textin2").keyup( function() { 
  	text2_in=$("#glitter_f_textin2").attr("value");
	$("#glitter_done_vorschau_text2").empty().prepend(text2_in);
	document.f2.gl_get_textin2.value=text2_in;
	vorschau_slide_check()
	});	

//Highlighting chosen glitter
  $(".glitter_glitter_carousel_pic").click( function() { 
	//aktuelles glitter leeren
	$(".glitter_glitter_carousel_pic").empty();
	//neues glitter markieren
	glitter_in_class=$(this).attr("class");
	glitter_in_class_ARRAY=glitter_in_class.split(" ");
	glitter_in_class = glitter_in_class_ARRAY[1];
	$("."+glitter_in_class).empty().prepend("<img src=\"images/border140white.png\" width=\"140\" height=\"140\">");
	//preview
	glitterpreview_height=200;
	if($("#glitter_f_textin1").attr("value")!="") {
		glitterpreview_height=glitterpreview_height+30;
	}
	if($("#glitter_f_textin2").attr("value")!="") {
		glitterpreview_height=glitterpreview_height+30;
	}
	
	$("#glitter_done_vorschau_glitter")
		.css("background-image", "url('glitter/glitterbig_"+glitter_in_class+".gif')" )
		//.css("width", "890" )
		.css("height", glitterpreview_height )
		;

	//set value
	document.f2.gl_get_glitter.value=glitter_in_class;
	vorschau_slide_check()		
	});	
	
//Highlighting and previewing chosen motive
  $(".glitter_motive_carousel_pic").click( function() { 
	//aktuelles motiv leeren
	$(".glitter_motive_carousel_pic").empty();
	//neues motiv markieren
	motive_in_class=$(this).attr("class");
	motive_in_class_ARRAY=motive_in_class.split(" ");
	motive_in_class = motive_in_class_ARRAY[1];
	$("."+motive_in_class).empty().prepend("<img src=\"images/border140pink.png\" width=\"140\" height=\"140\">");
	//preview
	$("#glitter_done_vorschau_bild")
		.css("height", "200px" )
		.css("background-image", "url('motive/motiv_"+motive_in_class+".gif')" )
		.css("background-position", "center" )
		.css("background-repeat", "no-repeat" );
	//set value
	document.f2.gl_get_motiv.value="motiv_"+motive_in_class;
	vorschau_slide_check()
	});	
		

//Creating picture
var glitter_error="";
$("#glitter_create").click(function(){
	if(glitter_error!="") {
		$("#glitter_error").slideUp("slow",function(){});
	}
	glitter_error="";
	if(document.f2.gl_get_motiv.value=="") {
		glitter_error="Du hast kein Motiv gew&auml;hlt.<br>";
	}
	if(document.f2.gl_get_glitter.value=="") {
		glitter_error=glitter_error+"Du hast keine Glitterart gew&auml;hlt.<br>";
	}	
		
	if(glitter_error!="") {		
		$("#glitter_error").empty().prepend("<strong>Fehler</strong><br>"+glitter_error+"Du kannst Glitter und Motive per Mausklick w&auml;hlen.");
		$("#glitter_error").slideDown("slow",function(){});
	} else {

		$("#glitter_error").empty().prepend("<strong>Kleine fleissige Computerschafe glittern los ... bitte warten ...</strong>");
		$("#glitter_error").slideDown("slow",function(){});
		
		$.get("create.php",
		  { gl_get_motiv: document.f2.gl_get_motiv.value+".gif",
		  gl_get_glitter: document.f2.gl_get_glitter.value,
		  gl_get_textin1: document.f2.gl_get_textin1.value,
		  gl_get_textin2: document.f2.gl_get_textin2.value,
		  gl_get_textcolorin1: document.f2.gl_get_textcolorin1.value,
		  gl_get_textcolorin2: document.f2.gl_get_textcolorin2.value
		  },
		  function(data){
		    //alert("Data Loaded: " + data);
		    $("#glitter_error").slideUp("slow",function(){});
		    data=data.split("||");
		    $("#glitter_done_vorschau").slideUp("slow",function(){});
		    $("#glitter_finished").empty().prepend("<img src=\""+data[0]+"\">").slideDown("slow",function(){});
		    gl_vorschau_view=false;
		    document.f3.glitter_link_html.value="<a href=\"http://www.sheepworld-glitter.de\"><img src=\"http://www.sheepworld-glitter.de/"+data[0]+"\" border=\"0\" height=\""+data[2]+"\" width=\""+data[1]+"\"></a>";
		    document.f3.glitter_link_bb.value="[url=http://www.sheepworld-glitter.de][img]http://www.sheepworld-glitter.de/"+data[0]+"[/img][/url]";
		    document.f3.glitter_link_a.value="http://www.sheepworld-glitter.de/"+data[0];

		    $("#glitter_links").slideDown("slow",function(){})
		  }
		);
	}

});



// doc.ready
});