var add_newmessage = {
    open_page: function(templateId, documentId) {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(250, 150, 350);

        if (documentId > -1) {
            var frame_src = "<iframe src ='/Member/CreateMessage.aspx?templateID=" + templateId + "&docId=" + documentId + "'" + " width='420px' height='200px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";
            $("#fade_div_content").html(frame_src);
        }
        else {
            var frame_src = "<iframe src ='/Member/CreateMessage.aspx?templateID=" + templateId + "'" + " width='420px' height='200px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";
            $("#fade_div_content").html(frame_src);
        }
    },
    /**
    * for closing the create new email box
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}
/*
This function for showing popup in creative pro site     
*/
var upload_design = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(10, 50, 693);
        var frame_src = "<iframe src ='UploadDesign.aspx' allowTransparency='true' width='693px' height='550px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";
        
        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}

/* This function is used by ReviewAndConfirm.ascx and TemplateSelection.aspx */

var view_document = {
    open: function(divID) {

        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(30, 150, 475);

        var div = document.getElementById(divID);
        $("#fade_div_content").html(div.innerHTML);
    },
    /**
    * for closing the create new email box
    */
    close: function() {
        fish_lighty.close_fade_bg();
    }

}


var explore_reward = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='ExploreRewards.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}


var what_popup = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='What.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}


var contestrules_regulations = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='ContestRules.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}

var term_conditions = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='TermsAndConditions.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}
var privacy = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='Privacy.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}

var contact = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='Contact.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}

var who_popup = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='Who.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}
var when_popup = {
    open_page: function() {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 693);
        var frame_src = "<iframe src ='When.aspx' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";

        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}
var design_preview = {
    open_page: function(imgpath) {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(30, 50, 677);

        var frame_src = "<div class='img-preview-container'><div><img src='images/border_line_horizontal_top.gif' /></div><div class='image-outer-border'><div style='float:right;'><a href='javascript:;' onclick='design_preview.close_page();'  ><img src='images/cross.gif' border='0'/></a></div><br style='clear:both;'/><div class='img-preview-popup' ><img src='" + imgpath + "' /></div></div><div><img src='images/border_line_horizontal_bottom.gif' /></div></div>";


        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}
/**design_preview


/*method for popup in regstration success*/

var register_user_success = {
    open: function(divID) {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(225, 50, 360);

        var div = document.getElementById(divID);
        $("#fade_div_content").html(div.innerHTML);
    },
    /**
    * for closing box
    */
    close: function() {
        fish_lighty.close_fade_bg();
        return true;
    }

}

var promo_image_click = {
    open: function(divID) {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(70, 50, 360);

        var div = document.getElementById(divID);
        $("#fade_div_content").html(div.innerHTML);
    },
    /**
    * for closing box
    */
    close: function() {
        fish_lighty.close_fade_bg();
        return true;
    }

}
var ipad_offer_click = {
    open: function (divID) {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 0, 800);

        var div = document.getElementById(divID);
        $("#fade_div_content").html(div.innerHTML);
    },
    /**
    * for closing box
    */
    close: function () {
        fish_lighty.close_fade_bg();
        return true;
    }

}
/*
Methods to open popup in vendor application

*/
var print_later = {
    open_page: function(printJobID) {
        fish_lighty.fadeBG(true);
        fish_lighty.fade_div_layer(50, 50, 400);
        var frame_src = "<iframe src ='PrintLater.aspx?jobid=" + printJobID + "' width='693px' height='510px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";
        fish_lighty.fade_div_layer(100, 50, 480);
        var frame_src = "<iframe src ='PrintLater.aspx?jobid=" + printJobID + "' width='470px' height='500px' frameborder='0' scrolling='no' allowTransparency = 'true'>Loading...</iframe>";
        $("#fade_div_content").html(frame_src);
    },
    /**
    * for closing the popup
    */
    close_page: function() {
        fish_lighty.close_fade_bg();
    }
}



