var aspxfilename="TemplateDetail.aspx";
var SmallLoadingURL="imgs/smallloading.gif";
    function __moreTags() {
        __setDisplay("spMoreTags","inline");
        __setDisplay("lnkMoreTags","none");
    }
    function __lessTags() {
        __setDisplay("spMoreTags","none");
        __setDisplay("lnkMoreTags","inline");
    }
    
    function Callback_PostSaying(response) { 
    
        __setWidth("imgLoading","0");
        __setHeight("imgLoading","0");
        __setVisible("imgLoading",false);
        __setVisible(hlkPostSaying_ID,true);
            
        if(response.error==null)
        {
            if(response.value)
                alert('Thanks for your suggestions.\nWe will review your suggestions and post them here if they meet our criteria.');
            else
                alert('We are sorry.  There is problem communicating with the server.\nPlease check your network connections and try again.');
        }
        else
        {
            alert('We are sorry.  There is problem communicating with the server.\nPlease check your network connections and try again.');
        }
        
    }
    
    function PostSaying() {
    
        if( typeof(TemplateInfo_Id) == "undefined")
            return ;
        
        var strSayingFrom=__$TextValue("txtSayingFrom");
        if(strSayingFrom==null) return;
        strSayingFrom=__trim(strSayingFrom);
        
        var strSayingContent=__$TextValue("txtSayingContent");
        if(strSayingContent==null) return;
        strSayingContent=__trim(strSayingContent);
        
        
        if(strSayingContent.length<=0)
        {
            alert("Please enter your creative sayings before click on the \"Post it\" button.");
            return;
        }
        
        if(strSayingContent.length>200)
        {
            alert("Max Saying Content 200 chars");
            return;
        }
        
        __setWidth("imgLoading","78");
        __setHeight("imgLoading","25");
        __setVisible("imgLoading",true);
        __setVisible(hlkPostSaying_ID,false);
        
        __AjaxTimeOutDefault();
        AjaxTemplate.AddSaying(TemplateInfo_Id,strSayingFrom,strSayingContent,Callback_PostSaying);
    }
    
    
    function __CreateDesign()
    {
        __AjaxTimeOut(120);
        AjaxTemplate.CreateDesign(TemplateInfo_Id,__Callback_CreateDesign)
    }
    
    function __Callback_CreateDesign(response)
    {
        //alert("__Callback_CreateDesign called");
        if(response.error==null)
        {
            DesignInfo_Id=response.value;
            if(DesignInfo_Id==-1)
            {
                __$(ImageDesign_ID).src="ITI.ashx?G="+TemplateId;
                __CurrentStatus=0;
                __LoadingDialog.hide();
                alert('We are sorry.  There is problem communicating with the server.\nPlease check your network connections and try again.');
            }
            else
                __DoUpdate();
        }
        else
        {
            __$(ImageDesign_ID).src="ITI.ashx?G="+TemplateId;
            __CurrentStatus=0;
            __LoadingDialog.hide();
            alert('We are sorry.  There is problem communicating with the server.\nPlease check your network connections and try again.');
        }
    }
    
    var __CurrentUpdateGUID='';
    var __CurrentUpdateText='';
    var __CurrentStatus=0;
    
    function __SaveText(guid)
    {
        if(__CurrentStatus==1) return;
        
        __LoadingDialog.show("Creating your personalized art. Please wait...");
        __CurrentStatus=1;
        
        __CurrentUpdateGUID=guid;
        __CurrentUpdateText=__$TextValue("Text"+guid);
        
        __CurrentUpdateText=__CurrentUpdateText.replace('\r\n\r\n','\r\n \r\n'); //2.5
        __setTextValue("Text"+guid,__CurrentUpdateText); //2.5
            
        //alert('before create design');
        if(DesignInfo_Id==-1)
        {
            __CreateDesign();
            return;
        }
        
        __DoUpdate();
        
    }
    
    function __DoUpdate()
    {
        //alert("__DoUpdate() called");
        var tms=new Date();
        var url="DI.ashx?I="+DesignInfo_Id+"&tms="+tms.valueOf();
        url+=("&G="+__CurrentUpdateGUID);
        var text=__$TextValue("Text"+__CurrentUpdateGUID);
        url+=("&T="+escape(text));
        
        //alert(url);
        imgAAA=new Image();
        imgAAA.onload=Event_ImgDesign_Load;
        imgAAA.src=url;
    }
    
    function Event_ImgDesign_Load() { 
        //alert('Event_ImgDesign_Load called');
        var TextZone=__FindTextZone(__CurrentUpdateGUID);
        if(TextZone)
        {
            TextZone.CurrentText=__CurrentUpdateText;
        }
        __setTextValue("Text"+__CurrentUpdateGUID,__CurrentUpdateText);  
        if(__IsTextZoneClose(__CurrentUpdateGUID))
        {
            var titletext=__CurrentUpdateText;
            if(titletext.length>5)
                titletext=titletext.substring(0,5)+"...";
            __$("sp"+__CurrentUpdateGUID).innerHTML=titletext;
        }
        __CurrentStatus=0;
        
        __$(ImageDesign_ID).onload=function (){__LoadingDialog.hide();}
        if(typeof(this.src) == "undefined")
            __$(ImageDesign_ID).src=imgAAA.src;
        else
            __$(ImageDesign_ID).src=this.src;
        
          
        //alert('step3');
        //__LoadingDialog.hide();
    }

    function __IsTextZoneClose(guid)
    {
        return __$("dvTextBody"+guid).style.display=="none"; 
    }
    
    function __OpenTextZone(guid)
    {
        
        for(var i=0;i<TextZoneArray.length;i++)
        {
            if(TextZoneArray[i].GUID==guid)
            {
                var dvTextHeader=__$("dvTextHeader"+guid);
                if(dvTextHeader)
                {   
                    dvTextHeader.style.backgroundImage="url(imgs/text_table1_top.gif)";
                }
                __setVisible("aTextZone"+guid,false);
                __setDisplay("dvTextBody"+guid,"block");
                __setDisplay("dvTextBottom"+guid,"block");
                __$("sp"+guid).innerHTML=__GetLeftCount(guid)+" Characters left.";
                
            }
            else
            {
                __CloseTextZone(TextZoneArray[i].GUID);
            }
        }
        
    }
    function __CloseTextZone(guid)
    {
        var dvTextHeader=__$("dvTextHeader"+guid);
        if(dvTextHeader)
        {   
            dvTextHeader.style.backgroundImage="url(imgs/text_table_top.gif)";
            var TextZone=__FindTextZone(guid);
            if(TextZone)
            {
                
                var titletext=TextZone.CurrentText;
                __setTextValue("Text"+guid,TextZone.CurrentText);
                if(titletext.length > 5)
                    titletext=titletext.substring(0,5)+"..."
                __$("sp"+guid).innerHTML=titletext;
                
                
            }
        }
        __setVisible("aTextZone"+guid,true);
        __setDisplay("dvTextBody"+guid,"none");
        __setDisplay("dvTextBottom"+guid,"none");
        
        
    }
    
    function EventTextChange(guid)
    {
        var left=__GetLeftCount(guid);
        __$("sp"+guid).innerHTML=left+ " Characters left.";
    }
    
    function __GetLeftCount(guid)
    {
        var TextZone=__FindTextZone(guid);
        if(TextZone)
        {
            var MaxLength=TextZone.MaxLength;
            var left=MaxLength - __$TextValue("Text"+guid).length;
            if(left<0) left=0;
            return left;
        }
        
        return 0;
    }
    function __FindTextZone(guid)
    {
        for(var i=0;i<TextZoneArray.length;i++)
        {
            if(TextZoneArray[i].GUID==guid)
                return TextZoneArray[i];
        }
        
        return null;
    }
    


