﻿$(document).ready(function() {

    var path = location.href;
    var FileName = path.split("/");

    path = "";

    for (var i = 0; i < FileName.length; i++) {

        if (FileName[i].toLowerCase().indexOf(".aspx") > -1) {
            path = FileName[i].toLowerCase();
        }
    }

    var alt = "";

    if (path == "") {
        path = "default.aspx";
    }
    else {
        if (path != "default.aspx") {
            alt = "White";
        }
    }

    $("#topLinks a[href$='" + path + "']").addClass("Selected");
    $("#footer a[href$='" + path + "']").addClass("Selected");

    $("#header .bigLinks").click(function(e) {
        e.preventDefault();
        $("#topText #bg").css("opacity", 0.8);
        $("#topText").fadeIn();
    });

    $("#header .close").click(function(e) {
        e.preventDefault();
        $("#topText").fadeOut();
    });






    // resize
    $("#bgMid").html("<img id=\"backgroundImgMid\" src=\"img/BackgroundMid" + alt + ".png\" />");

    var mainHeight = $("#main").height() + 40;

    // we need to check if there are any images in the blog col
    // as these do not load until the page has loaded and the bage does not expand correctly
    if ($("#blogColumn img,#GardenersWorld img").length > 0) {
        _CheckLoad();
    }
    else {

        if (mainHeight < 580) {
            mainHeight = 580;
        }

        $("#bgMid").height(mainHeight);
        $("#backgroundImgMid").css("width", "846px").css("height", mainHeight + "px");
    }


    $("#hpLinks a").hover(function() {
        var elmt = $(this).parent().parent();
        var img = elmt.find("img");
        var imgName = img.attr("src");

        var splitName = imgName.split("/");

        imgName = "";

        for (var i = 0; i < splitName.length; i++) {

            if (splitName[i].toLowerCase().indexOf(".") > -1) {

                imgName += "over_" + splitName[i];
            }
            else {
                imgName += splitName[i] + "/";
            }

        }

        img.attr("src", imgName);
        elmt.addClass("over");
    }, function() {
        var elmt = $(this).parent().parent();
        var img = elmt.find("img");
        var imgName = img.attr("src").replace("over_", "");
        img.attr("src", imgName);
        elmt.removeClass("over");
    });

    $("#footerLink #SM a").hover(function() {
        var elmt = $(this);
        var src = elmt.css("background-image");

        src = src.replace("&g=true", "&g=false");

        elmt.css("background-image", src);

    }, function() {
        var elmt = $(this);
        var src = elmt.css("background-image");

        src = src.replace("&g=false", "&g=true");

        elmt.css("background-image", src);

    });


    if ($("#links").length > 0) {
        var divLinks = $("#links .linkItem");

        if (divLinks.length > 1) {

            $("#links .linkItem").remove();

            var count = 2;

            if (divLinks.length > (count * 2)) {
                count = (Math.round(divLinks.length / 2));
            }

            var divCol = $("<div class=\"linkCol\"></div>");

            for (var i = 0; i < count; i++) {
                divCol.append(divLinks[i]);
            }

            $("#links").append(divCol);

            divCol = $("<div class=\"linkCol\"></div>");
            for (var j = count; j < divLinks.length; j++) {
                divCol.append(divLinks[j]);
            }

            $("#links").append(divCol);

            mainHeight = $("#main").height() + 40;

            if (mainHeight < 580) {
                mainHeight = 580;
            }

            $("#bgMid").height(mainHeight);
            $("#backgroundImgMid").css("width", "846px").css("height", mainHeight + "px");            

        }
    }


























    /////////////////////// BLOGS

    var tbx = $("<div class=\"blCom\"></div>");
    var tbl = $("<table cellpadding=\"0\" cellspacing=\"0\"></table>");
    tbl.append("<tr><td align=\"right\">Name:</td><td><input type=\"text\" class=\"tbxName\"/></td></tr>")
        .append("<tr><td align=\"right\">Comment:</td><td><textarea class=\"tbxCom\"/></td></tr>")
        .append("<tr><td align=\"right\">Code:</td><td><div class=\"validate\"></div><a href=\"#\" class=\"refresh\">[refresh]</a></td></tr>")
        .append("<tr><td align=\"right\">Enter code:</td><td><input type=\"text\" class=\"tbxValidate\"/></td></tr>")
        .append("<tr><td></td><td><a href=\"#\" class=\"post\">post comment</a> | <a href=\"#\" class=\"clear\">clear</a></td></tr>");
    tbx.append(tbl);

    var dteLastRefresh = new Date();

    $(".deleteReply").live("click", function(e) {
        e.preventDefault();

        if (confirm("Are you sure?")) {
            var elmt = $(this);
            var id = elmt.attr("id").substring(3);
            $.post("_adm/deleteComment.ashx", { id: id }, function(txt) {
                if (txt == "true") {
                    elmt.parent().parent().remove();
                }
            });
        }
    });

    $(".addComments").click(function(e) {
        e.preventDefault();
        var elmt = $(this).parent();
        var id = elmt.parent().parent().attr("id").substring(4);



        $.post("_adm/viewComments.ashx", { id: id }, function(txt) {

            var tbxThis = tbx.clone();
            var img = $("<img src=\"_adm/imageHandler.ashx?dte=" + dteLastRefresh.getMilliseconds() + "\"/>");
            tbxThis.find(".validate").append(img);
            tbxThis.hide().insertBefore(elmt);

            var reps = $(txt);

            reps.hide().insertBefore(tbxThis);
            elmt.remove();
            reps.show().find(".reply").slideDown();
            tbxThis.show();



            var mainHeight = $("#main").height() + 40;

            if (mainHeight < 580) {
                mainHeight = 580;
            }

            $("#bgMid").height(mainHeight);
            $("#backgroundImgMid").css("width", "846px").css("height", mainHeight + "px");

        });

    });

    $(".refresh").live("click", function(e) {

        e.preventDefault();
        var elmt = $(this).parent();
        dteLastRefresh = new Date();

        var img = $("<img src=\"_adm/imageHandler.ashx?dte=" + dteLastRefresh.getMilliseconds() + "\"/>");

        $(".validate").html(img);


    });

    $(".blCom a.clear").live("click", function(e) {
        e.preventDefault();
        var elmt = $(this).parent().parent().parent().parent().parent();
        elmt.find(".tbxName").val("");
        elmt.find(".tbxCom").val("");
        elmt.find(".tbxValidate").val("");
    });

    $(".blCom a.post").live("click", function(e) {
        e.preventDefault();
        var elmt = $(this).parent().parent().parent().parent().parent();

        var nme = elmt.find(".tbxName").val();
        var cmt = elmt.find(".tbxCom").val();
        var code = elmt.find(".tbxValidate").val();
        var hasErrors = false;

        if (nme == "") {
            elmt.find(".tbxName").css("background-color", "Red");
            hasErrors = true;
        }
        else {
            elmt.find(".tbxName").css("background-color", "#FFF");
        }

        if (cmt == "") {
            elmt.find(".tbxCom").css("background-color", "Red");
            hasErrors = true;
        }
        else {
            elmt.find(".tbxCom").css("background-color", "#FFF");
        }


        if (code == "") {
            elmt.find(".tbxValidate").css("background-color", "Red");
            hasErrors = true;
        }
        else {
            elmt.find(".tbxValidate").css("background-color", "#FFF");
        }

        if (!hasErrors) {

            var id = elmt.parent().parent().attr("id").substring(4);

            $.post("_adm/addComments.ashx", { id: id, code: code, nme: nme, cmt: cmt }, function(txt) {

                if (txt == "true") {

                    var rep = $("#blankReply").clone();
                    rep.removeAttr("id");
                    rep.find("h4").text(nme);
                    rep.find(".date").text(ReturnDateTime());
                    rep.find(".comment").text(cmt);
                    elmt.parent().parent().find(".replies").append(rep);

                    rep.show();
                    elmt.find(".tbxName").val("");
                    elmt.find(".tbxCom").val("");
                    elmt.find(".tbxValidate").val("");

                    var mainHeight = $("#main").height() + 40;

                    if (mainHeight < 580) {
                        mainHeight = 580;
                    }

                    $("#bgMid").height(mainHeight);
                    $("#backgroundImgMid").css("width", "846px").css("height", mainHeight + "px");
                }
                else {
                    alert(txt);
                }
            });

        }

    });






    /////////////////////// BLOGS END



























});