/* This function object is used for creating lightbox
*/
var fish_lighty = {
    /**
    * call this function with parameter true and it will create the lightbox
    * call this function with parameter false and if will close the lightbox
    */
    fadeBG: function(cond) {
        if (cond) {
            var divele = document.createElement("div");
            divele.style.position = "absolute";
            divele.id = "faded_div";
            divele.style.top = "0px";
            divele.style.left = "0px";
            divele.style.height = scrollHeightAccess() + 'px';
            divele.style.width = document.body.scrollWidth + "px";
            divele.style.zIndex = 8000;
            divele.style.backgroundColor = "#000000"; //lighty
            if (navigator.appName.indexOf("Netscape") != -1 && parseInt(navigator.appVersion) >= 5)
                divele.style.MozOpacity = 0.6;
            else if (navigator.appName.indexOf("Microsoft") != -1 && parseInt(navigator.appVersion) >= 4)
                divele.style.filter = "alpha(opacity=60)";
            document.body.appendChild(divele);
        }
        else {
            if (document.getElementById('faded_div')) {
                document.body.removeChild(document.getElementById('faded_div'));
            }
        }
    },
    /**
    * calling this function closes the ligthbox and removes the dom elements on the lightbox 
    */
    close_fade_bg: function() {
        $('#fade_div_content').remove();
        this.fadeBG(false);
    },
    /**
    * empty layer created on the lightbox for showing content on the lightbox
    */
    fade_div_layer: function(top_adjustment, left_adjustment, width) {
        $('#fade_div_content').remove();
        var brow_width = document.body.scrollWidth;
        divele = document.createElement("div");
        divele.id = "fade_div_content";
        divele.style.position = "absolute";
        divele.style.top = (fish_lighty.browser_top_position() + parseInt(top_adjustment)) + 'px';
        //divele.style.left = left_adjustment + 'px';


        divele.style.width = width + 'px';
        half_width = parseInt(width) / 2;
        half_brower = parseInt(brow_width) / 2;
        new_left = half_brower - half_width;
        divele.style.left = new_left + 'px';

        document.body.appendChild(divele);
        divele.style.zIndex = 8010;
        document.getElementById(divele.id).innerHTML = "<div style='padding:2px;text-align:center;color:red;'>Updating...</div>";

    },
    /**
    *	for getting the top offset of the browser 
    */
    browser_top_position: function() {
        var ie = document.all && !window.opera
        //var domclientWidth=document.documentElement && parseInt(document.documentElement.clientWidth) || 100000 //Preliminary doc width in non IE browsers
        standardbody = (document.compatMode == "CSS1Compat") ? document.documentElement : document.body //create reference to common "body" across doctypes
        scroll_top = (ie) ? standardbody.scrollTop : window.pageYOffset
        //scroll_left=(ie)? standardbody.scrollLeft : window.pageXOffset
        return scroll_top;
    }
}


var show_global_msg = {
    show: function(msg) {
        $($(".global-message")[0]).html(msg);
        var position = $($('.createnewmessage')[0]).position();
        $('#global-createmessage-container').css({ "left": position.left, "top": position.top });
        $('#global-createmessage-container').show('slow');
    },
    hide: function() {
        $("#global-createmessage-container").hide('slow');
    }
}

/**
* fetches the height of the browser view port
*/
function scrollHeightAccess() {
    var max_value = Math.max(this.document.documentElement.offsetHeight, this.document.documentElement.scrollHeight);
    return Math.max(max_value, this.document.body.scrollHeight);
}

function trimFast(str) {
    str = str.replace(/^\s+/, '');
    for (var i = str.length - 1; i > 0; i--) {
        if (/\S/.test(str.charAt(i))) {
            str = str.substring(0, i + 1);
            break;
        }
    }
    return str;
}