function __AddToCart(ProductInfo_Id)
{
    __LoadingDialog.show("Adding personalized art to cart.  Please wait…");
    var url="ArtAddToCart.aspx?ProductInfo_Id="+ProductInfo_Id;
    url+="&DesignInfo_Id="+DesignInfo_Id;
    url+="&TemplateInfo_Id="+TemplateInfo_Id;
    //alert(url);
    __toURL(url);
}

function __Callback_ShareURL(response)
{
    __LoadingDialog.hide();
    if(response.error==null)
    {
        var ShareInfo_ID=response.value;
        __openShareURL(ShareInfo_ID);
    }
    else
    {
        //alert("failed");
    }
}
function __Callback_ShareEmbed(response)
{
    __LoadingDialog.hide();
    if(response.error==null)
    {
        var ShareInfo_ID=response.value;
        __openShareEmbed(ShareInfo_ID);
        
    }
    else
    {
        //alert("failed");
    }
}

function getUrlArgs()
{
    var args=new Object();
    var query=location.search.substring(1);
    var pairs=query.split("&");
    if(pairs==null || pairs.length<=0)
        return args;
        
    for(var i=0;i<pairs.length;i++)
    {
        var pos=pairs[i].indexOf('=');
        if(pos==-1) continue;
        var argname=pairs[i].substring(0,pos).toLowerCase();
        var value=pairs[i].substring(pos+1);
        args[argname]=unescape(value);
    }
    
    return args;
}

