jQuery(document).ready(function($) {
     
   if($(".li_carr_link").attr("class")){
    var  id = null;
    
    $(".noSelect").disableSelection();
      
    function carrossel(){
	
       time = parseInt($("#time_con").val());
       time_t = parseInt($("#time_t_con").val());
       
       efect = $("#efect_c_con").val();
       efect_t = $("#efect_t_con").val();
       
       wid = (parseInt($(".li_carr_link").size()) * 22) - 5 ;
       
       obj = $(".ul_carr li").first();      
       $("#li_link_"+obj.attr("id").split("_")[1]).addClass("carr_sel");
      
      if($("#div_title_"+obj.attr("id").split("_")[1]).text()){
         $("#div_title_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
       }
       else{
         $("#div_title_"+obj.attr("id").split("_")[1]).css("display","none");
       }
       
       if($("#div_subtitle_"+obj.attr("id").split("_")[1]).text()){
         $("#div_subtitle_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
       }
       else{
         $("#div_subtitle_"+obj.attr("id").split("_")[1]).css("display","none");
       }


       car = setTimeout(roda,time);       
       
       progress(wid);

        $(".li_carr_link").live("click",cli_play);
	
       function roda(){
	  
	    var next = obj.next();
	    var position =  next.position();	    
	    
	    progress(wid);
	  
	    if(next.attr('id')){                  
		 $(".ul_carr").animate( {top: -(position.top) +"px",left: -(position.left)+"px"},"slow",efect);
		 $(".li_carr_link").removeClass("carr_sel");
		 $("#li_link_"+next.attr("id").split("_")[1]).addClass("carr_sel");
		 obj = next;
		 car = setTimeout(roda,time);
		 $("#div_title_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
		 $("#div_subtitle_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
	    }
	    else{	 
		 $(".ul_carr").animate( {top: "0px",left: "0px"},"slow",efect);
		 obj = $(".ul_carr li").first();
		 $(".li_carr_link").removeClass("carr_sel");
		 $("#li_link_"+obj.attr("id").split("_")[1]).addClass("carr_sel");
		 car = setTimeout(roda,time);
		 $("#div_title_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
		 $("#div_subtitle_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
	    }	  	
       }       
       
       function cli_play(){
	     link_id = $(this).attr("id").split("_")[2];
	     clearTimeout(car);	    
	     position = $("#li_"+link_id).position();
	     $(".li_carr_link").removeClass("carr_sel");
	     $("#li_link_"+link_id).addClass("carr_sel");
	     $(".ul_carr").animate( {top: -(position.top) +"px",left: -(position.left)+"px"},"slow",efect);	     
	     obj = $("#li_"+link_id);
	     car = setTimeout(roda,time);
	     $(".play_carr").stop();
	     progress(wid);
	     $("#div_title_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
	     $("#div_subtitle_"+obj.attr("id").split("_")[1]).show(efect_t, {}, time_t);
       }
       
       function progress(width_pss){
	  $(".play_carr").animate( {width: width_pss+"px" } ,time);
	  $(".play_carr").animate( {width: "0px" } ,0);
       }
       
    }
    carrossel();     
   }
   
   if($(".cont_edit_carr").attr("class")){
    
    efect = $("#efect_c_cona").val();
    $("#efect_carr_config").val(efect);
    
    efect_t = $("#efect_t_cona").val();
    $("#efect_text_config").val(efect_t);
       
	function monta_ed(){
	    $(".cont_edicao").html("");
	    $.ajax({
		type: "POST",
		url: "../wp-content/plugins/carousel/php/getCarrEd.php",
		data: "",
		success: function(msg){
		    $(".cont_edicao").html(msg);
		    $(".li_carr_ed").click(function(){
			$(".cont_dad_nw, .cont_dad_or").css("display","none");
			$(".cont_dad_ed").html("<div class=\"wait_ord\">&nbsp;</div>").css("display","block");
			$.ajax({
			    type: "POST",
			    url: "../wp-content/plugins/carousel/php/getCarr.php",
			    data: "cod_carr="+$(this).attr("id").split("_")[2],
			    success: function(msg){
				var resp = eval('('+msg+')');
				if(resp[0].img_carr){ var img = resp[0].img_carr; var img_src = resp[0].img_carr;}
				else{ var img = "broken-image.png"; var img_src = "broken-image.png";}
				var cont = "<h4>Edição deste item</h4><span id=\"fec_ed\" class=\"cls_ed\">x</span>";
				    cont +="<iframe class=\"upload_carr\" id=\"upload_carr\" name=\"upload_carr\"></iframe>";
				    cont +="<form  method=\"post\" action=\"../wp-content/plugins/carousel/php/upCarr.php\" name=\"form_up_carr\" id=\"form_up_carr\" enctype=\"multipart/form-data\" target=\"upload_carr\">";
				    cont +="  <input type=\"hidden\" id=\"ed_cod_carr\" name=\"ed_cod_carr\" value=\""+resp[0].cod_carr+"\" />";
				    cont +="  <input type=\"hidden\" id=\"ed_img_carr\" name=\"ed_img_carr\" value=\""+img+"\" />";
				    cont +="  <label>Título</label><br />";
				    cont +="  <input type=\"text\" class=\"in_ed_carr\" name=\"title_carr\" id=\"title_carr\" value=\""+resp[0].title_carr+"\" /><br />";
				    cont +="  <label>Subtítulo</label><br />";
				    cont +="  <input type=\"text\" class=\"in_ed_carr\" name=\"subtitle_carr\" id=\"subtitle_carr\" value=\""+resp[0].subtitle_carr+"\" /><br />";
				    cont +="  <label>Link</label><br />";
				    cont +="  <input type=\"text\" class=\"in_ed_carr\" name=\"link_carr\" id=\"link_carr\" value=\""+resp[0].link_carr+"\" /><br /><br />";				    
				    cont +="  <img width=\"100\" height=\"100\" src=\"../wp-content/plugins/carousel/images/"+img_src+"\" />";		
				    cont +="  <input type=\"text\" name=\"up_img_carr\" id=\"up_img_carr\" class=\"in_fks\" style=\"width:170px;\" value=\""+img+"\" />";
				    cont +="  <input type=\"button\" id=\"bt_fk_carr\" style=\"width:68px;\" class=\"in_fks\" value=\"escolher\" />";
				    cont +="  <input type=\"file\" name=\"up_fk_carr\" id=\"up_fk_carr\" size=\"18\" style=\"width:252px;\" class=\"file_up_carr\" noscript=\"true\" />";                        
				    cont +="</form>";
				    cont +="<input style=\"float:right;position:relative;\" class=\"bt_ed_size\" type=\"button\" id=\"bt_ed_carr\" value=\"alterar\" />";
				    cont +="<input style=\"float:right;position:relative;\" class=\"bt_ed_size\" type=\"button\" id=\"bt_del_carr\" value=\"deletar\" />";
				$(".cont_dad_ed").html(cont);
				$("#up_fk_carr").change(function(){
				    if($(this).val().split("fakepath")[1]){
					var pa = ($(this).val().split("fakepath")[1]).substring(1);
				    }
				    else{
					var pa = $(this).val();
				    }
				    $("#up_img_carr").val(pa);
				});
				$("#fec_ed").click(function(){
				    $(".cont_dad_ed").html("").css("display","none");
				});
				$("#bt_ed_carr").click(function(){
				    $("#form_up_carr").submit();
				    $("#upload_carr").load(function(){
					monta_ed();
					$(".cont_dad_ed").css("display","none");
				    });
				});
				$("#bt_del_carr").click(function(){
    				    $("#cont_dialog").html("Tem certeza que deseja deletar este item?");
				    $("#dialog").dialog({
					bgiframe: true,
					modal: true,
					width:250,
					height:170,
					resizable: false,
					draggable: false,
					autoOpen: true,
					buttons: {
					    'Cancelar': function() {
						$(this).dialog("close");
					    },
					    'Deletar': function() {
						$.ajax({
						    type: "POST",
						    url: "../wp-content/plugins/carousel/php/delCarr.php",
						    data: "cod_carr="+$("#ed_cod_carr").val()+"&img_carr="+$("#ed_img_carr").val(),
						    success: function(msg){
							$(".cont_dad_ed").html("").css("display","none");
							$("#dialog").dialog("close");
							monta_ed();
						    }
						});
					    }
					}
				    });				    
				});
			    }
			});
		    });
		}
	    });	    	    
	}
	monta_ed();	
	
	$("#bt_inserir_img").click(function(){
	    $(".cont_dad_ed, .cont_dad_or").css("display","none");
	    $(".cont_dad_nw").html("<div class=\"wait_ord\">&nbsp;</div>").css("display","block");
	    var cont = "<h4>Novo item</h4><span id=\"fec_nw\" class=\"cls_ed\">x</span>";
		cont += "<iframe class=\"upload_carr\" id=\"upload_carr_nw\" name=\"upload_carr_nw\"></iframe>";
		cont += "<form  method=\"post\" action=\"../wp-content/plugins/carousel/php/setCarr.php\" name=\"form_nw_carr\" id=\"form_nw_carr\" enctype=\"multipart/form-data\" target=\"upload_carr_nw\">";
		cont += "  <label>Título</label><br />";
		cont += "  <input type=\"text\" class=\"in_ed_carr\" name=\"title_carr_nw\" id=\"title_carr_nw\" value=\"\" /><br />";
		cont += "  <label>Subtítulo</label><br />";
		cont += "  <input type=\"text\" class=\"in_ed_carr\" name=\"subtitle_carr_nw\" id=\"subtitle_carr_nw\" value=\"\" /><br />";
		cont += "  <label>Link</label><br />";
		cont += "  <input type=\"text\" class=\"in_ed_carr\" name=\"link_carr_nw\" id=\"link_carr_nw\" value=\"\" /><br />";		
		cont += "  <label>Imagem</label><br />";
		cont +="	<input type=\"text\" name=\"up_nw_carr\" id=\"up_nw_carr\" class=\"in_fks_nw\" style=\"width:275px;\" value=\"\" />";
		cont +="	<input type=\"button\" id=\"bt_fk_carr\" class=\"in_fks_nw\" style=\"width:66px;\" value=\"escolher\" />";
		cont +="	<input type=\"file\" name=\"nw_fk_carr\" id=\"nw_fk_carr\" size=\"38\" style=\"width:350px;\" class=\"file_nw_carr\" noscript=\"true\" />";                        
		cont +="        <input style=\"float:right;position:relative;top:10px;right:4px;\" class=\"bt_ed_size\" type=\"button\" id=\"bt_nw_carr\" value=\"salvar\" />";
		cont +="</form>";
	    $(".cont_dad_nw").html(cont);
	    $("#fec_nw").click(function(){
		$(".cont_dad_nw").html("").css("display","none");
	    });
	    $("#nw_fk_carr").change(function(){
		if($(this).val().split("fakepath")[1]){
		    var pa = ($(this).val().split("fakepath")[1]).substring(1);
		}
		else{
		    var pa = $(this).val();
		}
		$("#up_nw_carr").val(pa);
	    });
	    $("#bt_nw_carr").click(function(){
		$("#form_nw_carr").submit();
		$("#upload_carr_nw").load(function(){
		    monta_ed();
		    $(".cont_dad_nw").css("display","none");
		});
	    });
	});
	
	$("#bt_ordem").click(function(){
	    $(".cont_dad_ed, .cont_dad_nw").css("display","none");
	    $(".cont_dad_or").html("<div class=\"wait_ord\">&nbsp;</div>").css("display","block");
	    function monta_ord(){
		$.ajax({
		    type: "POST",
		    url: "../wp-content/plugins/carousel/php/getOrd.php",
		    data: "",
		    success: function(msg){
			var resp = eval('('+msg+')');
			var cont ="<h4>Ordem do carrossel</h4><span id=\"fec_ord\" class=\"cls_ed\">x</span>";
			cont +="<div class=\"wait_ord_set\"><img src=\"../wp-content/plugins/carousel/images/wait.gif\" ></div>";
			cont +="<form action=\"\" method=\"post\" id=\"form_ord_carr\" >";
			cont +="<ul id=\"set_ord\" >";
			for (i=0;i<resp.length;i++){ 
			    cont +="<li id=\"li_mud_ord_car\" class=\"ui-state-default li_mud_ord\">";
			    cont +="<img style=\"float:left;\" width=\"30\" height=\"30\" src=\"../wp-content/plugins/carousel/images/"+resp[i].img_carr+"\" />";
			    cont +="<div class=\"li_ord\">"+resp[i].img_carr+"</div>";
			    cont +="<div class=\"li_ord_dir\">"+resp[i].ord_carr+"</div>";
			    cont +="<input type=\"hidden\" id=\"ordmat[]\" name=\"ordmat[]\" value=\""+resp[i].cod_carr+"\"  />";                      
			    cont +="</li>";
			}	    
			cont +="</ul>";
			cont +="</form>";
			$(".cont_dad_or").html(cont);
			$("#fec_ord").click(function(){
			    $(".cont_dad_or").html("").css("display","none");
			});
			$("#set_ord").disableSelection();
			$("#set_ord").sortable({
			    containment: 'parent',
			    stop: function(event, ui) {
			       $(".wait_ord_set").css("display","block");
			       var ord = $("#form_ord_carr").serializeArray();			       
			        $.ajax({
			            type: "POST",
			            url: "../wp-content/plugins/carousel/php/setOrd.php",
			            data: ord,
			            success: function(msg){
			                monta_ed();
					monta_ord();					
			            }
			        });
			    }
			});
		    }
		});
	    }
	    monta_ord();
	});	
   }
   
});
