﻿// JScript 文件

$(document).ready(function(){
    var bookMarkDialog = $('<form id="form2">\
    <iframe class="iframec" style="display:none">&nbsp;</iframe>\
        <div class="sharepopup" id="bookmarkpopup" style="display:none">\
         <div class="sharepopup0">\
          <div class="sharepopup1">\
            <div class="sharepopup2">\
	          <div class="sharepopupc">\
	            <div class="sharepopuphead">\
		          <ul class="menu" id="sharepopupmenul">\
		           <li class="bookmark act" id="sharepoptab0" onclick="sharepopup(1,0)"><a class="actxt"><span>bookmark</span></a></li>\
		           <li class="linkus" id="sharepoptab1" onclick="sharepopup(1,1)"><a><span>link to us</span></a></li>\
		           <li class="email" id="sharepoptab2" onclick="sharepopup(1,2)"><a><span>e-mail</span></a></li>\
		          </ul>\
		          <a class="close" onclick="$(\'.iframec\').hide(0);$(\'#bookmarkpopup\').hide(0);"><img src="/images/ico_popoutclose.png" alt="X" /></a>\
		          <div class="clearBoth"></div>\
		        </div>\
	            <div class="sharepopupdata">\
		           <div id="sharepopsec0" class="popsharesec popboomkarksec">\
		             <ul class="popsharesecul" id="bookmarkUL">\
			           <li><a target="_blank" name="fb_share" type="icon" share_url="http://gaucho.com"  onmouseover="shwtooltip(this,\'Facebook\')" onmouseout="remtooltip()" rel="nofollow"><img src="/images/ico_sharefb.png" alt="Facebook" /></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>\
			            </li>\
			           <li><a onmouseover="shwtooltip(this,\'Twitter\')" onmouseout="remtooltip()" rel="nofollow"  href="javascript:void(0);"><img src="/images/ico_sharetw.png" alt="Twitter" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Delicious\')" onmouseout="remtooltip()" rel="nofollow"  href="javascript:void(0);"><img src="/images/ico_sharedl.png" alt="Delicious" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Digg it\')" onmouseout="remtooltip()" rel="nofollow"  href="javascript:void(0);"><img src="/images/ico_sharedg.png" alt="Digg It" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Stumble Upon\')" onmouseout="remtooltip()" rel="nofollow"  href="javascript:void(0);"><img src="/images/ico_sharesu.png" alt="Stumble Upon" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Linked In\')" onmouseout="remtooltip()"  rel="nofollow"  href="javascript:void(0);"><img src="/images/ico_shareln.png" alt="Linked In" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Tumblr\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharet.png" alt="Tumblr" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'MySpace\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharems.png" alt="MySpace" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Posterous\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharep.png" alt="Posterous" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Yahoo\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_shareyh.png" alt="Yahoo" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Google\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharegg.png" alt="Google" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Windows Live\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharewn.png" alt="Windows Live" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Blogger\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharebg.png" alt="Blogger" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Technorati\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharetr.png" alt="Technorati" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Mixx it\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharem.png" alt="Mixx" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Friendster\')" onmouseout="remtooltip()" href="javascript:void(0);"><img src="/images/ico_sharesm.png" alt="Friendster" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Newsvine\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharete.png" alt="Newsvine" /></a></li>\
			           <li><a href="#" onmouseover="shwtooltip(this,\'Flickr\')" onmouseout="remtooltip()"><img src="/images/ico_sharetc.png" alt="Flickr" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Reddit\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharerd.png" alt="Reddit" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Live Journal\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharepn.png" alt="Live Journal" /></a></li>\
			           <li><a onmouseover="shwtooltip(this,\'Furl\')" onmouseout="remtooltip()" rel="nofollow" href="javascript:void(0);"><img src="/images/ico_sharef.png" alt="Share" /></a></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
		           </div>\
		           <div id="sharepopsec1" class="poplinkussec popboomkarksec">\
		             <ul class="link2usul">\
			           <li class="label"><label>Link to Page</label></li>\
			           <li class="txtbox txtboxnorm"><input type="text" value="<script language=\'javascript\'>function loadTheImage(){var img=new Image();}</script>" onmouseover="select()" /></li>\
			           <li class="ie6clearFix"></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
			         <ul class="link2usul">\
			           <li class="label"><label>Link as Thumbnail</label></li>\
			           <li class="txtbox txtboxnorm"><input type="text" value="<script language=\'javascript\'>function loadTheImage(){var img=new Image();}</script>" onmouseover="select()" /></li>\
			           <li class="ie6clearFix"></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
			         <ul class="link2usul">\
			           <li class="label"><label>Link as Text</label></li>\
			           <li class="txtbox txtboxnorm"><input type="text" value="<script language=\'javascript\'>function loadTheImage(){var img=new Image();}</script>" onmouseover="select()" /></li>\
			           <li class="ie6clearFix"></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
			         <ul class="link2usul">\
			           <li class="label"><label>Link in a Forum</label></li>\
			           <li class="txtbox txtboxnorm"><input type="text" value="<script language=\'javascript\'>function loadTheImage(){var img=new Image();}</script>" onmouseover="select()" /></li>\
			           <li class="ie6clearFix"></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
		           </div>\
		           <div id="sharepopsec2" class="popemailsec popboomkarksec">\
		           	  <div class="formerrorbox" id="ulErrorMsg" style="display:none;">\
			            <h3>You\'ve made some errors!</h3>\
			            <ul>\
			            </ul>\
		              </div>\
		             <ul class="link2usul link2usulfrm">\
			           <li class="label"><label>From</label></li>\
			           <li class="txtbox txtboxnorm"><input id="txtSenderName" name="txtSenderName" type="text" /></li>\
			           <li class="ie6clearFix"></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
			         <ul class="link2usul link2usulto">\
			           <li class="label"><label>To</label></li>\
			           <li class="txtbox txtboxnorm"><input type="text" id="txtEmailTo" name="txtEmailTo" value="Enter email, use comma for multiple emails" /></li>\
			           <li class="ie6clearFix"></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
			         <ul class="link2usul link2usulmsg">\
			           <li class="label"><label>Message</label></li>\
			           <li class="txtbox txtboxnorm"><textarea rows="5" cols="10" id="txtEmailMessage" name="txtEmailMessage" >enter your own message here</textarea></li>\
			           <li class="ie6clearFix"></li>\
			         </ul>\
			         <div class="ie6clearFix"></div>\
			         <div class="link2usbtn"><input type="image" src="/images/button_send.png" alt="Submit" /></div>\
			         <div class="ie6clearFix"></div>\
		           </div></div></div></div></div></div></div></form>');
		           
	bookMarkDialog.appendTo($('body'));
		          
	$("#txtSenderName").val(LoginUser);          
    $(".addbookmark").click(function(){
        SetBookmark(window.title, window.location.href);
        sharepopup(0,0);
    });
    
    $(".link2usbtn input").click(function(){
        if($("form:eq(1)").valid()){
              $(".link2usbtn input").attr('disabled',true);
              var message = "";
              if($("#txtEmailMessage").val() != $("#txtEmailMessage").data('swapValue')){
                 message = $("#txtEmailMessage").val();
              }
              $.post("/handler/SendEmail.ashx",{Name:$("#txtSenderName").val(),Message:message, To:$("#txtEmailTo").val(), title: $("#bookmarkUL").data('title'), url : $("#bookmarkUL").data('url')},function(data){
                  $(".link2usbtn input").attr('disabled',false);
                  $('.iframec').hide(0);$('#bookmarkpopup').hide(0);
                   if(data == 'succ')
                   {
                       
                           if($("#successquepopup").length == 0){
                                $('<div class="successpopup popupbox" id="msgBox" style="display:none;">\
                                 <div class="popupbox0"><div class="popupbox1"><div class="popupbox2">\
                                 <div class="successpopupc">\
                                  <div class="head"><h2><img src="/images/txt_great.gif" alt="great" /></h2><a class="close"><img id="msgBoxbtclose" src="/images/ico_popoutclose.png" alt="" /></a></div>\
                                  <div class="wbox contbox">\
	                                <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
	                                <div class="wboxc"><div class="wboxcontent">\
	                                  <h3 class="head3">Your message was successfully sent.</h3>\
	                                 <div class="clearBoth">&nbsp;</div>\
	                                 </div></div>\
	                                <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
                                  </div>\
                                 </div>\
                                </div></div></div>\
                                </div>').appendTo($("body"));
                            }
                           rate = getCenterPosition([500,400]);    
                           $.blockUI({overlayCSS:{ backgroundColor:'#FFF',opacity:'0'},css:{backgroundColor:'#000',top:rate[0],left:rate[1],border:0,width:'500px',cursor:'default',textAlign:'left'},message:$("#msgBox")});
                           $("#msgBoxbtclose").click(function(){ $.unblockUI(); });
                           setTimeout(function(){ $.unblockUI();  },3000 );  
                    }
                    else
                    {
                        alert("Send message failed. Please try again.");
                    }
            });
       }
       return false;
    });
    
    jQuery.validator.addMethod("validwatermark", function(value, element, param) {
        if($(element).val() == "" || $(element).val() == $(element).data('swapValue') ){
            return false;
        }	    
	    return true;
    });
    jQuery.validator.addMethod("validMultipleEmail", function(value, element, param) {
        if($(element).val().length > 0){
            var emails = value.split(',');
            var iValid = 0;
            for(var iEmail=0; iEmail < emails.length; iEmail++){
                var email = $.trim(emails[iEmail]);
                if( /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i.test(email)){
                    iValid++;
                }
            }
            if(iValid > 0){
                return true;
            }
        }	    
	    return false;
    });
    
    $.harborkWatermark($("#txtEmailTo"));
    $.harborkWatermark($("#txtEmailMessage"));
    $("form:eq(1)").validate({
		errorContainer : "#ulErrorMsg",
        errorLabelContainer : "#ulErrorMsg ul",
	    errorElement: "li",
	    errorElementClass : "abc",
	    errorClass : "abc",
	    errorPClass: "txtboxerror",
		rules: {
	        txtSenderName : {
					required : true
				},
		    txtEmailTo : {
		            required: true,
		            validwatermark : true,
		            validMultipleEmail : true
		    },
		    txtEmailMessage : {
		            required : true
		    }
		},
		messages: {
		    txtSenderName : {
		        required : 'Please input your full name.'
		    },
		    txtEmailTo : {
		        required : 'Please input your friend\'s email. Use commas for multiple emails',
				validwatermark : 'Please input your friend\'s email. Use commas for multiple emails',
				validMultipleEmail : 'Please input at least one valid emails. Use commas to separate'
			},
			txtEmailMessage : {
			    required : 'Please input your message.'
			}
		}
	});
});

function setLinkToUs(productId, productType){
    $("#sharepoptab1").show();
}
function SetBookmark(title, url){
    $("#sharepoptab1").hide();
    //Update each li
    //Twitter
    $("#bookmarkUL").data('url',url);
    $("#bookmarkUL").data('title',title);
    $("#bookmarkUL>li:eq(0)>a").attr('href', "http://www.facebook.com/sharer.php?u=" + encodeURIComponent(url) + "&t=" + encodeURIComponent(title));
    $("#bookmarkUL>li:eq(1)>a").unbind('click').click(function(){
        window.open('http://twitter.com/home?status='+encodeURIComponent(title)+'%20-%20'+encodeURIComponent(url),'Twitter','width=800,height=500');
        return false;
    });
    $("#bookmarkUL>li:eq(2)>a").unbind('click').click(function(){
        window.open('http://del.icio.us/post?v=2&url='+encodeURIComponent(url)+'&notes=&tags=&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(3)>a").unbind('click').click(function(){
        window.open('http://digg.com/submit?phase=2&url='+encodeURIComponent(url)+'&bodytext=&tags=&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(4)>a").unbind('click').click(function(){
        window.open('http://www.stumbleupon.com/submit?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(5)>a").unbind('click').click(function(){
        window.open('http://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(6)>a").unbind('click').click(function(){
        window.open('http://www.tumblr.com/share?v='+encodeURIComponent(url)+'&t='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(7)>a").unbind('click').click(function(){
        window.open('http://www.myspace.com/Modules/PostTo/Pages/?u='+encodeURIComponent(url)+'&t='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(8)>a").unbind('click').click(function(){
        window.open('http://posterous.com/share?linkto='+encodeURIComponent(url)+'&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(9)>a").unbind('click').click(function(){
        window.open('http://myweb.yahoo.com/myresults/bookmarklet?&u='+encodeURIComponent(url)+'&t='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(10)>a").unbind('click').click(function(){
        window.open('http://www.google.com/bookmarks/mark?op=add&hl=de&bkmk='+encodeURIComponent(url)+'&annotation=&labels=&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(11)>a").unbind('click').click(function(){
        window.open('https://favorites.live.com/quickadd.aspx?marklet=1&url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(12)>a").unbind('click').click(function(){
        window.open('http://www.blogger.com/blog_this.pyra?t=&u'+encodeURIComponent(url)+'&n='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(13)>a").unbind('click').click(function(){
        window.open('http://technorati.com/faves?add='+encodeURIComponent(url)+'&tag='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(14)>a").unbind('click').click(function(){
        window.open('http://www.mixx.com/submit?page_url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(15)>a").unbind('click').click(function(){
        window.open('http://www.friendster.com/bookmarks.php?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(16)>a").unbind('click').click(function(){
        window.open('http://www.newsvine.com/_wine/save?popoff=1&u='+encodeURIComponent(url)+'&tags=&blurb='+encodeURIComponent(title));
        return false;
    });
    //Jump 17
    $("#bookmarkUL>li:eq(18)>a").unbind('click').click(function(){
        window.open('http://reddit.com/submit?url='+encodeURIComponent(url)+'&title='+encodeURIComponent(title));
        return false;
    });
    $("#bookmarkUL>li:eq(19)>a").unbind('click').click(function(){
        window.open('http://www.livejournal.com/update.bml?mode=full&event='+encodeURIComponent(url) + '&subject=' +encodeURIComponent(title) );
        return false;
        
    });
    $("#bookmarkUL>li:eq(20)>a").unbind('click').click(function(){
        window.open('http://www.furl.net/storeIt.jsp?u='+encodeURIComponent(url)+'&keywords=&t='+encodeURIComponent(title));
        return false;
        
    }); 
}