function __Callback_ShareMySpace(response)
{
    //__LoadingDialog.hide();
    if(response.error==null)
    {
        var ShareInfo_ID=response.value;
        //alert(ShareInfo_ID);
        
        var UserName=document.getElementById("msUserName").value;
        var Password=document.getElementById("msPassword").value;
        var SectionCode=document.getElementById("msSectionCode").options[document.getElementById("msSectionCode").selectedIndex].value;
        var IsBulletin=document.getElementById("msIsBulletin").checked;
        var IsAddComment=document.getElementById("msIsAddComment").checked;
        var BulletinSubject=document.getElementById("msBulletinSubject").value;
        
        var imgURL=strWebDomain+"AShareImage/"+ShareInfo_ID+".jpg";
        var backURL=strWebDomain+"TemplateDetail.aspx?TemplateInfo_Id="+TemplateInfo_Id+"&DesignInfo_Id="+DesignInfo_Id;
        if(strVH="H")
        {
            backURL=strWebDomain+"TemplateDetail_H.aspx?TemplateInfo_Id="+TemplateInfo_Id+"&DesignInfo_Id="+DesignInfo_Id;
        }
        
        
        //debug
        //imgURL="http://www.artmyway.com/AShareImage/539.jpg";
        //backURL="http://www.artmyway.com/TemplateDetail.aspx?TemplateInfo_Id=90";
        
        //
        var ProfileBody="<a href=\""+backURL+"\" target=\"_blank\"><img src=\""+imgURL+"\" border=\"0\" /></a>";
        var BulletinBody="<img src=\""+imgURL+"\" border=\"0\" />";
        var CommentBody="<a href=\""+backURL+"\" target=\"_blank\">"+"Check out my cool art"+"</a>"

        AjaxTemplate.SendToMySpace (
            UserName,
            Password,
            SectionCode,
            IsBulletin,
            BulletinSubject,
            IsAddComment,
            ProfileBody,
            BulletinBody,
            CommentBody,
            __Callback_SendToMySpace
        );
        
        
    }
    else
    {
        //alert("failed");
    }
}
function __Callback_SendToMySpace(response)
{
    __LoadingDialog.hide();
    if(response.error==null)
    {
        var res=response.value;
        
        
        //alert(res);
    }
    else
    {
        alert('Failed');
    }
    
}
function __GetShareInfo_ID(UrlOrEmbed)
{
    
    __AjaxTimeOut(120);
    if(UrlOrEmbed==1)
    {
        __LoadingDialog.show("Create url information.  Please wait…");
        AjaxTemplate.GetShareInfo_ID(DesignInfo_Id,TemplateInfo_Id,__Callback_ShareURL);
    }
    else if(UrlOrEmbed==2)
    {
        __LoadingDialog.show("Create embed information.  Please wait…");
        AjaxTemplate.GetShareInfo_ID(DesignInfo_Id,TemplateInfo_Id,__Callback_ShareEmbed);
    }
    else if(UrlOrEmbed==3)
    {
        __LoadingDialog.show("Send to MySpace.  Please wait…");
        AjaxTemplate.GetShareInfo_ID(DesignInfo_Id,TemplateInfo_Id,__Callback_ShareMySpace);
    }
    
}

