﻿var emptyTags = "No Tags Yet.";

function showLink(number, showTags, addButton) {
    document.getElementById("lbtnTagsShowTags" + number).style.display = showTags;
    document.getElementById("addButton" + number).style.display = addButton;
}

function showTagsclick(number,cookie) {
    if(cookie == ""){
        document.getElementById("ctl20tagsDiv" + number).style.display = "none";
        document.getElementById("ctltagsDiv" + number).style.display = "block";
        document.getElementById("lbtnTagsShowTags" + number).style.display = "none";
        document.getElementById("linkCloseTags" + number).style.display = "block";
    }
    else{
        displayAddDiv(number);
    }
    return false;
}

function emptyAddTagsclick(number, imageId) {
    document.getElementById("addButton" + number).style.display = "none";
    document.getElementById("addDiv" + number).style.display = "block";
    document.getElementById("txtTagName" + number).value = "";
    displayAddDiv(number);
    return false;
}

function ButtonFunction(number, imageId,searchUrl,memberId) {
    loadYourTags(number, imageId,searchUrl,memberId);
    loadMemberTags(number, imageId,searchUrl);
}

function loadYourTags(number, imageId,searchUrl,memberId) {
    $.post("../tags.ashx?yourTags=true&memberId="+memberId+"&imageId=" + imageId + "&number=" + number + "&searchUrl=" + searchUrl, { Action: "post", Name: "yourtags" },
            function(data) {
                document.getElementById("ctlyourtags" + number).innerHTML = data;
            }
            , "text");
}

function loadMemberTags(number, imageId,searchUrl) {
    $.post("../tags.ashx?memberTags=true&imageId=" + imageId + "&searchUrl=" + searchUrl, { Action: "post", Name: "membertags" },
            function(data) {
                document.getElementById("txtTagName" + number).value = "";
                document.getElementById("ctlmembertags" + number).innerHTML = data;
            }
            , "text");
}

function displayAddDiv(number) {
    document.getElementById("tagsDiv" + number).style.display = "none";
    document.getElementById("showTagsDiv" + number).style.display = "block";
    document.getElementById("lbtnCloseTags" + number).style.display = "block";
}

function addTagsFunction(number, imageId,searchUrl,memberId) {
	document.getElementById("lblblack" + number).innerHTML = "";
    var txtTagsName = document.getElementById("txtTagName" + number).value;
    $.post("../tags.ashx?addTags=true&memberId="+memberId+"&imageId=" + imageId + "&txtTagsName=" + txtTagsName, { Action: "post", Name: "addtags" },
            function(data) {
                if(data != "true")
                {
                    document.getElementById("lblblack" + number).innerHTML = data + "<br />"; 
                }
				
                ButtonFunction(number, imageId, searchUrl,memberId);
                    
            }
            , "text");
    return false;
}

function addTagsclick(number, imageId) {
    document.getElementById("addDiv" + number).style.display = "block";
    document.getElementById("txtTagName" + number).value = "";
    document.getElementById("lbtnCloseTags" + number).style.display = "block";
    return false;
}