var delete_design = {
    call_ajax: function(design_id, jsondata) {

        var param_str = "design_id=" + design_id + "&action_type=delete_design";
        $.ajax({
            type: "POST",
            url: "../CustomAjax.aspx",
            data: param_str,
            cache: false,
            dataType: "HTML",
            success: function(response) {
                if (response == "success") {
                    //$("#img-box-" + design_id).remove();
                    image_library.initialize(design_id);
                }
                else
                    alert(response);
            }
        });
    }
}
var image_library = {
    initialize: function(deleted_design) {

        var new_arr = [];
        for (var i = 0; i < jsonstring.length; i++) {
            if (deleted_design != jsonstring[i].designid) {
                new_arr.push(jsonstring[i]);
            }
        }
        jsonstring = new_arr;

        var start_pos = 0;
        if (jsonstring.length < 1) {
            $("#imagelibrarydiv").css("display", "none");
        }
        else {
            $("#imagelibrarydiv").css("display", "inline");


            var html_str = "<ul id='mycarousel' class='jcarousel-skin-tango' >";
            for (var i = 0; i < jsonstring.length; i++) {

                var temp_str = "";
                temp_str += "<li id='img-box-" + jsonstring[i].designid + "'><div class='actions'>";
                temp_str += "<a style='cursor:pointer;' onclick='DeleteDesign(";
                temp_str += jsonstring[i].designid;
                temp_str += ")'><img src='images/delete.gif' /></a></div>";
                temp_str += "<img src='" + jsonstring[i].imagepath + "'/><br /><a title='" + jsonstring[i].imagename + "'><div class='designtitle'>";
                if (jsonstring[i].imagename.length < 18)
                    temp_str += jsonstring[i].imagename;
                else
                    temp_str += jsonstring[i].imagename.substring(0, 15) + "...";

                temp_str += "</div></a></li>";
                html_str += temp_str;
            }
            $("#imageframe_ul").html(html_str + "</ul>");

            jQuery('#mycarousel').jcarousel();

        }

    }
}