function __openShareURL(ShareInfo_ID)
{
    __Screen.show();
    
    var strHTML="<table width=100% height=100% bgcolor=#f1f1e1 cellpadding=0 cellspacing=0 style='border:solid 2px white;'>";
    strHTML+="<tr><td height=10></td></tr>";
    strHTML+="<tr><td height=30 style='font-weight:bold;background-color:white;border-top:solid 1px gray;border-bottom:solid 1px gray;'>&nbsp;&nbsp;<img src=imgs/t_d.jpg border=0 />&nbsp;Web address of my personalized art</td></tr>";
    strHTML+="<tr><td height=20>&nbsp;</td></tr>";
    strHTML+="<tr><td height=60 align=center valign=top>";
        strHTML+="<table>";
            strHTML+="<tr><td>URL&nbsp;</td><td><input id='txtCopyURL' type=text value='"+strWebDomain+"ShareDesignBack.aspx?ShareInfo_Id="+ShareInfo_ID+"' onfocus='this.select();' readonly=true style='border:solid 1px silver;width:420px;' /></td></tr>";
            //strHTML+="<tr><td height=5></td></tr>";
            //strHTML+="<tr><td>Embed</td><td><input id='txtCopyEmbed' type=text value='"+strWebDomain+"ESI.ashx?ShareInfo_Id="+ShareInfo_ID+"' onfocus='this.select();' readonly=true style='border:solid 1px gray;width:235px;' /></td><td><input type=button value='Copy to clipboard' onclick=\"__copyToClipboard(__$('txtCopyEmbed').value);\" style='width:120px;' /></td></tr>";
        strHTML+="</table>";
    strHTML+="</td></tr>";
    strHTML+="<tr><td height=30 align=center><a href='javascript:void 0;' onclick=\"__copyToClipboard(__$('txtCopyURL').value);\"><img src='imgs/BH_copy_it.jpg' border=0 /></a>&nbsp;<a href='ShareDesignBack.aspx?ShareInfo_Id="+ShareInfo_ID+"' target=_blank><img src='imgs/BH_takemethere.jpg' border=0 /></a>&nbsp;<a href='javascript:void __closeShare();'><img src='imgs/BH_close.jpg' border=0 /></a></td></tr>";
    strHTML+="<tr><td height=20></td></tr>";
    strHTML+="</table>";
    
    var dvShare=document.createElement("DIV");
    dvShare.innerHTML=strHTML;
    document.body.appendChild(dvShare);
    dvShare.id="dvShare";
    __setLocation("dvShare",10001,0,0,500,180);
    __setVisible("dvShare",true);
    __setPosAtCenter("dvShare");
    __addEvent("scroll",function () {__setPosAtCenter("dvShare");});
    __addEvent("resize",function () {__setPosAtCenter("dvShare");});
}