function _CheckLoad() {
    var imgs = 0;  //$("#blogColumn img").length;
    var count = 0;

    if ($("#blogColumn img").length > 0) {

        imgs = $("#blogColumn img").length;

        $("#blogColumn img").each(function() {
            if ($(this)[0].complete) {
                // track image is loaded                
                count++;
            }
        });
    }
    else {

        imgs = $("#GardenersWorld img").length;

        $("#GardenersWorld img").each(function() {
            if ($(this)[0].complete) {
                // track image is loaded                
                count++;
            }
        });
    
    }


    if (count < imgs) {
        setTimeout(function() { _CheckLoad(); }, 100);
        
    }
    else {
        
        mainHeight = $("#main").height() + 40;

        if (mainHeight < 580) {
            mainHeight = 580;
        }

        $("#bgMid").height(mainHeight);
        $("#backgroundImgMid").css("width", "846px").css("height", mainHeight + "px");
    }
}


function ReturnDateTime() {
    var now = new Date();
    var res = "";

    res = now.getHours() + ":";

    if (now.getMinutes() < 10) {
        res = res + "0";
    }

    res = res + now.getMinutes() + " ";


    if (now.getDate() < 10) {
        res = res + "0";
    }

    res = res + now.getDate() + "/";

    if ((now.getMonth() + 1) < 10) {
        res = res + "0";
    }

    res = res + (now.getMonth() + 1) + "/" + now.getFullYear();

    return res;
}