var ProductAttributes = {
    parentDiv: "",
    style_html: "",
    productId: 0,
    styleId: 0,
    professionId: 0,

    Load: function(productId, parentDiv) {
        this.parentDiv = parentDiv;
        var childrenLI = $("#" + this.parentDiv).find("#styleUL>li").length;
        if (childrenLI == 0) {
            this.productId = productId;
            $.ajax({
                type: "POST",
                url: "/AjaxHandler.ashx?action_type=load_stytle_profession &productId=" + productId,
                cache: false,
                dataType: "HTML",
                success: function(response) {
                    if (response.toString().split("##")[0] != "") {
                        ProductAttributes.LoadStyles(JSON.parse(response.toString().split("##")[0], null));
                        $("#" + ProductAttributes.parentDiv).find("#productDiv").attr("class", "active-header");
                        $("#" + ProductAttributes.parentDiv).find("#productDiv").find("a").find("img").attr("src", "/images/home/arrow.gif");

                    }
                    if (response.toString().split("##")[1] != "") {
                        ProductAttributes.LoadProfessions(JSON.parse(response.toString().split("##")[1], null));
                        $("#" + ProductAttributes.parentDiv).find("#productDiv").attr("class", "active-header");
                        $("#" + ProductAttributes.parentDiv).find("#productDiv").find("a").find("img").attr("src", "/images/home/arrow.gif");

                    }

                }
            });
        }
        else {

            this.ToggleStylesAndProfessions();
        }

    },

    LoadStyles: function(style_json) {
        if (style_json != "") {
            for (i = 0; i < style_json.length; i++) {
                li_html = '<li>';
                li_html += '<a id="lnkStyle"';
                li_html += 'href=/Member/TemplateSelection.aspx?productId=' + ProductAttributes.productId + '&styleId=' + style_json[i].StyleID;
                if (style_json[i].StyleID == this.styleId) {
                    li_html += ' class = selected';
                }
                li_html += '>';
                li_html += style_json[i].StyleName;
                li_html += '</a>';
                li_html += '</li>';
                $("#" + this.parentDiv).find("#styleUL").append(li_html);
            }
            $("#" + this.parentDiv).find("#styleDiv").parent().css("display", "block");
            $("#" + this.parentDiv).find("#styleDiv").attr("class", "expanded-menu");
            $("#" + this.parentDiv).find("#styleDiv").find("img").attr("src", "/images/home/collapse-_icon.gif");
        }

    },

    LoadProfessions: function(profession_json) {
        if (profession_json != "") {
            for (i = 0; i < profession_json.length; i++) {
                li_html = '<li>';
                li_html += '<a id="lnkProfession"';
                li_html += 'href=/Member/TemplateSelection.aspx?productId=' + ProductAttributes.productId + '&professionId=' + profession_json[i].ProfessionID;
                if (profession_json[i].ProfessionID == this.professionId) {
                    li_html += ' class = selected';
                }
                li_html += '>';
                li_html += profession_json[i].ProfessionName;
                li_html += '</a>';
                li_html += '</li>';
                $("#" + this.parentDiv).find("#professionUL").append(li_html);
            }
            $("#" + this.parentDiv).find("#professionDiv").parent().css("display", "block");
            $("#" + this.parentDiv).find("#professionDiv").attr("class", "expanded-menu");
            $("#" + this.parentDiv).find("#professionDiv").find("img").attr("src", "/images/home/collapse-_icon.gif");
        }

    },

    ToggleStyles: function(link, parentDiv) {
        if (link.children[0].src.indexOf("add_icon") >= 0) {
            link.children[0].src = "/images/home/collapse-_icon.gif";
            $("#" + parentDiv).find("#styleDiv").attr("class", "expanded-menu");
            $("#" + parentDiv).find("#styleUL").css("display", "block");
        }
        else {
            link.children[0].src = "/images/home/add_icon.gif";
            $("#" + parentDiv).find("#styleDiv").attr("class", "collapsed-menu");
            $("#" + parentDiv).find("#styleUL").css("display", "none");

        }

    },

    ToggleProfessions: function(link, parentDiv) {
        if (link.children[0].src.indexOf("add_icon") >= 0) {
            link.children[0].src = "/images/home/collapse-_icon.gif";
            $("#" + parentDiv).find("#professionDiv").attr("class", "expanded-menu");
            $("#" + parentDiv).find("#professionUL").css("display", "block");
            $("#" + parentDiv).find("#professionUL").parent().css("display", "block");
        }
        else {
            link.children[0].src = "/images/home/add_icon.gif";
            $("#" + parentDiv).find("#professionDiv").attr("class", "collapsed-menu");
            $("#" + parentDiv).find("#professionUL").css("display", "none");
            $("#" + parentDiv).find("#professionUL").parent().css("display", "none");
        }

    },

    ToggleStylesAndProfessions: function() {

        if ($("#" + this.parentDiv).find("#productDiv").hasClass("unactive-header")) {

            $("#" + this.parentDiv).find("#productDiv").attr("class", "active-header");
            $("#" + this.parentDiv).find("#productDiv").find("a").find("img").attr("src", "/images/home/arrow.gif");
            $("#" + this.parentDiv).find("#styleDiv").parent().css("display", "block");
            $("#" + this.parentDiv).find("#professionDiv").parent().css("display", "block");
        }
        else if ($("#" + this.parentDiv).find("#productDiv").hasClass("active-header")) {

            $("#" + this.parentDiv).find("#productDiv").attr("class", "unactive-header");
            $("#" + this.parentDiv).find("#productDiv").find("a").find("img").attr("src", "/images/home/arrow2.gif");
            $("#" + this.parentDiv).find("#styleDiv").parent().css("display", "none");
            $("#" + this.parentDiv).find("#professionDiv").parent().css("display", "none");

        }

    }

}


