﻿var map = null;
function mapStamp(type,location,title,icon){
    var i = 0;
    var j = 0;
    var pinid = 0;
     var pt = new VELatLong(location.latitude,location.longitude);
     var shape = new VEShape(VEShapeType.Pushpin,pt);
     shape.SetCustomIcon(icon);
    shape.SetDescription(title);
     map.AddShape(shape);
     pinid++;
    //map.PanToLatLong(new VELatLong(location.latitude,location.longitude));
    map.SetCenterAndZoom(new VELatLong(location.latitude,location.longitude),19)
    
}

function GetThumbnailImg(img_url){
    return img_url.substr(0, img_url.length - 4) + "_thumb.jpg";
}
function GetStampObjDisplay(stampObj){

    var stampDiv = null;
    if(stampObj.stamp_type == "stamp_salefind" ){
        //new
        stampDiv = $('<div class="memnstamp">\
				   <ul class="memnstampul">\
					 <li class="stampboxli">\
					   <div class="gbox stampbox stampsale">\
					     <div class="stamphead stmpicon"><div class="stampheadint"><h2><a class="ico" href="#">Big Mixer Sale at Amazon.com</a></h2></div></div>\
						  <div class="wbox stampcont">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
							 <div class="stampcontent twocolumnstamp">\
							  <div class="stampdivdetails">\
							   <div class="stampdivdescn">\
								  <ul class="stampdescul">\
								    <li class="stampdescli0">at <a  target="_blank" href="#" class="storeurl">Walmart</a></li>\
									<li class="stampdesclin"><span class="list"><strong>List Price:</strong> <em class="strikethrough">$8.00</em></span> | <span class="sale"><strong>Sale Price:</strong> <em>$8.00</em></span> | <span class="save"><strong>Savings:</strong> <em>37.94% Off</em></span> | <span class="end"><strong>Ends:</strong> <em>May 31st, 2009</em></span></li>\
									<li class="stampdescli2"><p>Get in on the action of "Burn Notice" from the beginning with savings on the first two seasons.</p></li>\
									<li class="stampdescli3"><strong>Tags:</strong> <a href="#">#kitchen</a>  <a href="#">#utensils</a>  <a href="#">#mixers</a></li>\
								  </ul>\
							   </div>\
							   <div class="stampcolclr">&nbsp;</div>\
							  </div>\
							  <div class="stamplinks">\
					            <div class="ie6clearFix">&nbsp;</div>\
				              </div>\
							 </div>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						  </div>\
					   </div>\
					 </li>\
				   </ul>\
				   <div class="clearstamp">&nbsp;</div>\
				 </div>');
              //store desc
              stampDiv.find('.stampdescli2>p').html(RenderUrl(stampObj.store_desc));
              //store name              
              stampDiv.find('.stampdescli0 a').html(stampObj.store_name);
              stampDiv.find('.stampdescli0 a').attr('href', stampObj.store_url);
              if(stampObj.is_featured){
                stampDiv.find('.stampdescli0 a').addClass('featured');
              }
              if(stampObj.currency == "%"){
                    stampDiv.find('.stampdesclin').html('<span class="save"><strong>Savings:</strong> <em>' + stampObj.sale_price + '% Off</em></span> | <span class="end"><strong>Ends:</strong> <em>' + stampObj.sale_end + '</em></span>');
              }else{
                    if(stampObj.retail_price){
                      if(parseFloat(stampObj.retail_price) > parseFloat(stampObj.sale_price) && parseFloat(stampObj.retail_price) != 0){
                          var minusValue = ((parseFloat(stampObj.retail_price) - parseFloat(stampObj.sale_price))/stampObj.retail_price*100).toFixed(2);
                          stampDiv.find('.stampdesclin').html('<span class="list"><strong>List Price:</strong> <em class="strikethrough">' + stampObj.retail_currency + stampObj.retail_price + '</em></span> | <span class="sale"><strong>Sale Price:</strong> <em>' + stampObj.currency + stampObj.sale_price + '</em></span> | <span class="save"><strong>Savings:</strong> <em>' + minusValue + '% Off</em></span> | <span class="end"><strong>Ends:</strong> <em>' + stampObj.sale_end + '</em></span>');
                      }else{
                          stampDiv.find('.stampdesclin').html('<span class="list"><strong>List Price:</strong> <em class="strikethrough">' + stampObj.retail_currency + stampObj.retail_price + '</em></span> | <span class="end"><strong>Ends:</strong> <em>' + stampObj.sale_end + '</em></span>');
                      }
                    }else{
                      stampDiv.find('.stampdesclin').html( '<span class="sale"><strong>Sale Price:</strong> <em>' + stampObj.currency + stampObj.sale_price + '</em></span>');
                    }                    
              }
    }else if(stampObj.stamp_type == "stamp_grocery"){
        //new
        stampDiv = $('<div class="memnstamp">\
				   <ul class="memnstampul">\
					 <li class="stampboxli">\
					   <div class="gbox stampbox stampgrocery">\
					     <div class="stamphead stmpicon"><div class="stampheadint"><h2><a class="ico" href="#">Grocery Deal at Walmart</a></h2></div></div>\
						  <div class="wbox stampcont">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
							 <div class="stampcontent twocolumnstamp">\
							  <div class="stampdivdetails">\
							   <div class="stampdivdescn">\
								  <ul class="stampdescul">\
								    <li class="stampdescli0">at <a  target="_blank" href="#" class="storeurl">Walmart</a></li>\
                                    <li class="stampdesclin"><span class="sale"><strong>Sale Price:</strong> <em>$8.00</em></span> | <span class="save"><strong>Savings:</strong> <em>25% Off</em></span> | <span class="end"><strong>Ends:</strong> <em>May 31st, 2009</em></span></li>\
									<li class="stampdescli2">Get in on the action of "Burn Notice" from the beginning with savings on the first two seasons. </li>\
									<li class="stampdescli3"><a href="#">#grocery</a>  <a href="#">#utensils</a></li>\
								  </ul>\
							   </div>\
							   <div class="stampcolclr">&nbsp;</div>\
							  </div>\
							  <div class="stamplinks">\
					            <div class="ie6clearFix">&nbsp;</div>\
				              </div>\
							 </div>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						  </div>\
					   </div>\
					 </li>\
				   </ul>\
				   <div class="clearstamp">&nbsp;</div>\
				 </div>');
              //store desc
              stampDiv.find('.stampdescli2>p').html(RenderUrl(stampObj.store_desc));
              //store name              
              stampDiv.find('.stampdescli0 a').html(stampObj.store_name);
              stampDiv.find('.stampdescli0 a').attr('href', stampObj.store_url);
              if(stampObj.is_featured){
                stampDiv.find('.stampdescli0 a').addClass('featured');
              }
               if(stampObj.currency == "%"){
                    stampDiv.find('.stampdesclin').html('<span class="save"><strong>Savings:</strong> <em>' + stampObj.sale_price + '% Off</em></span> | <span class="end"><strong>Ends:</strong> <em>' + stampObj.sale_end + '</em></span>');
              }else{
                    if(stampObj.retail_price){
                      if(parseFloat(stampObj.retail_price) > parseFloat(stampObj.sale_price) && parseFloat(stampObj.retail_price) != 0){
                          var minusValue = ((parseFloat(stampObj.retail_price) - parseFloat(stampObj.sale_price))/stampObj.retail_price*100).toFixed(2);
                          stampDiv.find('.stampdesclin').html('<span class="list"><strong>List Price:</strong> <em class="strikethrough">' + stampObj.retail_currency + stampObj.retail_price + '</em></span> | <span class="sale"><strong>Sale Price:</strong> <em>' + stampObj.currency + stampObj.sale_price + '</em></span> | <span class="save"><strong>Savings:</strong> <em>' + minusValue + '% Off</em></span> | <span class="end"><strong>Ends:</strong> <em>' + stampObj.sale_end + '</em></span>');
                      }else{
                          stampDiv.find('.stampdesclin').html('<span class="list"><strong>List Price:</strong> <em class="strikethrough">' + stampObj.retail_currency + stampObj.retail_price + '</em></span> | <span class="end"><strong>Ends:</strong> <em>' + stampObj.sale_end + '</em></span>');
                      }
                    }else{
                      stampDiv.find('.stampdesclin').html( '<span class="sale"><strong>Sale Price:</strong> <em>' + stampObj.currency + stampObj.sale_price + '</em></span>');
                    }                    
              }
    }else if(stampObj.stamp_type == "stamp_coupon"){
        //new
        stampDiv = $('<div class="memnstamp">\
				   <ul class="memnstampul">\
					 <li class="stampboxli">\
					   <div class="gbox stampbox stampcoupon">\
					     <div class="stamphead stmpicon"><div class="stampheadint"><h2><a class="ico" href="#"></a></h2></div></div>\
						  <div class="wbox stampcont">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
							 <div class="stampcontent twocolumnstamp">\
							  <div class="stampdivdetails">\
							   <div class="stampdivdescn">\
								 <div class="stampcouponcode couponcodebox"><input type="text" readonly onmouseover="shwtooltip(this,\'Copy the Coupon Code!\'); this.select();" onmouseout="remtooltip()" value="DKY708UDC"/></div>\
								  <ul class="stampdescul">\
								    <li class="stampdescli0">at <a  target="_blank" class="storeurl">Bath and Body Store at Toronto, Canada </a></li>\
									<li class="stampdesclin"><span class="end"><strong>Ends:</strong> <em>May 31st, 2009</em></span></li>\
								    <li class="stampdescli0c">Pretty Purple Tote - $5.00 You have to go to Americangirl.com/tote and then enter the promo code to get the tote. Pretty Purple Tote - $5.00 You have to go to Americangirl.com/tote and then enter the promo code to get the tote.</li>\
									<li class="stampdescli3"><strong>Tags:</strong> <span></span></li>\
								  </ul>\
							   </div>\
							   <div class="stampcolclr">&nbsp;</div>\
							  </div>\
							  <div class="stamplinks">\
					            <div class="ie6clearFix">&nbsp;</div>\
				              </div>\
							 </div>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						  </div>\
					   </div>\
					 </li>\
				   </ul>\
				   <div class="clearstamp">&nbsp;</div>\
				 </div>');
                      
            stampDiv.find('.stampdescli0c').html(RenderUrl(stampObj.desc));
            stampDiv.find('.stampdescli0 a').html(stampObj.store_name).attr('href',stampObj.store_url); 
            if(stampObj.is_featured){
               stampDiv.find('.stampdescli0 a').addClass('featured');
            }
            var searchtag_url = "";
            for(var keyC in stampObj.searchtag_url){
                searchtag_url += ",&nbsp;<a href=\"" + stampObj.searchtag_url[keyC] + "\">" + keyC + "</a>";
            }
            stampDiv.find('.stampdescli3').find("span:eq(0)").html(searchtag_url.substring(1));
            if(stampObj.type == "CouponCode"){
                stampDiv.find('.couponcodebox>input').val(stampObj.code);
                
                stampDiv.find('.couponcodebox>input').data('url',stampObj.store_url).click(function(){
                    window.open ($(this).data('url'),"Visit Coupon Site");
                });
            }else{
                stampDiv.find('.couponcodebox').html('<a onmouseover="shwtooltip(this,\'Visit coupon offering site!\');" onmouseout ="remtooltip()" >Print Coupon</a>');
                stampDiv.find('.couponcodebox').data('url',stampObj.code).click(function(){
                    //window.location.href = stampObj.code;
                    window.open ($(this).data('url'),"Print Coupon");
                });
            }
            stampDiv.find('.stampdesclin em').html(stampObj.date_end);
            

      }else if(stampObj.stamp_type == "stamp_personalsale"){
         stampDiv = $('<div class="memnstamp">\
				   <ul class="memnstampul">\
					 <li class="stampboxli">\
					   <div class="gbox stampbox stamppsale">\
					     <div class="stamphead stmpicon"><div class="stampheadint"><h2><a class="ico" href="#">Personal Sale by Shelly Joe</a></h2></div></div>\
						  <div class="wbox stampcont">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
							 <div class="stampcontent twocolumnstamp">\
							  <div class="stampdivdetails">\
							   <div class="stampdivdescn">\
								  <ul class="stampdescul">\
								    <li class="stampdescli0">at <a href="#" target="_blank" class="storeurl">Bookstore.com</a></li>\
									<li class="stampdesclin"><span class="max"><strong>Max Price:</strong> <em>$8.00</em></span> | <span class="min"><strong>Min Price:</strong> <em>$8.00</em></span> | <span class="end"><strong>Ends:</strong> <em>May 31st, 2009</em></span></li>\
									<li class="stampdescli2">Get in on the action of "Burn Notice" from the beginning with savings on the first two seasons. </li>\
									<li class="stampdescli3"><a href="#">#books</a>  <a href="#">#electronics</a>  <a href="#">#computers</a></li>\
								  </ul>\
							   </div>\
							   <div class="stampcolclr">&nbsp;</div>\
							  </div>\
							  <div class="stamplinks">\
					            <div class="ie6clearFix">&nbsp;</div>\
				              </div>\
							 </div>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						  </div>\
					   </div>\
					 </li>\
				   </ul>\
				   <div class="clearstamp">&nbsp;</div>\
				 </div>');
               //store desc
               
              stampDiv.find('.stampdescli2').html(RenderUrl(stampObj.desc));
              //store name
              stampDiv.find('.stampdescli0>a').html(stampObj.product_name);
              stampDiv.find('.stampdescli0>a').attr('href', stampObj.url);
              if(stampObj.is_featured){
                stampDiv.find('.stampdescli0 a').addClass('featured');
              }
              stampDiv.find(".stampdesclin em:eq(0)").html(stampObj.high_currency + stampObj.price_start);		             
              
              stampDiv.find('.stampdesclin em:eq(1)').html(stampObj.low_currency + stampObj.price_end);
              stampDiv.find('.stampdesclin em:eq(2)').html(stampObj.date_end);		               
             
      }else if(stampObj.stamp_type == "stamp_freestuff"){
        stampDiv = $(' <div class="memnstamp">\
				   <ul class="memnstampul">\
					 <li class="stampboxli">\
					   <div class="gbox stampbox stampfreestuff">\
					     <div class="stamphead stmpicon"><div class="stampheadint"><h2><a class="ico" href="#">Free Tin Sardines at Walmart</a></h2></div></div>\
						  <div class="wbox stampcont">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
							 <div class="stampcontent twocolumnstamp">\
							  <div class="stampdivdetails">\
							   <div class="stampdivdescn">\
								  <ul class="stampdescul">\
								    <li class="stampdescli0">at <a href="#"  target="_blank" class="storeurl">Walmart</a></li>\
									<li class="stampdesclin"><span class="type"><strong>Type:</strong> <em>Products</em></span> | <span class="end"><strong>Ends:</strong> <em>May 31st, 2009</em></span></li>\
									<li class="stampdescli2">get in on the action of "Burn Notice" from the beginning with savings on the first two seasons.</li>\
									<li class="stampdescli3"><a href="#">#freetoy</a>  <a href="#">#toys</a>  <a href="#">#books</a></li>\
								  </ul>\
							   </div>\
							   <div class="stampcolclr">&nbsp;</div>\
							  </div>\
							  <div class="stamplinks">\
					            <div class="ie6clearFix">&nbsp;</div>\
				              </div>\
							 </div>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						  </div>\
					   </div>\
					 </li>\
				   </ul>\
				   <div class="clearstamp">&nbsp;</div>\
				 </div>');
              //store desc
               
              stampDiv.find('.stampdescli2').html(RenderUrl(stampObj.desc));
              //store name
              stampDiv.find('.stampdescli0 >a').html(stampObj.store_name).attr('href',stampObj.url);
              if(stampObj.is_featured){
                 stampDiv.find('.stampdescli0 a').addClass('featured');
              }
              stampDiv.find(".stampdesclin em:eq(0)").html(stampObj.type);
              stampDiv.find('.stampdesclin em:eq(1)').html(stampObj.date_end);		
              
    }else if(stampObj.stamp_type == "stamp_savingtip"){
        //new
        stampDiv = $('<div class="memnstamp">\
				   <ul class="memnstampul">\
					 <li class="stampboxli">\
					   <div class="gbox stampbox stampsavings">\
					     <div class="stamphead stmpicon"><div class="stampheadint"><h2><a class="ico" href="#">Savings Tip by drportney</a></h2></div></div>\
						  <div class="wbox stampcont">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
							 <div class="stampcontent twocolumnstamp">\
							  <div class="stampdivdetails">\
							   <div class="stampdivdescn">\
								  <ul class="stampdescul">\
								    <li class="stampdescli0">via <a href="#" target="_blank" class="storeurl">GauchoBlog</a></li>\
									<li class="stampdescli2">Get in on the action of "Burn Notice" from the beginning with savings on the first two seasons. </li>\
									<li class="stampdescli3"><a href="#">#freestuff</a>  <a href="#">#utensils</a>  <a href="#">#toys</a></li>\
								  </ul>\
							   </div>\
							   <div class="stampcolclr">&nbsp;</div>\
							  </div>\
							  <div class="stamplinks">\
					            <div class="ie6clearFix">&nbsp;</div>\
				              </div>\
							 </div>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						  </div>\
					   </div>\
					 </li>\
				   </ul>\
				   <div class="clearstamp">&nbsp;</div>\
				 </div>');
               if(stampObj.source_name == ""){
                  stampDiv.find('.stampdescli0:eq(0)').remove();
               }else{
                  stampDiv.find('.stampdescli0:eq(0) a').attr('href', stampObj.url).text(stampObj.source_name);
                  if(stampObj.is_featured){
                    stampDiv.find('.stampdescli0:eq(0) a').addClass('featured');
                  }
               }
               stampDiv.find('.stampdescli2:eq(0)').html(RenderUrl(stampObj.tips));              
              //store name			             
    }else if(stampObj.stamp_type == "stamp_fsdeal"){
        //new
        stampDiv = $('<div class="memnstamp">\
				   <ul class="memnstampul">\
					 <li class="stampboxli">\
					   <div class="gbox stampbox stampfshipping">\
					     <div class="stamphead stmpicon"><div class="stampheadint"><h2><a class="ico" href="#">Free Shipping from UPS</a></h2></div></div>\
						  <div class="wbox stampcont">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
							 <div class="stampcontent twocolumnstamp">\
							  <div class="stampdivdetails">\
							   <div class="stampdivdescn">\
								  <ul class="stampdescul">\
								    <li class="stampdescli0">at <a href="#" target="_blank" class="storeurl">Walmart</a></li>\
									<li class="stampdesclin"><span class="ship"><strong>Method:</strong> <em>Ground</em></span> | <span class="end"><strong>Ends:</strong> <em>May 31st, 2009</em></span></li>\
									<li class="stampdescli2">Get in on the action of "Burn Notice" from the beginning with savings on the first two seasons. </li>\
									<li class="stampdescli3"><a href="#">#freeship</a>  <a href="#">#shipping</a></li>\
								  </ul>\
							   </div>\
							   <div class="stampcolclr">&nbsp;</div>\
							  </div>\
							  <div class="stamplinks">\
					            <div class="ie6clearFix">&nbsp;</div>\
				              </div>\
							 </div>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						  </div>\
					   </div>\
					 </li>\
				   </ul>\
				   <div class="clearstamp">&nbsp;</div>\
				 </div>');
                stampDiv.find('.stampdescli2').html(stampObj.desc);
              
              stampDiv.find('.stampdescli0 >a').html(stampObj.store_name).attr('href',stampObj.url);
              if(stampObj.is_featured){
                stampDiv.find('.stampdescli0 a').addClass('featured');
              }
              stampDiv.find('.stampdesclin em:eq(0)').html(stampObj.shipping_type);
              stampDiv.find('.stampdesclin em:eq(1)').html(stampObj.date_end);		            
                
    }
    //Member Info
    var stampMemLi = $('<li class="meminfo">\
				 	<div class="meminfofav"><strong>0</strong></div>\
					<div class="mphoto"><a href=""><img src="/images/mem_1.jpg" alt="Member" width="40" height="40" /></a></div>\
					<div class="postedby">by <a href="#">Orlando M</a> <br />2hrs ago</div>\
				 </li>');
	//User Avatar
	stampMemLi.find('.meminfofav>strong').text(stampObj.clip_count);
	if(stampObj.is_cliped){
	    stampMemLi.find('.meminfofav').attr('class','meminfofavn');
	}else{
	    if(gLoggedIn){
	        stampMemLi.find('.meminfofav').data('abc',stampObj).click(function(event){
                var obj = $(this);
                $(this).unbind('click');
                var saveEvent = event;
                var object=obj.data('abc');
                $.post('/handler/AddObject.ashx',{Action:'stamp',otherId: object.username, objId:object.cacheid,objType:object.stamp_type, title: object.title, url: object.permalink },function(data){
                    eval('ret = ' + data );
                    if(ret.ret == 0){
			            obj.find('strong').text(ret.count);
			            var popDiv = $('<div></div>');
			            popDiv.attr('style',"width:230px; height:17px; background:transparent url(images/small_popup_1.gif) top left no-repeat; color:#b5481b; position:absolute; padding:8px 0px 8px 0px; font-size:11px; font-weight:bold; z-index:1201; text-align:center");
			            popDiv.html("This stamp has been saved to your <a href='/backend/" + LoginUser + "/stuff/'>stuff</a>.");
                        mousePos(saveEvent);
			            popDiv.css('top',posy-40+"px");
			            popDiv.css('left',posx-120+"px");
			            $('body').append(popDiv);				    
			            var removeIt=setTimeout(function(){ popDiv.remove() },1500);
                    }else{
                        alert(ret.msg);
                    }
                    obj.attr('class','meminfofavn');
                });
           });
       }
	}
    stampMemLi.find('.mphoto a').attr('href',stampObj.user_profile);
    stampMemLi.find('.mphoto img').attr('src',stampObj.user_avatar);
    stampMemLi.find('.postedby').html('stamped by <a href="' + stampObj.user_profile + '">' + stampObj.username + '</a>  <br />' + stampObj.added_date_display);
    
    stampDiv.find('.memnstampul:eq(0)').prepend(stampMemLi);
	//media
	//1. image
	if(stampObj.attach_type == "image"){
	    stampDiv.find('.stampdescul').addClass('stmhasimg');
	    if(stampObj.img_url.length >= 1){
	        var imgDiv = $("<div class=\"stampdivimg\"><a title=\"" + stampObj.img_desc + '\" class=\"postFancy\" href="' + stampObj.img_url[0]  + "\"><img src=\"/images/poster.jpg\" height=\"54\" width=\"54\" /></a></div>");
	        imgDiv.find('img').attr('src',GetThumbnailImg(stampObj.img_url[0]));
	        imgDiv.find(".postFancy").fancybox();
	        stampDiv.find('.stampdivdescn').prepend(imgDiv);
	    }
	    if(stampObj.img_url.length > 1){
	        var imgLink = $('<li class="stampimgvidlink"><a class="imglink">See Attached Image</a></li>');
	        imgLink.click(function(){
	            $(this).parent().parent().parent().next().toggle(500);
	        });
	        stampDiv.find('.stampdescul').append(imgLink);
	        //Image Div
	        var imgSlideDiv = $('<div class="stampimgvid" style="height:56px;display:none;">\
				       <ul class="floatLiLeft"></ul>\
				       </div>');
            for(var imgI=1; imgI < stampObj.img_url.length; imgI++){
                var liObj = $('<li style="float:left;"><a title="' + stampObj.img_desc + '" class="postFancy" href="' + stampObj.img_url[imgI]  + '"><img height="54" width="54" alt="Member" src="' + GetThumbnailImg(stampObj.img_url[imgI])  + '"/></a></li>');
                liObj.find(".postFancy").fancybox();
                imgSlideDiv.find('ul').append(liObj);
            }
	        stampDiv.find('.stampdivdetails').after(imgSlideDiv);
	    }
	}else if(stampObj.attach_type == "video"){
	    var imgLink = $('<li class="stampimgvidlink"><a class="vidlink">See Attached Video</a></li>');
	    imgLink.data('hide', true).data('video_id',stampObj.video_id).click(function(){
	        var videoDiv = $(this).parent().parent().parent().next();
	        videoDiv.toggle(500);
	        if($(this).data('hide')){
	            $(this).data('hide',false);
	            videoDiv.find('iframe').attr('src',"/showvideo/" + $(this).data('video_id'));
	        }else{
	            videoDiv.find('iframe').attr('src', '');
	            $(this).data('hide',true);
	        }
	        
	        
	    });
	    stampDiv.find('.stampdescul').append(imgLink);
	    //video Div
	    var videoSlideDiv = $('<div class="stampimgvid" style="height:390px;width:480px;display:none;">\
				   <iframe frameborder="0" style="height:390px;width:480px;overflow:hidden;"></iframe>\
				   </div>');
	    stampDiv.find('.stampdivdetails').after(videoSlideDiv);
	}
	//Add the common footer
    var ulFooter = $('<ul class="stamplinkul">\
				     <li class="linkbox stamplinkli1"><span class="linkboxc"><a href="javascript:void(0);" class="addcommentl">Comments</a></span></li>\
					 <li class="linkbox stamplinkli6"><span class="linkboxc"><a href="javascript:void(0);" class="shareitl">Share</a></span></li>\
					 <li class="linkbox stamplinkli5"><span class="linkboxc"><a href="javascript:void(0);" class="mapitl">Map it</a></span></li>\
					 <li class="linkbox stamplinkli4"><span class="linkboxc"><a href="javascript:void(0);" class="thumbsdwns">Spam</a></span></li>\
					</ul>');
	//comment
	if( stampObj.comment == 0){
	    ulFooter.find(".stamplinkli1 a").html("Comment");
	}else if( stampObj.comment == 1){
	    ulFooter.find(".stamplinkli1 a").html(stampObj.comment + " Comment");
	}else{
	    ulFooter.find(".stamplinkli1 a").html(stampObj.comment + " Comments");
	}
	if(gLoggedIn){	    
	    ulFooter.find(".stamplinkli1 a").attr('href',stampObj.permalink);
	}else{
	    //Required Login first
	    ulFooter.find(".stamplinkli1 a").attr('href',"/sign-in");
	}
	
	//share popup
    ulFooter.find('.stamplinkli6 a').data('title', stampObj.title).data('url', stampObj.permalink).click(function(){
        SetBookmark($(this).data('title'), $(this).data('url'));
        sharepopup(0,0);
    });
	//For Coupon
//	if(stampObj.stamp_type == "stamp_coupon"){
//	    var successLi = $('<li class="successbarc stamplinkli7"><strong>Success Rate: <span>40%</span></strong> <div class="successbar"><img src="/images/progressmarker.png" alt="v"  style="left:40%" /></div></li>');
//	    var rTotal = parseInt(stampObj.pos_rating) + parseInt(stampObj.nav_rating);
//	    if(rTotal){
//	        successLi.find('span').html(parseInt(stampObj.pos_rating*100)/rTotal + "%");
//	        successLi.find('img').css('left',parseInt(stampObj.pos_rating)*100/rTotal + "%");
//	    }else{
//	        successLi.find('span').html("0%");
//	        successLi.find('img').css('left',"0%");
//	    }
//	    ulFooter.append(successLi);
//	}
    //Map It
    if(!stampObj.latitude){
        ulFooter.find('.stamplinkli5').remove();
    }else{
        //show stamp in popup
        
        var imgSpan = $('<span class=\"ico_stampbg\"><img src=\"/images/ico_stmpshipping.gif\" alt=\"Shipping\" /></span>');
    
        var descDiv = $('<div><div class="stamponmapdesc boxt" style="width:380px;position:static;">\
                        <div class="boxb"><div class="boxl"><div class="boxr"><div class="boxcont"><div class="stamponmapcont">\
                            <dl class="stamponmapul">\
                                <dt><h2><a href="#">'+stampObj.title +'</a></h2></dt>\
                                <dd>\
                                    <ul class="stampdescul">\
					                                <li class="stampdescli1">posted by <a href="#">drportney</a> on Aug 30th, 2009</li>\
						                            <li class="stampdescli2">Get in on the action of "Burn Notice" from the beginning with savings on the first two seasons. </li>\
						                            <li class="stampdescli3"><a href="#">#freeship</a>  <a href="#">#shipping</a></li>\
					                              </ul>\
                                        <ul class="couponul">\
                                        </ul>\
                                        <ul class=\"linksul\">\
                                            <li class=\"addcommentl\">58 Comments <a href=\"#\">(Add)</a></li>\
                                        </ul>\
                                        <div class=\"ie6clearFix\">&nbsp;</div>\
                                    </dd>\
                            </dl>\
                    </div></div></div></div></div></div></div>');	 
	                
	                
        switch(stampObj.stamp_type){
            case "stamp_salefind":{
                imgSpan.addClass('ico_stmpdealfnd');
                imgSpan.find('img').attr('src','/images/ico_stmpdealfind.gif');
                 descDiv.find('.stampdescli2').html(stampObj.store_desc);
                 descDiv.find(".couponul").append("<li class=\"stampdetailli2a\"><span class=\"first\">Store:</span><span class=\"second\"><a href=\"javascript:void(0);\"> "+stampObj.store_name+"</a></span></li>"
					                               +"<li class=\"stampdetailli2\"><span class=\"first\">List Price:</span><span class=\"second strikethrough\"> "+stampObj.retail_currency + stampObj.retail_price+"</span></li>"
					                               +"<li class=\"stampdetailli3\"><span class=\"first\">Sale Price:</span><span class=\"second\"> "+stampObj.currency + stampObj.sale_price+"</span></li>"
					                               +"<li class=\"stampdetailli4\"><span class=\"first\">Savings:</span> <span class=\"second\">25%</span></li>"
					                               +"<li class=\"stampdetailli6\"><span class=\"first\">Expires:</span><span class=\"second\"> "+stampObj.sale_end +"</span></li>");
                break;
            }
            case "stamp_coupon":{
                imgSpan.addClass('ico_stmpcoupon');
                imgSpan.find('img').attr('src','/images/ico_stmpcoupon.gif');
                descDiv.find('.stampdescli2').html(stampObj.store_desc);
                 descDiv.find(".couponul").append("<li class=\"stampdetailli2\"><div class=\"couponcodebox\"><input type=\"text\" value=\"AF864PA36QV\" /></div></li>");
    								                   
                 if(stampObj.type == "CouponCode"){
                            descDiv.find('.couponcodebox>input').val(stampObj.code);
                        }else{
                            descDiv.find('.couponcodebox').html('<span>Print Coupon</span>');
                            descDiv.find('.couponcodebox').data('url',stampObj.code).click(function(){
                                //window.location.href = stampObj.code;
                                window.open ($(this).data('url'),"Print Coupon");
                            });
                        }
                break;
            }
            case "stamp_persnalsale":{
                imgSpan.addClass('ico_stmppsale');
                imgSpan.find('img').attr('src','/images/ico_stmppsale.gif');
                descDiv.find('.stampdescli2').html(stampObj.desc);
                descDiv.find(".couponul").append("<li class=\"stampdetailli2a\"><span class=\"first\">Product:</span><span class=\"second\">"+stampObj.product_name+"</span></li>"
					                               +"<li class=\"stampdetailli2\"><span class=\"first\">As High as:</span><span class=\"second\">"+stampObj.high_currency + stampObj.price_start+"</span></li>"
					                               +"<li class=\"stampdetailli3\"><span class=\"first\">As Low as:</span><span class=\"second\">"+stampObj.low_currency + stampObj.price_end+"</span></li>"
					                               +"<li class=\"stampdetailli6\"><span class=\"first\">Expires:</span><span class=\"second\">"+stampObj.date_end+"</span></li>");
                 break;
            }
            case "stamp_freestuff":{
                imgSpan.addClass('ico_stmpfreestff');
                imgSpan.find('img').attr('src','/images/ico_stmpfree.gif');
                descDiv.find('.stampdescli2').html(stampObj.store_desc);
                descDiv.find(".couponul").append("<li class=\"stampdetailli2a\"><span class=\"first\">Store:</span><span class=\"second\">"+stampObj.store_name+"</span></li>"
					                               +"<li class=\"stampdetailli2\"><span class=\"first\">Type:</span><span class=\"second\">$"+stampObj.Type+"</span></li>"
					                               +"<li class=\"stampdetailli6\"><span class=\"first\">Expires:</span><span class=\"second\">"+stampObj.date_end+"</span></li>");
                break;
            }
            case "stamp_fsdeal":{
                imgSpan.addClass('ico_stmpshipping');
                imgSpan.find('img').attr('src','/images/ico_stmpshipping.gif');
                descDiv.find('.stampdescli2').html(stampObj.store_desc);
                descDiv.find(".couponul").append("<li class=\"stampdetailli2a\"><span class=\"first\">Provider: </</span><span class=\"second\">"+stampObj.tip_title + "<br/>" + stampObj.tips+"</span></li>"
					                               +"<li class=\"stampdetailli2\"><span class=\"first\">Type:</span><span class=\"second\">$"+stampObj.shipping_type+"</span></li>"
					                               +"<li class=\"stampdetailli6\"><span class=\"first\">Expires:</span><span class=\"second\">"+stampObj.date_end+"</span></li>");
                break;
            }
            case "stamp_savingtip":{
                imgSpan.addClass('ico_stmpsavings');
                imgSpan.find('img').attr('src','/images/ico_stmpsaving.gif');
                descDiv.find('.stampdescli2').html(stampObj.store_desc);
	             descDiv.find(".couponul").append("<li class=\"stampdetailli2\"><span class=\"first\">Type:</span><span class=\"second\">$"+stampObj.tip_title + "<br/>" + stampObj.tips+"</span></li>"
					                               +"<li class=\"stampdetailli6\"><span class=\"first\">Expires:</span><span class=\"second\">"+stampObj.date_end+"</span></li>");				                
                break;
            }
            case "stamp_grocery":{
                imgSpan.addClass('ico_stmpgrocery');
                imgSpan.find('img').attr('src','/images/ico_stmpgrocery.gif');
                descDiv.find('.stampdescli2').html(stampObj.store_desc);
                descDiv.find(".couponul").append("<li class=\"stampdetailli2a\"><span class=\"first\">Store:</span><span class=\"second\"><a href=\"javascript:void(0);\">"+stampObj.store_name+"</a></span></li>"
					                               +"<li class=\"stampdetailli2\"><span class=\"first\">List Price:</span><span class=\"second strikethrough\">"+stampObj.retail_currency + stampObj.retail_price+"</span></li>"
					                               +"<li class=\"stampdetailli3\"><span class=\"first\">Sale Price:</span><span class=\"second\">"+stampObj.currency + stampObj.sale_price+"</span></li>"
					                               +"<li class=\"stampdetailli4\"><span class=\"first\">Savings:</span><span class=\"second\">25%</span></li>"
					                               +"<li class=\"stampdetailli6\"><span class=\"first\">Expires:</span><span class=\"second\">"+stampObj.sale_end +"</span></li>");
                break;
            }
        }
        var location = {};
        location.latitude = parseFloat(stampObj.latitude);
        location.longitude = parseFloat(stampObj.longitude);
        
        ulFooter.find('.mapitl').data('type',stampObj.stamp_type).data('lan',location).data('desc',descDiv.html()).data('icon',imgSpan.parent().html()).click(function(){
            previewin(null,'stampreviewindow')
		    $("#previewMap").show();
            if(!map){
                map = new VEMap('previewMap');
                map.LoadMap();
                map.ZoomIn(10)
                map.ClearInfoBoxStyles();
            }
            mapStamp($(this).data('type'),$(this).data('lan'),$(this).data('desc'),$(this).data('icon'));            		
        });

        
    }
    //Spam
    if(stampObj.edit_url || stampObj.is_admin ){
        $(".stamplinkli4", ulFooter).remove();
    }else{
        $(".stamplinkli4", ulFooter).attr('objid',stampObj.stamp_id).attr('objtype',stampObj.stamp_type).click(function(){
            showReportDlg(this,'',$(this).attr('objid'),$(this).attr('objtype'),{x:0,y:0});
        });
    }
    stampDiv.find('.stamplinks').prepend(ulFooter);
    //Options
    if(stampObj.edit_url || stampObj.is_admin ){
         var stampOptionUl = $('<ul class="stampoptionul">\
					  <li class="linkbox"><span class="linkboxc"><a href="javascript:void(0);" class="stmpoptionl">Options</a></span>\
					  	<div class="wbox">\
						   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						   <div class="wboxc"><div class="wboxcontent">\
						     <ul class="stampopsubul">\
							   <li><a href="javascript:void(0);">Delete</a></li>\
							   <li><a href="javascript:void(0);">Edit</a></li>\
							   <li><a href="javascript:void(0);">Feature It</a></li>\
							 </ul>\
						   </div></div>\
						   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						   <div class="arrowup">&nbsp;</div>\
						 </div>\
					  </li>\
					</ul>');
        stampOptionUl.find(".stampopsubul>li:eq(0)>a").data('stamp_id',stampObj.stamp_id).data('stamp_type',stampObj.stamp_type).click(function(){
            if(confirm("Please confirm you want to delete this stamp?")){
                $.post("/handler/stampOpt.ashx", {stamp_id:$(this).data("stamp_id"), stamp_type: $(this).data('stamp_type')},function(data){
                    window.location.href = "/index.html";
                });
            }
        });
        stampOptionUl.find(".stampopsubul>li:eq(1)>a").attr('href',stampObj.edit_url);
        stampOptionUl.hoverIntent(function(){
	        $(this).find('.wbox').slideDown();
	    },function(){
	        $(this).find('.wbox').slideUp();
	    });
	    
	    if(stampObj.is_admin){
	        if(stampObj.is_featured){
	            stampOptionUl.find(".stampopsubul>li:eq(2)>a").text("Unfeature it");
	        }else{
	            stampOptionUl.find(".stampopsubul>li:eq(2)>a").text("Feature it");
	        }
	        stampOptionUl.find(".stampopsubul>li:eq(2)>a").data('cacheid',stampObj.cacheid).data('is_featured', stampObj.is_featured).click(function(){
	            var obj = $(this);
	            if($(this).data('is_featured')){
	                if(confirm("Please confirm you want to unfeature this stamp?")){
	                    $.post("/handler/featurestamp.ashx", {cacheId:$(this).data("cacheid"), action:"unfeature"},function(data){
                            eval('var ret=' + data);
                            if(ret.ret == 0){
                                obj.data('is_featured', false);
                                obj.text("Feature it");
                            }else{
                                alert(ret.msg);
                            }
                        });
	                }
	            }else{
	                if(confirm("Please confirm you want to feature this stamp?")){
	                    $.post("/handler/featurestamp.ashx", {cacheId:$(this).data("cacheid"), action : "feature" },function(data){
                            eval('var ret=' + data);
                            if(ret.ret == 0){                                
                                obj.data('is_featured', true);
                                obj.text("Unfeature it");
                            }else{
                                alert(ret.msg);
                            }
                        });
	                }
	            }
            });
	        
	    }else{
	        stampOptionUl.find(".stampopsubul>li:eq(2)").remove();
	    }
	    ulFooter.after(stampOptionUl);
	    
	    
    }
    
    //Common Funcitons
    stampDiv.find('.stampheadint a').attr('href',stampObj.permalink);
    //Stamp Title
    stampDiv.find('.stampheadint a').html(stampObj.title);
    //Search Tag
    var searchtag_url = "";
    for(var keyC in stampObj.searchtag_url){
        searchtag_url += ", <a href=\"" + stampObj.searchtag_url[keyC] + "\">" + keyC + "</a>";
    }
    if(stampObj.stamp_type != "stamp_coupon" && stampObj.stamp_type != "stamp_savingtip"){        
        stampDiv.find('.stampdescli3').html("Tags: " + searchtag_url.substring(1));
    }else if(stampObj.stamp_type == "stamp_savingtip"){
        stampDiv.find('.stampdescli3').html("Tags: " + searchtag_url.substring(1));
    }
    return stampDiv;    
}