$(document).ready(function(){

//alert ("1");


//alert ("2");


$(".socLinkSwitch span").click(function(){
    //alert("asdasda");
    
    $(".socLinkSwitch span").removeClass("currentBox");
    $(this).addClass("currentBox");
    
    var show = $(this).attr("id");
    $(".uniBox").hide();
    $("."+show).show();
    $("#metabox").attr("value",show);
});
//-------------------------------------------------
    $('.hidden').hide();
    $('.toggle').addClass("arrup");

    var boxname;
    $(".toggle").toggle(
    function () {
        boxname = "."+$(this).attr("id");
        $(boxname).slideDown("fast");

        $(this).removeClass("arrup");
        $(this).addClass("arrdown");

    },
    function () {
        boxname = "."+$(this).attr("id");
        $(boxname).slideUp("fast");
        $(this).removeClass("arrdown");
        $(this).addClass("arrup");

    });
//-------------------------------------------------
    var ischange = false;

    $("#make_code input").keyup(function () {
        ischange = true;
        change_view();
    })

    //
    $('.ask').click(function(){
        if(ischange == true){
        if (confirm("Закрыв страницу, вы потеряете все ранее сделанные изменения.\n\n Уверены, что хотите уйти?")) {
            return true;
        }
        else {
            return false;
        }
      }
    });
   // }
//-------------------------------------------------
        //$(".width").blur( function () {alert("Hello World!");} );
//alert ("2");
$(".size>input").keyup(function () {
    var thisval = $(this).val();
    if(isNaN(thisval) || thisval < 0){//
        $(this).css({color:"#FF644F","font-weight":"bold",border:"1px solid #FF644F"});
    }
    else{
        $(this).attr("style","");
    }
})

//----------------------------------------------------------------

$('#colorpickerField1, #colorpickerField2, #colorpickerField3, #colorpickerField4, #colorpickerField5, #colorpickerField6, #colorpickerField7, #colorpickerField8, #colorpickerField9, #colorpickerField10, #colorpickerField11, #colorpickerField12, #colorpickerField13, #colorpickerField14, #colorpickerField15, #colorpickerField16, #colorpickerField17, #colorpickerField18').ColorPicker({
    onSubmit: function(hsb, hex, rgb, el) {
        $(el).val(hex);
        $(el).ColorPickerHide();
        
    },
    onBeforeShow: function () {
        $(this).ColorPickerSetColor(this.value);
        
    }
})
.bind('keyup', function(){
    $(this).ColorPickerSetColor(this.value);
    
});

/*------------------ TABS -----------------------*/

  $(".tabs li").click(function(){
    var show = $(this).attr('id');
    
    $(".tabs li").removeClass("current");
    $(this).addClass("current");
    
    $(".tabBox").hide();
    $("."+show).show();
    
     $("#tabsContainer").slideDown();
     $("#hideshow").removeClass("hideshow_down");
     $(".tabs").removeClass("boxHidden");
    
  });
  
/*------------------ SCROLL -----------------------*/

    $('.scroll').bind('click',function(event){
    var $anchor = $(this).attr('href');
    var top = $($anchor).offset().top;
    //var top = offset.top;
    
    $('html, body').stop().animate({scrollTop: top}, 1500,'easeinout');
        event.preventDefault();
    });


$("#hide_container").toggle(
    function(){
        $("#tabsContainer").fadeOut();
        //$("#tabsContainer").slideUp();
        $(this).addClass("hideshow_down");
        $(".tabs").addClass("boxHidden");
    },
    function(){
        $("#tabsContainer").fadeIn();
        
        //$("#tabsContainer").slideDown();
        $(this).removeClass("hideshow_down");
        $(".tabs").removeClass("boxHidden");
    }
);

$( "#draggable" ).draggable();

//----------------------------------------------------------------
// отрисовка дизайна при первом заходе
//change_view();


    
$(".scrollVal input").click(function(){
    //$(this).after("<div>*скролл сюда*</div>");
    if(!$(this).hasClass("hasScroll")){
        $("#slider").remove();
        $(".hasScroll").removeClass("hasScroll");
        
        $(this).addClass("hasScroll");
        
        
        var val = $(this).val();
        var elem = $(this);
        
        var min = 50;
		var max = 1400;
        
        if($(this).hasClass("radius") || $(this).hasClass("bordwidth")){
          min = 0;
          max = 150;  
        }
            
        if($(this).hasClass("fontsize")){
            min = 10;
            max = 50;
            $(this).parent().parent().append("<div class=\"emptyClear t10\"><div id=\"slider\"></div></div>");
        }
        else{
            $(this).after("<div class=\"emptyClear t10\"><div id=\"slider\"></div></div>");
        }
        
        $( "#slider").slider({
            //orientation: "vertical",
            //range: "min",
			value: val,
			min: min,
			max: max,
			//step: 50,
			slide: function( event, ui ) {
				$(elem).val(ui.value);
			},
            stop: function( event, ui ) {
                change_view();
            }
		});
    }
});

$(".scrollVal input").keyup(function(){
    
    if($(this).hasClass("hasScroll")){
        
        var val = $(this).val();
        var elem = $(this);
        
        $( "#slider" ).slider({value: val});
}
});

$("#make_code select").change(function(){
    change_view();
});

$('#submit_go').click(function(){
    change_view();
    return false;
});

$("#getCodes").toggle(
        function(){
            //alert("1");
            $(".codesContainer").fadeIn();
            $(this).addClass("codes_show");
            $(".readyCodes").addClass("readyCodes_open");
            $('#codes').select();
        },
        function(){
            //alert("2");
            $(".codesContainer").fadeOut();
            $(this).removeClass("codes_show");
            $(".readyCodes").removeClass("readyCodes_open");
        }
    );

$('#codes,#short_url input').click(
    function(){
        $(this).select();
    }
);

$("#layout_bookmark,#tell_friends").hover(
    function(){
       // $("#tip").show();
    },
    function(){
      //  $("#tip").hide();
    }
);

$("#layout_bookmark").click(
    function(){
        add_favorite($(this));
    }
);
   
    
$("#tell_friends").click(
    function(){
        var vars = $("#make_code").serialize();
        //alert(vars);
        $.ajax({
            type: "get",
            data: vars,
            url: "get_tiny.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
                //alert (data2);
                $("#short_url").show();
                $("#short_url input").val(data2);
                $("#tell_friends").addClass("open");
                $("#short_url input").select();
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
    }
);
    
if($("#make_test_codes").length > 0){
    var str = $("#make_test_codes").serialize();
    get_test(str);
}  

$(".reload").click( function(){
    var str = $("#make_test_codes").serialize();
    get_test(str);
    return false;
});

$("#make_test_codes").submit(function(){
    
    $(".reload:hidden").show();
    $("#getTests").val("Обновить");
    
    var str = $("#make_test_codes").serialize();
    get_test(str);
    return false;
});

//--------------- ICONS ---------------

if($("#make_ljicons_codes").length > 0){
    var str = $("#make_ljicons_codes").serialize();
    get_test(str);
} 

$("#make_ljicons_codes").submit(function(){
    var str = $("#make_ljicons_codes").serialize();
    get_ljicons(str);
    return false;
});

$(".rBox input").click(function(){
    var val = $(this).val();
    if(val == "single"){
        $(".usernameBox").slideDown();
    }
    else{
        $(".usernameBox").slideUp();
    }
    $(".rBox").removeClass("current");
    $(this).parent().addClass("current");
    
    var str = $("#make_ljicons_codes").serialize();
    get_ljicons(str);
});

$(".rBox").click(function(){
    var val = $("input",this).val();
    if(val == "single"){
        $(".usernameBox").slideDown();
    }
    else{
        $(".usernameBox").slideUp();
    }
    $(".rBox").removeClass("current");
    $(this).addClass("current");
    $("input",this).attr("checked","checked");
    
    var str = $("#make_ljicons_codes").serialize();
    get_ljicons(str);
   
});

$("#pic,#username,#resize").keyup(function(){
    var str = $("#make_ljicons_codes").serialize();
    get_ljicons(str);
});

$("#resize").change(function(){
    var str = $("#make_ljicons_codes").serialize();
    get_ljicons(str);
});

$("#make_test_codes2").submit(function(){
    var str = $("#make_test_codes2").serialize();
    get_test2(str);
    return false;
});

//getTinyUrl($url)
//$("a.offsite").live("click",
$(".del-item").live("click",
    function(){
        var del_item = $(this).attr("id");
        //$(this).after("->> "+del_item);
        $("."+del_item).remove();
        //var n = Number($("#fieldsCount").val())-1;
        //$("#fieldsCount").val(n);
    }
);

$(".add-item").click(
    function(){
        //alert($("#fieldsCount").val());
        //var n = $(".imgTxt").length;
        var n = Number($("#fieldsCount").val())+1;
        $("#fieldsCount").val(n);
        

        
        $.ajax({
            type: "post",
            data: "get_inputs=yes&last="+n,
            url: "/tests/functions.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
                  $(".add-item").before(data2);
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
    }
);


$("#testsList li").click(
    function(){
        var name = $(this).attr("id");
        ///alert("111");
        //var n = $(".imgTxt").length;
        $.ajax({
            type: "post",
            data: "name="+name,
            url: "/tests/ready/get_test.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
                //alert (data2);
                $('#viewCodes').html(data2);
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
    }
);
    
    
//----------------------------------------------------------------
});// doc end


function attach_slider(elem){

}

// предпросмотр дизайна
var use_count = 0;
function change_view(){
    //alert(use_count);
    
    
    //$("#getCodes").fadeIn();
    var str = $("#make_code").serialize();
    
    //$("#layout_link").text("http://lj_yoksel.ru/create.php?"+str);

    if(str){
       //alert(str); 
        $.ajax({
            type: "get",
            data: str,
            url: "codes_ajax.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
                if(jQuery.browser.msie && $.browser.version < 9){
                    //alert($.browser.version);
                    var myString = "<iframe src='preview.php?"+str+"' id='myframe' scrolling='auto' noresize>  </iframe>";
                    $('#show_dis').html(myString);
                 }
                 else{
                     //alert("OK");
                     $("#myframe").contents().find("style").text(data2);
                 }
                 //$("#myframe").contents().find("style").text(data2);
                  
                change_codes(str);
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
        
        $("#short_url").hide();
        $("#short_url input").val("");
        $("#tell_friends").removeClass("open");
    }
}

// обновление кодов дизайна
function change_codes(str){
        //alert(str);   
        $.ajax({
            type: "get",
            data: str,
            url: "codes_ajax.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
                //alert (data2);
                $('#codes').val(data2);
                //$('#codes').select();
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
}

// получаем тест
function get_test(str){
        //alert("www");   
        $.ajax({
            type: "post",
            data: str,
            url: "/tests/codes_ajax.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
                //alert (data2);
                $('#viewCodes').html(data2);
                //$('#readyCodes').val(data2);
                var pic1 = $(".item-0 input").val();
                var is_pics = false;
                
                $(".imgTxt input").each(function(i, elem){
                    var elem_val = $(elem).val();
                    if(elem_val != '' && elem_val != null && elem_val != undefined){
                        is_pics = true;
                    }
                });
                //alert (pic1);
                if(is_pics == true){
                    //alert ("("+pic1+")");
                    $('#readyCodes').val(data2);
                }
                
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
}
// тестовый тест для отладки
function get_test2(str){
        //alert("www");   
        $.ajax({
            type: "post",
            data: str,
            url: "/tests2/codes_ajax.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
                //alert (data2);
                $('#viewCodes').html(data2);
                //$('#readyCodes').val(data2);
                var pic1 = $(".item-0 input").val();
                var is_pics = false;
                
                $(".imgTxt input").each(function(i, elem){
                    var elem_val = $(elem).val();
                    if(elem_val != '' && elem_val != null && elem_val != undefined){
                        is_pics = true;
                    }
                });
                //alert (pic1);
                if(is_pics == true){
                    //alert ("("+pic1+")");
                    $('#readyCodes').val(data2);
                }
                
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
}

// получаем код для головастиков
function get_ljicons(str){
        //alert("www");   
        $.ajax({
            type: "post",
            data: str,
            url: "/ljicons/codes_ajax.php",
            success: function(data2){//lay="+get_layout+"&dis="+get_dis+"&data=
               $('#readyCodes').val(data2);
                
            },
            error:function(vvv){
                //alert("error"+vvv.responseText);
            }
        });
}

function add_favorite(a) { 
    
  var str = $("#make_code").serialize();
  var link = "http://lj.yoksel.ru/create.php?"+str;
  
  var myDate = $("#myDate").val();
  var layout_type = $("#layout_type").val();
  
  var title = "Генератор дизайнов для ЖЖ | Макет "+layout_type+", создан "+myDate; 
  var url = link;//document.location; 
  try { 
    // Internet Explorer 
    window.external.AddFavorite(url, title); 
  } 
  catch (e) { 
    try { 
      // Mozilla 
      window.sidebar.addPanel(title, url, ""); 
    } 
    catch (e) { 
      // Opera 
      if (typeof(opera)=="object") { 
        a.rel="sidebar"; 
        a.title=title; 
        a.url=url; 
        return true; 
      } 
      else { 
        // Unknown 
        alert('Нажмите Ctrl-D чтобы добавить страницу в закладки'); 
      } 
    } 
  } 
  return false; 
}


//echo getTinyUrl($url);