var ProductStyleProfessionMenu = {
    parentDiv: "",
    style_html: "",
    productId: 0,
    productName: "",
    styleId: 0,
    professionId: 0,
    menuclicked: false,
    Load: function (productId, productName) {

        this.productId = productId;
        this.productName = productName;
        $.ajax({
            type: "POST",
            url: "/AjaxHandler.ashx?action_type=load_stytle_profession &productId=" + productId,
            cache: false,
            dataType: "HTML",
            success: function (response) {

                if (response.toString().split("##")[0] != "") {
                    ProductStyleProfessionMenu.LoadStyles(JSON.parse(response.toString().split("##")[0], null));
                }
                if (response.toString().split("##")[1] != "") {
                    ProductStyleProfessionMenu.LoadProfessions(JSON.parse(response.toString().split("##")[1], null));
                }

            }
        });

    },

    LoadStyles: function (style_json) {
        if (style_json != "") {
//            li_html = '<table cellpadding="5px"><tbody>';
//            $("#dvproductStyles").append(li_html);
            for (i = 0; i < style_json.length; i++) {
                li_html = '<tr><td ';
                if (i == 0)
                    li_html += 'class="tdFirst"';
                li_html += '><a id="lnkStyle"';
                li_html += 'href=/Member/TemplateSelection.aspx?productId=' + ProductStyleProfessionMenu.productId + '&styleId=' + style_json[i].StyleID;
                if (style_json[i].StyleID == this.styleId) {
                    li_html += ' class = selected';
                  //  $("#dvSelectedStyle")[0].innerHTML = style_json[i].StyleName;
                }
                li_html += '>';
                li_html += style_json[i].StyleName;
                li_html += '(<b>';
                li_html += style_json[i].StyleTemplateCount;
                li_html+= '</b>)';
                li_html += '</a></td></tr>';
                $("#tblproductStyles").append(li_html);
            }
            li_html = '<tr><td>';
            li_html += '<a id="lnkStyle"';
            li_html += "href='/products/" + this.productName.replace(' ','-').toLowerCase() + "/' ";
            li_html += '>';
            li_html += "See All Designs";
            li_html += '</a></td></tr>';
            $("#tblproductStyles").append(li_html);
        }

    },

    LoadProfessions: function (profession_json) {
        if (profession_json != "") {
//            li_html = '<table cellpadding="5px"><tbody>';
//            $("#dvproductProfession").append(li_html);
            for (i = 0; i < profession_json.length; i++) {
                li_html = '<tr><td ';
                if (i == 0)
                    li_html += 'class="tdFirst"';
                li_html += '><a id="lnkProfession"';
                li_html += 'href=/Member/TemplateSelection.aspx?productId=' + ProductStyleProfessionMenu.productId + '&professionId=' + profession_json[i].ProfessionID;
                if (profession_json[i].ProfessionID == this.professionId) {
                    li_html += ' class = selected';
                   // $("#dvSelectedProfession")[0].innerHTML = profession_json[i].ProfessionName;
                }
                li_html += '>';
                li_html += profession_json[i].ProfessionName;
                li_html += '(<b>';
                li_html += profession_json[i].ProfessionTemplateCount;
                li_html += '</b>)';
                li_html += '</a></td></tr>';
                $("#tblproductProfession").append(li_html);
            }
            li_html = '<tr><td>';
            li_html += '<a id="lnkProfession"';
            li_html += "href='/products/" + this.productName.toLowerCase() + "/' ";
            li_html += '>';
            li_html += "See All Designs";
            li_html += '</a></td></tr>';
            $("#tblproductProfession").append(li_html);
        }

    },
    showStyles: function (event) {
        if (event.stopPropagation) event.stopPropagation();
        else event.cancelBubble = true;
        var styledivpos = $("#dvStyleMenu").position();
        $("#dvproductStyles").css("left", styledivpos.left);
        $("#dvproductStyles").css("top", styledivpos.top + 27);
        $("#dvproductStyles").show();
        $("#dvproductProfession").hide();
    },
    showProfession: function (event) {
        if (event.stopPropagation) event.stopPropagation();
        else event.cancelBubble = true;
        var professiondivpos = $("#dvProfessionMenu").position();
        $("#dvproductProfession").css("left", professiondivpos.left);
        $("#dvproductProfession").css("top", professiondivpos.top + 27);
        $("#dvproductProfession").show();
        $("#dvproductStyles").hide();
    }

}