function __openShareEmbed(ShareInfo_ID)
{
    __Screen.show();
    
    var strHTML="<table width=100% height=100% bgcolor=#f1f1e1 cellpadding=0 cellspacing=0 style='border:solid 2px white;'>";
    strHTML+="<tr><td height=10></td></tr>";
    strHTML+="<tr><td height=30 style='font-weight:bold;background-color:white;border-top:solid 1px gray;border-bottom:solid 1px gray;'>&nbsp;&nbsp;<img src=imgs/t_d.jpg border=0 />&nbsp;Embed my art</td></tr>";
    strHTML+="<tr><td style='padding:20px;font-size:11px;word-wrap:break-all;'>To embed your personalized art, you can simply click the copy button to copy the html code and then paste it in your blog or webpage.</td></tr>";
    strHTML+="<tr><td style='padding-left:20px;'><b>Insert Image URL</b></td></tr>";
    strHTML+="<tr><td style='padding-left:20px;' valign=top><table cellpadding=0 cellspacing=0><tr><td valign=top><input id='txtCopyEmbed' type=text value='"+strWebDomain+"AShareImage/"+ShareInfo_ID+".jpg' onfocus='this.select();' readonly=true style='border:solid 1px silver;width:400px;' /></td><td>&nbsp;<a href='javascript:void 0;' onclick=\"__copyToClipboard(__$('txtCopyEmbed').value);\"><img src='imgs/BH_copy_it.jpg' border=0 /></a></td></tr></table></td></tr>";
    strHTML+="<tr><td height=10></td></tr>";
    strHTML+="<tr><td style='padding-left:20px;'><b>Embed Html Code</b></td></tr>";
    strHTML+="<tr><td style='padding-left:20px;'><table cellpadding=0 cellspacing=0><tr><td valign=top><textarea id='txtCopyHTML' readonly=true onfocus='this.select();'  style='border:solid 1px silver;width:400px;height:120px;' >"+"<a href=\""+strWebDomain+"ShareDesignBack.aspx?ShareInfo_ID="+ShareInfo_ID+"\" target=\"_blank\"><img src=\""+strWebDomain+"AShareImage/"+ShareInfo_ID+".jpg\" border=\"0\" /></a>"+"</textarea></td><td valign=top>&nbsp;<a href='javascript:void 0;' onclick=\"__copyToClipboard(__$('txtCopyHTML').value);\"><img src='imgs/BH_copy_it.jpg' border=0 /></a></td></tr></table></td></tr>";
    strHTML+="<tr><td height=10></td></tr>";
    strHTML+="<tr><td height=30 align=center><a href='javascript:void __closeShare();'><img src='imgs/close2.jpg' border=0 /></a></td></tr>";
    strHTML+="<tr><td height=10></td></tr>";
    strHTML+="</table>";

    var dvShare=document.createElement("DIV");
    dvShare.innerHTML=strHTML;
    document.body.appendChild(dvShare);
    dvShare.id="dvShare";
    __setLocation("dvShare",10001,0,0,550,350);
    __setVisible("dvShare",true);
    __setPosAtCenter("dvShare");
    __addEvent("scroll",function () {__setPosAtCenter("dvShare");});
    __addEvent("resize",function () {__setPosAtCenter("dvShare");});
}
function __closeShare()
{
    __Screen.hide();
    var dvShare=__$("dvShare");
    if(dvShare)
    {
        document.body.removeChild(dvShare);
        delete dvShare;
        dvShare=null;
    }
}


function showMyspace()
{
    var oPanel=document.getElementById("ShareContent");
    if(oPanel==null)
        return;
    
    if(oPanel.style.display=="none")
    {
        oPanel.style.display="block";
        
        var iFrameMySpace=document.getElementById("ifrmMySpace");
        if(iFrameMySpace==null)
            return;
        var s=new Date();
        iFrameMySpace.src="MySpaceShare.aspx?DesignInfo_Id="+DesignInfo_Id+"&TemplateInfo_Id="+TemplateInfo_Id+"&S="+s.valueOf();
    }
    else
        oPanel.style.display="none";
        
    
    
}

function postToFackbook()
{
        var backURL=window.location.href;
        var str=backURL.toLowerCase();
        if(str.indexOf("designinfo_id")<0)
        {
            backURL+="&DesignInfo_Id="+DesignInfo_Id;
        }
        else
        {
            var p1=str.indexOf("designinfo_id");
            str=str.substring(0,p1);
            
            if(str.substring(str.length-1)=="&")
                backURL=str+"DesignInfo_Id="+DesignInfo_Id;
            else
                backURL=str+"&DesignInfo_Id="+DesignInfo_Id;
        }
        
        
        
        //alert(backURL);
        //debug
        //backURL=backURL.replace("localhost/artsite","www.artmyway.com");
        
        window.open("http://www.facebook.com/share.php?u="+escape(backURL),"","width=780,height=550");
}