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)
    
}

$(document).ready(function(){

    var LegendDiv =  $('<div class="mapfooter">\
                           <div class="mapfootcont">\
                            <h4 class="mapfoothead"><img src="/images/txt-stamplegend.gif" alt="Stamp Legend" /> - Stamps <span>are savings tools.</span></h4>\
                            <ul class="stampfootul">\
                            <li><span class="ico_stampbg ico_stmpshipping"><img src="/images/ico_stmpshipping.gif" alt="Shipping" /></span> Shippings</li>\
                            <li><span class="ico_stampbg ico_stmpfreestff"><img src="/images/ico_stmpfree.gif" alt="Free Stuff" /></span> Free Stuff</li>\
                            <li><span class="ico_stampbg ico_stmppsale"><img src="/images/ico_stmppsale.gif" alt="Personal Sale" /></span> Personal Sale</li>\
                            <li><span class="ico_stampbg ico_stmpcoupon"><img src="/images/ico_stmpcoupon.gif" alt="Coupons" /></span> Coupons</li>\
                            <li><span class="ico_stampbg ico_stmpdealfnd"><img src="/images/ico_stmpdealfind.gif" alt="Deal Find" /></span> Deal Find</li>\
                            <li><span class="ico_stampbg ico_stmpgrocery"><img src="/images/ico_stmpgrocery.gif" alt="Shipping" /></span> Grocery Item</li>\
                            <li><span class="ico_stampbg ico_stmpsavings"><img src="/images/ico_stmpsaving.gif" alt="Shipping" /></span> Savings</li>\
                            </ul>\
				            </div>\
				            </div>');
				            
		$("#gtFooter").prepend(LegendDiv);	
		
    map = new VEMap('myMap');
    map.LoadMap();
    map.ClearInfoBoxStyles();
    var databuff = {};
    var r_buff={};
    for(var i=0;i<ExistingStampList.length; i++){
        var stampObj = ExistingStampList[i];
        var location = {};
        var flag= 0;
        location.latitude = parseFloat(stampObj.latitude);
        location.longitude = parseFloat(stampObj.longitude);
        if((stampObj.stamp_type + stampObj.stamp_id)   in  databuff)
        {
            flag = 1;
          
        }
        if(flag == 0 )
        {
            if(location in r_buff)
            {
                location.latitude = location.latitude + 0.01; 
       
            }
            databuff[stampObj.stamp_type + stampObj.stamp_id] = location;
            r_buff[location] = stampObj.stamp_type + stampObj.stamp_id;
        }
        
	    	           
				            
        var wboxDiv = $('<div class="wbox">\
				   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
				   <div class="wboxc"><div class="wboxcontent mapstampbox">\
				      <div class="stamplcol"><span class=\"ico_stampbg\"><img src=\"/images/ico_stmpshipping.gif\" alt=\"Shipping\" /></span></div>\
					  <div class="stamprcol">\
					    <h2><a href="#"></a></h2>\
						<div class="stamprcolcont"><p class="posted">posted by <a href="#">drportney</a> on 30th August, 2009</p></div>\
						<div class="stamplinks">\
					     	<div class="ie6clearFix">&nbsp;</div>\
							</div>\
					  </div>\
					  <div class="ie6clearFix">&nbsp;</div>\
				   </div></div>\
				   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
				 </div>');
				 
//				var description ="dfghdfgdf";
				 
			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>');	 
			
		if($("#mapStampDiv>div:last").length){
		    $("#mapStampDiv>div:last").before(wboxDiv);
		}else{
		    $("#mapStampDiv").append(wboxDiv);
		}
        descDiv.find('.stampdescli1').html('posted by <a href="' + stampObj.user_profile + '">' + stampObj.username + '</a> |  ' + stampObj.added_date);
                
                
                //Stamp Title
       descDiv.find('.stampheadint>h2').html(stampObj.title);
                //Search Tag
                descDiv.find('.stampdescli3').html(stampObj.searchTags);
                //Permalink
                descDiv.find('.stampdetailli1>a').attr('href',stampObj.permalink);
		//link
		wboxDiv.find('a:eq(0)').html(stampObj.title).attr('href',stampObj.permalink);
		wboxDiv.find('.stamprcolcont>p').html('posted by <a href="' + stampObj.user_profile + '">' + stampObj.username + '</a> |  ' + stampObj.added_date);
		 //Add the common footer
        var ulFooter = $('<ul class="stamplinkul">\
					     <li class="linkbox stamplinkli1"><span class="linkboxc"><a href="javascript:void(0);" class="addcommentl">18</a></span>\
						    <div class="wbox">\
							   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
							   <div class="wboxc"><div class="wboxcontent">Add Comment</div></div>\
							   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
							   <div class="arrowdwn">&nbsp;</div>\
							 </div>\
						 </li>\
						 <li class="linkbox stamplinkli3"><span class="linkboxc"><a href="javascript:void(0);" class="thumbsupl">+45</a></span>\
						 	<div class="wbox">\
							   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
							   <div class="wboxc"><div class="wboxcontent">Vote: I like it!</div></div>\
							   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
							   <div class="arrowdwn">&nbsp;</div>\
							 </div>\
						 </li>\
						 <li class="linkbox stamplinkli4"><span class="linkboxc"><a href="javascript:void(0);" class="thumbsdwnl">-9</a></span>\
						 	<div class="wbox">\
							   <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
							   <div class="wboxc"><div class="wboxcontent">Vote: I dislike it!</div></div>\
							   <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
							   <div class="arrowdwn">&nbsp;</div>\
							 </div>\
						 </li>\
						 <li class="linkbox stamplinkli5"><span class="linkboxc"><a href="javascript:void(0);" class="mapitl">map it</a></span></li>\
						</ul>');
		//comment
		ulFooter.find(".linkboxc:eq(0)>a").html(stampObj.comment).attr('href',stampObj.permalink);
	    ulFooter.find(".linkboxc:eq(0)").hover(function(){
	            $(this).next().show();
	     },function(){ $(this).next().hide(); });
    	 
	    ulFooter.find('.linkboxc:eq(1)>a').html(stampObj.pos_rating);
	    ulFooter.find('.linkboxc:eq(2)>a').html(stampObj.nav_rating);
	    if(!stampObj.is_rated){
    	
	        ulFooter.find('.linkboxc:eq(1)>a').addClass('upRequest').attr('rid',stampObj.stamp_id).attr('objType',stampObj.stamp_type).click(function(){
	            $(this).parent().parent().next().find('a').unbind('click').unbind('mouseenter').trigger('mouseleave').unbind('mouseleave');
	        }).click(RateRequest);
    	    
	        ulFooter.find('.linkboxc:eq(2)>a').addClass('downRequest').attr('rid',stampObj.stamp_id).attr('objType',stampObj.stamp_type).click(function(){
	             $(this).parent().parent().prev().find('a').unbind('click').unbind('mouseenter').trigger('mouseleave').unbind('mouseleave');
	        }).click(RateRequest);
    	    
    	    
	        ulFooter.find('.linkboxc:eq(1)>a,.linkboxc:eq(2)>a').hover(function(){
	            $(this).parent().next().show();
	        },function(){ 
	            $(this).parent().next().hide(); });
    	    
	    }
		
        wboxDiv.find('.stamplinks').prepend(ulFooter);
        //Options
        var stampOptionUl = $('<ul class="stampoptionul">\
					      <li class="linkbox"><span class="linkboxc"><a href="javascript:void(0);" class="stmpoptionl"><span>Option</span></a></span>\
					  	    <div class="wbox">\
						       <div class="wboxtop"><div class="wboxtr">&nbsp;</div></div>\
						       <div class="wboxc"><div class="wboxcontent">\
						         <ul class="stampopsubul">\
							       <li><strong>Stamp Options</strong></li>\
							       <li><a href="javascript:void(0);">Delete</a></li>\
							       <li><a href="javascript:void(0);">Edit</a></li>\
							       <li><a href="javascript:void(0);">Report as Spam</a></li>\
							     </ul>\
						       </div></div>\
						       <div class="wboxbot"><div class="wboxbr">&nbsp;</div></div>\
						       <div class="arrowup">&nbsp;</div>\
						     </div>\
					      </li>\
					    </ul>');
        if(stampObj.edit_url){
            stampOptionUl.find(".stampopsubul>li:eq(1)>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(2)>a").attr('href',stampObj.edit_url);
            stampOptionUl.find(".stampopsubul>li:last").remove();
        }else{
            stampOptionUl.find(".stampopsubul>li:eq(1)").remove();
            stampOptionUl.find(".stampopsubul>li:eq(1)").remove();
            stampOptionUl.find(".stampopsubul>li:last").attr('objid',stampObj.stamp_id).attr('objtype',stampObj.stamp_type).click(function(){
                showReportDlg(this,'',$(this).attr('objid'),$(this).attr('objtype'),{x:100,y:-100});
            });
        }
        
	    stampOptionUl.hoverIntent(function(){
	        $(this).find('.wbox').slideDown();
	    },function(){
	        $(this).find('.wbox').slideUp();
	    });
	    ulFooter.after(stampOptionUl);
		//Image
		var imgSpan = wboxDiv.find('span.ico_stampbg');
		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\">"+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=\"stampdetailli5\"><span class=\"first\">Starts:</span><span class=\"second\">"+ stampObj.sale_start +"</span></li>"
								                   +"<li class=\"stampdetailli6\"><span class=\"first\">Ends:</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=\"stampdetailli5\"><span class=\"first\">Starts:</span><span class=\"second\">"+stampObj.date_start+"</span></li>"
								                   +"<li class=\"stampdetailli6\"><span class=\"first\">Ends:</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=\"stampdetailli5\"><span class=\"first\">Starts:</span><span class=\"second\">"+stampObj.date_start+"</span></li>"
								                   +"<li class=\"stampdetailli6\"><span class=\"first\">Ends:</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=\"stampdetailli5\"><span class=\"first\">Starts:</span><span class=\"second\">"+stampObj.date_start+"</span></li>"
								                   +"<li class=\"stampdetailli6\"><span class=\"first\">Ends:</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=\"stampdetailli5\"><span class=\"first\">Starts:</span><span class=\"second\">"+stampObj.date_start+"</span></li>"
								                   +"<li class=\"stampdetailli6\"><span class=\"first\">Ends:</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\">"+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=\"stampdetailli5\"><span class=\"first\">Starts:</span><span class=\"second\">"+ stampObj.sale_start +"</span></li>"
								                   +"<li class=\"stampdetailli6\"><span class=\"first\">Ends:</span><span class=\"second\">"+stampObj.sale_end +"</span></li>");
		        break;
		    }
		    }
		//Map it

		wboxDiv.find('.mapitl').data('type',stampObj.stamp_type).data('lan',databuff[stampObj.stamp_type + stampObj.stamp_id]).data('desc',descDiv.html()).data('icon',imgSpan.parent().html()).click(function(){
		   
		    mapStamp($(this).data('type'),$(this).data('lan'),$(this).data('desc'),$(this).data('icon'));
		
		;});
    }
            
    $("#aMapAll").click(function(){
        $("#mapStampDiv").find('.mapitl').trigger('click');
        map.SetZoomLevel(2);
    });
    
    $("#aClearAll").click(function(){
        map.Clear();
    });
    //$("#mapStampDiv")
    $("#aMapAll").trigger('click');
});