function changeHeight(obj) {
    var ptd = window.parent.document.getElementById(obj);
    ptd.style.height = document.body.scrollHeight + 18;
}
function del(number, imageId, tagId,searchUrl,memberId) {
    $.post("../tags.ashx?delYourTags=true&tagId=" + tagId, { Action: "post", Name: "addtags" },
            function(data) {
                ButtonFunction(number, imageId,searchUrl,memberId);
            }
            , "text");
    return false;
}
function addSearchLink(tagsname, searchUrl, number, controlName, IsDel, imageId,cookies,isShowAll,memberId) {
    var taglist = tagsname.split(",");
    var linkStr = "";
    if (IsDel) {
        for (var i = 0; i < taglist.length; i++) {
            var tagIdAndtagName = taglist[i].split(" ");
            if (i == 0) {
                linkStr += "<div style='float:left'><a class='tagname' href='" + searchUrl + "?tagname=" + tagIdAndtagName[1].replace(/&nbsp;/g,"%20") + "'>" + tagIdAndtagName[1] + "</a><a href='#' class='del' onclick='return del(" + number + "," + imageId + "," + tagIdAndtagName[0] + ",\""+searchUrl+"\","+memberId+")' onFocus='this.blur()'><img alt='' src='../images/Deletion_icon.jpg' border='0' width='14px' height='14px' /></div></a>";
            }
            else {
                linkStr += "<div style='float:left'>&nbsp;<a class='tagname' href='" + searchUrl + "?tagname=" + tagIdAndtagName[1].replace(/&nbsp;/g,"%20") + "'>" + tagIdAndtagName[1] + "</a><a href='#' class='del' onclick='return del(" + number + "," + imageId + "," + tagIdAndtagName[0] + ",\""+searchUrl+"\","+memberId+")' onFocus='this.blur()'><img alt='' src='../images/Deletion_icon.jpg' border='0' width='14px' height='14px' /></div></a>";
            }
        }
    }
    else {
        if(cookies == "" && !isShowAll)
        {
            listLength = taglist.length;
            if(listLength > 20)
                listLength = 20;
            for (var i = 0; i < listLength; i++) {
                if (i == 0) {
                    linkStr += "<a class='tagname' href='" + searchUrl + "?tagname=" + taglist[i].replace(/&nbsp;/g,"%20") + "'>" + taglist[i] + "</a>";
                }
                else {
                    linkStr += " <a class='tagname' href='" + searchUrl + "?tagname=" + taglist[i].replace(/&nbsp;/g,"%20") + "'>" + taglist[i] + "</a>";
                }
            }
        }
        else
        {
            for (var i = 0; i < taglist.length; i++) {
                if (i == 0) {
                    linkStr += "<a class='tagname' href='" + searchUrl + "?tagname=" + taglist[i].replace(/&nbsp;/g,"%20") + "'>" + taglist[i] + "</a>";
                }
                else {
                    linkStr += " <a class='tagname' href='" + searchUrl + "?tagname=" + taglist[i].replace(/&nbsp;/g,"%20") + "'>" + taglist[i] + "</a>";
                }
            }
        }
        if(linkStr == "")
            linkStr = "No Tags Yet.";
    }
    document.getElementById(controlName + number).innerHTML = linkStr;
}

function closeTagsclick(number, imageId, tagsname,searchUrl,cookie,memberId) {
    document.getElementById("tagsDiv" + number).style.display = "block";
    document.getElementById("addDiv" + number).style.display = "none";
    document.getElementById("showTagsDiv" + number).style.display = "none";
    document.getElementById("lbtnCloseTags" + number).style.display = "none";
    document.getElementById("linkCloseTags" + number).style.display = "none";
    showLink(number, "block", "block");
    var ctltags = document.getElementById("ctltags" + number).innerHTML;
        $.post("../tags.ashx?selectTags=true&imageId=" + imageId, { Action: "post", Name: "addtags" },
            function(data) {
                if(data == "false"){
                    document.getElementById("ctltags" + number).innerHTML = emptyTags;
                }
                else
                {
                    document.getElementById("ctltags" + number).innerHTML = data;
                    addSearchLink(data,searchUrl,number,"ctltags",false,imageId,cookie,false,memberId);
                }           
            }
            , "text");
}

function closeAllTagsclick(number) {
    document.getElementById("ctl20tagsDiv" + number).style.display = "block";
    document.getElementById("ctltagsDiv" + number).style.display = "none";
    document.getElementById("lbtnTagsShowTags" + number).style.display = "block";
    document.getElementById("linkCloseTags" + number).style.display = "none";
    return false;
}

function submitYourTags(btnId,number, e){    
    if(e.keyCode != 13){
        return true;
    }
    var fireOnThis = document.getElementById(btnId + number);
    if (document.createEvent)
    {
        var evObj = document.createEvent('MouseEvents');
        evObj.initEvent( 'click', true, false );
        fireOnThis.dispatchEvent(evObj);
        return false;
    }
    else if (document.createEventObject)
    {
        fireOnThis.fireEvent('onclick');
        return false;
    }        
}
