var dataArr = [];
var userdataArr = [];
var rating_id_arr = [];
var relevancy_id_arr = [];
var views_id_arr = [];
var popular_id_arr = [];
var newest_id_arr = [];
var curshow_id_arr = [];
var total_rec = 0;
var cur_pos = 0;
var isCommentLoaded = false;
var ajaxflag = false;
var t = 0;
var music_dtl = [];
var countryName = '';

function loadCustomMusic(val){
	if(val == 'showmore' || val == ''){		
		if(music_dtl.length){
			var option,optgroup;
			var music_count = music_dtl.length;

			if(val == ''){				
				//document.getElementById("music_list").options.length = 0;
				//document.getElementById("music_list").optgroup.length = 0
				$("#music_list").empty();
				option = document.createElement('option');
				option.value = "default";
				option.innerHTML = 'Default';				
				document.getElementById("music_list").appendChild(option);
				optgroup = document.createElement('optgroup');
				optgroup.label = "Most Popular";
			}else if(val == 'showmore'){
				document.getElementById("music_list").options.length = document.getElementById("music_list").options.length -1;
				optgroup = document.createElement('optgroup');
				optgroup.label = "Show More";				
			}
			document.getElementById("music_list").appendChild(optgroup);
			//$.each(music_dtl, function(i,n) {			
			for(var i=0;i<music_count;i++){
				var n = music_dtl[i];
				if(i<10 && val == ''){
					//document.getElementById("music_list").options[document.getElementById("music_list").options.length] = new Option(n.MT,);
					option = document.createElement('option');
					option.value = n.MF;
					option.innerHTML = n.MT.replace(/%26/g, "&");
					optgroup.appendChild(option);
				}
				else if(i>=10 && val == 'showmore'){
					//document.getElementById("music_list").options[document.getElementById("music_list").options.length] = new Option(n.MT,n.MF);								
					option = document.createElement('option');
					option.value = n.MF;
					option.innerHTML = n.MT.replace(/%26/g, "&");				
					optgroup.appendChild(option);
				}
			}
			
			if(val == ''){
				if(music_count>10){
					option = document.createElement('option');
					option.value = 'showmore';
					option.innerHTML = 'Show More...';		
					optgroup.appendChild(option);
				}
				$("#music_list").show();				
				$(".social-hd").show();
				$(".social-hd").removeClass("visi-no");

			}
		}
	}else{	
		val = (val != 'default')?val:'';
		if(defaultmus == ''){
			defaultmus = -1;	
		}
		selectMusic(val);	
	}
}



function manage_data(){
	//var cards_userdata = eval(cards_userdata);
	var card_data = cards;
	var cardid = '';
	total_rec = card_data.length;
	var rating_arr = [];
	var relevancy_arr = [];
	var views_arr = [];
	var popular_arr = [];
	var ratingid_arr = [];
	var relevancyid_arr = [];
	var viewsid_arr = [];
	var popularid_arr = [];
	var i;

	for(i=0;i<total_rec;i++){		
		newest_id_arr[i] = card_data[i].card_id;
		dataArr[card_data[i].card_id] = card_data[i];
	}

	for(i=0;i<total_rec;i++){
		cardid = cards_userdata[i].card_id;
		rating_arr[i] = cards_userdata[i].rating + (total_rec-i);
		relevancy_arr[i] = cards_userdata[i].relevancy+'.0'+(total_rec-i);
		views_arr[i] = cards_userdata[i].views+'.0'+(total_rec-i);
		popular_arr[i] = cards_userdata[i].sent+'.0'+(total_rec-i);

		ratingid_arr[cards_userdata[i].rating+(total_rec-i)] = cardid;
		relevancyid_arr[cards_userdata[i].relevancy+'.0'+(total_rec-i)] = cardid;
		viewsid_arr[cards_userdata[i].views+'.0'+(total_rec-i)] = cardid;
		popularid_arr[cards_userdata[i].sent+'.0'+(total_rec-i)] = cardid;
	}
	var rating_arr_sorted = rating_arr.sort(function(a,b){ return b-a; });
	var relevancy_arr_sorted = relevancy_arr.sort(function(a,b){ return b-a; });
	var views_arr_sorted = views_arr.sort(function(a,b){ return b-a; });
	var popular_arr_sorted = popular_arr.sort(function(a,b){ return b-a; });

	//alert(rating_arr_sorted[0]+'---'+relevancy_arr_sorted[0]+'---'+popular_arr_sorted[0]);
	for(i=0;i<total_rec;i++){		
		rating_id_arr[i] = ratingid_arr[rating_arr_sorted[i]];
		relevancy_id_arr[i] = relevancyid_arr[relevancy_arr_sorted[i]];
		views_id_arr[i] = viewsid_arr[views_arr_sorted[i]];
		popular_id_arr[i] = popularid_arr[popular_arr_sorted[i]];

		//userdataArr[cards_userdata[i].card_id] = cards_userdata[i];	
	}

	for(i=0;i<cards_userdata.length;i++){
		userdataArr[cards_userdata[i].card_id] = cards_userdata[i];
	}
	
}



function show(){
	var ch = arguments[0];
	if(ch == 'rating'){
		curshow_id_arr = rating_id_arr;

	}else if(ch == 'relevancy'){
		curshow_id_arr = relevancy_id_arr;

	}else if(ch == 'views'){
		curshow_id_arr = views_id_arr;
		
	}else if(ch == 'popular'){
		curshow_id_arr = popular_id_arr;

	}else{
		curshow_id_arr = newest_id_arr;	
	}

	for(var i=0;i<total_rec;i++){
		if(curshow_id_arr[i] == card_id){
			cur_pos = i;
		}
	}

	if((','+curshow_id_arr.join()+',').indexOf(card_id) == -1){
		//alert("not found");
		//alert(curshow_id_arr.length)
		$.getScript('http://x.123g.us/json/'+card_id+'_details.js', function(){			
			curshow_id_arr.push(card_id);
			//alert(curshow_id_arr.length)
			dataArr[card_id] = {
				"background_image" : (card_details[0].label.toUpperCase() == 'Y')?card_details[0].bg:'http://i.123g.us/c/'+card_details[0].q1+'/bg/'+card_details[0].bg,
				"card_size" : "",
				"alttag" : card_details[0].redline,
				"music" : (card_details[0].label.toUpperCase() == 'F' || card_details[0].label.toUpperCase() == 'I' || card_details[0].label.toUpperCase() == 'R' || card_details[0].label.toUpperCase() == 'Y')?null:card_details[0].music,								
				"q1" : card_details[0].q1,
				"category" : "",
				"subcategory" : "",
				"embed_music" : (card_details[0].label.toUpperCase() == 'F' || card_details[0].label.toUpperCase() == 'I' || card_details[0].label.toUpperCase() == 'R' || card_details[0].label.toUpperCase() == 'Y')?'N':'Y',
				"label" : card_details[0].label,
				"card_id" : card_id,
				"card_desc" : card_details[0].greenline,
				"designer_desc" : "",
				"flloder" : card_details[0].flloader,
				"greenline" : card_details[0].greenline,
				"link" : card_details[0].html_file.substring(card_details[0].html_file.lastIndexOf("/")+1),
				"redline" : card_details[0].redline,
				"designer_name" : "123Greetings",
				"thumbimg" : (card_details[0].label.toUpperCase() == 'Y')?card_details[0].thumb_url:'http://i.123g.us/c/'+card_details[0].q1+'/th/'+card_id+'_th.'+card_details[0].card_thumb_extn,
				"flash_details" : card_details[0].flash_details,
				"tags" : "",
				"icon_image" : (card_details[0].label.toUpperCase() == 'Y')?card_details[0].thumb_url:'http://i.123g.us/c/'+card_details[0].q1+'/ic/'+card_id+'_ic.'+card_details[0].card_thumb_extn,
				"designer_url" : "/"			
			};
			total_rec++;
		});

	}

	//cur_pos = 0;
	//alert(cur_pos);
	//showHTML(cur_pos);
	//showNextPrevIcons(cur_pos);
	//showCardUserData(cur_pos);
	//showCardComments();
}



function data_init(){
	manage_data();
	var ch = getCookie('sort_order');
	show(ch);
	//show('relevancy');
}



function cardpage_init(){
	var q1 = arguments[0];
	var cardno = arguments[1];
	var add_path = arguments[2];
	setCookie('custom_mus', 0, 1);
	$.getScript('http://x.123g.us/json/'+q1+'_userdata.js', function(){ 
		$.getScript('http://x.123g.us/json/'+q1+'.js', function(){				
			$.getScript('http://x.123g.us/json/'+card_id+'_details.js', function(){
					
				music_dtl = card_details[0].music_dtl;					
				if(card_details[0].label.toUpperCase() != 'V' && card_details[0].label.toUpperCase() != 'Y'&& (card_id.substring(0,1) != '3' || card_details[0].label.toUpperCase() == 'A' || card_details[0].label.toUpperCase() == 'P')){
					loadCustomMusic('');
				}
			
				data_init();
				var params = {};
				params.heading = 'Explore More Cards'; 
				params.heading_arr = [(cat_q1 == 'birth_' || cat_q1 == 'efeb_valen'?'Latest':'More Like This'),'Popular Now','Related']; 
				params.jsonfile_arr = [(cat_q1 == 'birth_' || cat_q1 == 'efeb_valen'?q1+'_la.js':q1+'_see_also.js'),'most_popular.js',cardno+'_related.js']; 
				params.json_names = ['q1_events_related','most_popular','related']; 
				params.jsonfile_root = 'http://x.123g.us/json/'; 
				params.tab_holder = 'tab_holder'; 
				params.tab_container = 'tab_container'; 
				var Tab123_obj1 = new Tab123(); 
				Tab123_obj1.init(params); 

				if($("#submit_up").attr("disabled")){	$("#submit_up").removeAttr("disabled"); }
				if($("#submit_dn").attr("disabled")){	$("#submit_dn").removeAttr("disabled"); }
			});
		});	 
	});
}




function showHTML(){
	var pos = arguments[0];
	var id_arr = curshow_id_arr;
	var label = dataArr[id_arr[pos]].label;
	var flash_details,flloder,y;

	//*********** Card Block **************
	var div_card_str = '';
	
	div_card_str += '<div class="send-now">';
	div_card_str += '<a title="Tweet this on Twitter" href="/send/twitter_card?card_number='+dataArr[id_arr[pos]].card_id+'&from=card_page" target="_blank" onClick="javascript: pageTracker._trackPageview(\'/clicked/twitter/Tweet_this_Card_Page\');"><img src="http://c.123g.us/images/tweet_this.gif" border="0" /></a>';
	div_card_str += '<input type="button" name="submit_up" value="Send this ecard" id="submit_up" class="select-button2" onclick="document.getElementById(\'sendFrm\').submit();"/>';

//div_card_str += '<input type="button" value="test" name="test" id="test" onclick="alert(GetMusic());">';

	div_card_str += '</div>';	
	$(".send-now:eq(0)").html(div_card_str);

	div_card_str = '';
	
	//if(cat_q1 == 'eaug_friendshipday'){
	//	div_card_str += '<div id="inside-card-ad" style="margin: 10px auto;"><iframe height="60" frameborder="0" width="550" scrolling="no" align="middle" src="http://www.123greetings.com/js2/showad.html#Top1|'+location.pathname.substring(1,location.pathname.lastIndexOf('/'))+'/showcard|q1='+dataArr[id_arr[pos]].q1+'&page=showcard" allowtransparency="true" marginwidth="0" marginheight="0" id="bannerFrame" name="bannerFrame"></iframe></div>';
	//}

	if(label.toUpperCase() == 'F' || label.toUpperCase() == 'I' || label.toUpperCase() == 'R'){
		div_card_str += '<div id="cardswf"></div>';
		//$(".social-hd").show();

	}else if(label.toUpperCase() == 'Y'){
		div_card_str += '<div id="cardswf"></div>';
		//$(".social-hd").hide();

	}else if(label.toUpperCase() == 'V'){
		div_card_str += '<div id="cardswf"></div>';
		//$(".social-hd").hide();

	}else if(label.toUpperCase() == 'A' || label.toUpperCase() == 'P'){
		flash_details = dataArr[id_arr[pos]].flash_details;
		div_card_str += '<img id="cardimage" src="' + flash_details.split('#')[0] + '" width="' + flash_details.split('#')[1] + '" height="' + flash_details.split('#')[2] + '" border="0">';
		div_card_str += '<div id="music_panel_holder"></div>';
		//$(".social-hd").show();
	}
	$("#card_block").html(div_card_str);
	div_card_str = '';
	div_card_str += '<div class="send-now">';
	div_card_str += '<a title="Tweet this on Twitter" href="/send/twitter_card?card_number='+dataArr[id_arr[pos]].card_id+'&from=card_page" target="_blank" onClick="javascript: pageTracker._trackPageview(\'/clicked/twitter/Tweet_this_Card_Page\');"><img src="http://c.123g.us/images/tweet_this.gif" border="0" /></a>';
	div_card_str += '<input type="button" name="submit_dn" value="Send this ecard" id="submit_dn" class="select-button2" onclick="document.getElementById(\'sendFrm\').submit();"/>';
	div_card_str += '</div>';
	$(".send-now2").html(div_card_str);
	//*********** Card Block **************

	//*********** Card RedLine Block **************
	var redline = dataArr[id_arr[pos]].redline;
	//var date = (dataArr[id_arr[pos]].date != '') ? ' ['+dataArr[id_arr[pos]].date+']' : '';
	//*********** Card Description Block **************

	//*********** Card Description Block **************
	var card_desc = dataArr[id_arr[pos]].card_desc;
	var div_card_desc_str = '<div class="card_view_text-v2">' + card_desc + '</div>';
	//*********** Card Description Block **************

	//if(!(location.pathname.indexOf('/events/') >= 0)){
	$('#sendFrm').attr('action', '/createcard?'+dataArr[id_arr[pos]].card_id);
	//}

	$('#div_card').css({backgroundImage : "url("+dataArr[id_arr[pos]].background_image+")"});
	//$('#div_card').html(div_card_str);

	$('#span_bc_rl').html(redline);
	$('#div_card_desc').html(div_card_desc_str);

	//*********** Embed SWF Block **************
	if(label.toUpperCase() == 'F' || label.toUpperCase() == 'I' || label.toUpperCase() == 'R'){
		flloder = dataArr[id_arr[pos]].flloder;
		flash_details = dataArr[id_arr[pos]].flash_details;
		y = (flloder.indexOf('?') > 0) ? flloder.split('?')[1] : '';		
		
		if(flloder.indexOf("studio_shell.swf")>0){
			embedswf_swfobject('http://i.123g.us/flash/studio_shell.swf', '&'+y, flash_details.split('#')[1], flash_details.split('#')[2], 'cardswf');				
		}else{
			embedswf_swfobject('http://i.123g.us/flash/CardShell.swf', '&'+y+((typeof takeOver != 'undefined' && takeOver)? '&takeOver=2' : ''), flash_details.split('#')[1], flash_details.split('#')[2], 'cardswf');
		}
	
	}else if(label.toUpperCase() == 'Y'){
		flloder = dataArr[id_arr[pos]].flloder;
		flash_details = dataArr[id_arr[pos]].flash_details;
		y = (flloder.indexOf('?') > 0) ? flloder.split('?')[1] : '';
		embedswf_swfobject(flloder, '', flash_details.split('#')[1], flash_details.split('#')[2], 'cardswf');
	
	}else if(label.toUpperCase() == 'V'){
		flloder = dataArr[id_arr[pos]].flloder;
		flash_details = dataArr[id_arr[pos]].flash_details;
		y = (flloder.indexOf('?') > 0) ? flloder.split('?')[1] : '';
		embedswf_swfobject('http://c.123g.us/flash/Media_Player.swf', '&'+y, flash_details.split('#')[1], flash_details.split('#')[2], 'cardswf');
	}
	//*********** Embed SWF Block **************

	//*********** Card Music Block **************	
	if(label.toUpperCase() == 'A' || label.toUpperCase() == 'P'){		
		if(dataArr[id_arr[pos]].music.lastIndexOf(".wav")>=0 || dataArr[id_arr[pos]].music.lastIndexOf(".mp3")>=0  || dataArr[id_arr[pos]].music.lastIndexOf(".mid")>=0){
			if(dataArr[id_arr[pos]].embed_music.toUpperCase() == 'Y'){
				LoadMusic(dataArr[id_arr[pos]].music);
			}
		}
	}	
	
	if(!$("#music_list").is(":hidden") && document.getElementById("music_list")){
		document.getElementById("music_list").selectedIndex = 0;	
		setCookie('custom_mus', 0, 1);
		cardcustommusic = '';
	}
	//*********** Card Music Block **************
}



function showNextPrevIcons(){
	var pos = arguments[0];
	var ch = arguments[1];
	//alert(curshow_id_arr.length)
	var id_arr = curshow_id_arr;
	var div_nextprev_str = '';
	var l_pos,r_pos;
	pos--;
	if(ch == 'S'){
		l_pos = (pos-1 >= 0)?pos-1:total_rec+pos-1;
		r_pos = (pos+1 < total_rec)?pos+1:pos+1-total_rec;
	}
	if(ch == 'N'){
		l_pos = pos;
		r_pos = (pos+1 < total_rec)?pos+1:pos+1-total_rec;		
		if(r_pos == cur_pos){
			r_pos = (r_pos+1 < total_rec)?r_pos+1:r_pos+1-total_rec;
		}
	}
	if(ch == 'P'){
		l_pos = (pos-1 >= 0)?pos-1:total_rec+pos-1;
		r_pos = pos;
		if(l_pos == cur_pos){
			l_pos = (l_pos-1 >= 0)?l_pos-1:total_rec+l_pos-1;
		}
	}

	$.preloadImages(dataArr[id_arr[l_pos]].icon_image, dataArr[id_arr[r_pos]].icon_image);
	//alert(l_pos+'   '+r_pos+'   '+ch);

	if(total_rec == 2 && (l_pos == r_pos || dataArr[id_arr[l_pos]].card_id == card_id || dataArr[id_arr[r_pos]].card_id == card_id)){
	//if(l_pos == r_pos){
		if(ch == 'N'){
			if(dataArr[id_arr[l_pos]].card_id == card_id){
				l_pos = r_pos;
			}
			r_pos = -1;
		}
		if(ch == 'P'){
			if(dataArr[id_arr[r_pos]].card_id == card_id){
				r_pos = l_pos;
			}
			l_pos = -1;
		}
		if(ch == 'S'){
			r_pos = -1;	
		}
	}
	//alert(l_pos+'   '+r_pos);


	div_nextprev_str += '<div class="t-card-block-right-v3">';
	if(l_pos >= 0){
		div_nextprev_str += '<a href="javascript: void(0);" onclick="showNextPrevIcons(' + (l_pos+1) + ', \'P\');return false;"></a>';
	}
	div_nextprev_str += '</div>';

	div_nextprev_str += '<div class="t-card-holder2-v2">';
	if(l_pos >= 0){
		div_nextprev_str += '<div class="t-card-block-v2"><a href="JavaScript: showCard(' + (l_pos+1) + ', \''+dataArr[id_arr[l_pos]].card_id+'\');" title="' + dataArr[id_arr[l_pos]].alttag + '"><img src="' + dataArr[id_arr[l_pos]].icon_image + '" alt="' + dataArr[id_arr[l_pos]].alttag + '" id="img_prev" border="0" width="60px" height="60px" /></a></div>';
	}else{
		div_nextprev_str += '<div style="float:left;height:58px;margin-left:5px;margin-right:5px;overflow:hidden;padding:10px 10px 15px 12px;width:60px;"></div>';
	}
	div_nextprev_str += '<div style="width:60px;padding:0px 5px;margin:1px 5px 0px 5px;float:left;"><div style="height:15px;background-color:#FFFFFF;">';
	if(l_pos >= 0){
		div_nextprev_str += '<a href="javascript: void(0);" style="font-size:10px;" onclick="showNextPrevIcons(' + (l_pos+1) + ', \'P\');return false;">&laquo;&nbsp;Previous</a>';
	}
	div_nextprev_str += '</div>';	
	div_nextprev_str += '<div style="background-color:#C3BEBD;color:#fff;font-size:28px;font-weight:bold;">'+total_rec+'<br><span style="font-size:12px;font-weight:normal;">Cards</span></div>';
	div_nextprev_str += '<div style="height:15px;background-color:#FFFFFF;">';
	if(r_pos >= 0){
		div_nextprev_str += '<a href="javascript: void(0);" style="font-size:10px;" onclick="showNextPrevIcons(' + (r_pos+1) + ', \'N\');return false;">Next&nbsp;&raquo;</a>';
	}
	div_nextprev_str += '</div></div>';	
	
	if(r_pos >= 0){
		div_nextprev_str += '<div class="t-card-block-v2"><a href="JavaScript: showCard(' + (r_pos+1) + ', \''+dataArr[id_arr[r_pos]].card_id+'\');" title="' + dataArr[id_arr[r_pos]].alttag + '"><img src="' + dataArr[id_arr[r_pos]].icon_image + '" alt="' + dataArr[id_arr[r_pos]].alttag + '" id="img_next" border="0" width="60px" height="60px" /></a></div>';
	}else{
		div_nextprev_str += '<div style="float:left;height:58px;margin-left:5px;margin-right:5px;overflow:hidden;padding:10px 10px 15px 12px;width:60px;"></div>';
	}
	
	div_nextprev_str += '</div>';
	div_nextprev_str += '<div class="t-card-block-left-v3">';
	if(r_pos >= 0){
		div_nextprev_str += '<a href="javascript: void(0);" onclick="showNextPrevIcons(' + (r_pos+1) + ', \'N\');return false;"></a>';
	}
	div_nextprev_str += '</div>';

	if($('#div_nextprev')){
		$('#div_nextprev').html(div_nextprev_str);
		 /*t = setTimeout(function(){
			if(t) clearTimeout(t);
			if(pos > 0)	$("#img_prev").attr("src", dataArr[id_arr[l_pos]].icon_image);
			if(pos < total_rec - 1)	$("#img_next").attr("src", dataArr[id_arr[r_pos]].icon_image);
		},500);*/
		//$.preloadImages(dataArr[id_arr[l_pos]].icon_image, dataArr[id_arr[r_pos]].icon_image);
	}
}



jQuery.preloadImages = function(){
	for(var i = 0; i<arguments.length; i++)
	{
		jQuery("<img>").attr("src", arguments[i]);
	}
};



function showCardUserData(){
	var pos = arguments[0];
	var id_arr = curshow_id_arr;
	var cardid = dataArr[id_arr[pos]].card_id;
	var i;
	var card_details_str = '';
	var designer_url = (dataArr[id_arr[pos]].designer_url != '')?dataArr[id_arr[pos]].designer_url:'#';

	card_details_str += '<div class="about-the-card">By: <strong><a href="'+dataArr[id_arr[pos]].designer_url+'">'+dataArr[id_arr[pos]].designer_name+'</a></strong></div>';	
	card_details_str += '<div class="about-data"><strong>Card Size</strong>: '+userdataArr[dataArr[id_arr[pos]].card_id].card_size+' | <strong>Card Type</strong>: '+getCardType(dataArr[id_arr[pos]].label)+'</div>';
	
	//alert(pos)
	//alert(id_arr[pos])
	//alert(dataArr[id_arr[pos]].card_id)
	//alert(userdataArr[dataArr[id_arr[pos]].card_id].rating)

	var rating = userdataArr[dataArr[id_arr[pos]].card_id].rating;
	var rating_usercount = userdataArr[dataArr[id_arr[pos]].card_id].rating_usercount;
	var rating_floor = Math.floor(rating);
	var rating_deci = rating-rating_floor;

	//alert(rating_floor)
	//alert(rating_deci)
	var class_full = ['rating-red-full', 'rating-orange-full', 'rating-umber-full', 'rating-ocher-full', 'rating-yellow-full'];
	var class_half = ['rating-red-half', 'rating-orange-half', 'rating-umber-half', 'rating-ocher-half', 'rating-yellow-half'];

	$("#first").children(":eq(0)").text("This card is rated "+rating+" by "+rating_usercount+" users");

	card_details_str += '<div class="about-data">';
	card_details_str += '<div class="star-rating"><ul id="rating_123g">';

	for(i=0;i<5;i++){
		var cls = (rating_floor > 0)?((i+1<=rating_floor)?class_full[rating_floor]:(rating_deci>0&&i==rating_floor?class_half[rating_floor]:'rating-normal')):(rating_deci>0&&i==rating_floor?class_half[rating_floor]:'rating-normal');
		card_details_str += '<li class="'+cls+'"><a class="" href="#"></a></li>';	
	}
	card_details_str += '</ul></div>';
	card_details_str += '<b>Rated</b>: '+rating+' ('+rating_usercount+' users)';
	card_details_str += '</div>';

	var views = (userdataArr[dataArr[id_arr[pos]].card_id].views > 0)?userdataArr[dataArr[id_arr[pos]].card_id].views:'';
	var sent = (userdataArr[dataArr[id_arr[pos]].card_id].sent > 0)?userdataArr[dataArr[id_arr[pos]].card_id].sent:'';
	var added = (dataArr[id_arr[pos]].added !== null)?dataArr[id_arr[pos]].added:'';
	card_details_str += '<div class="about-data">';
	card_details_str += (views != '')?showViews(userdataArr[dataArr[id_arr[pos]].card_id].views):'';
	card_details_str += (sent != '')?' | '+ showSent(userdataArr[dataArr[id_arr[pos]].card_id].sent):'';
	card_details_str += (added != '')?' | Added '+added+' ago ':'';
	card_details_str += '</div>';

	var relevancy = userdataArr[dataArr[id_arr[pos]].card_id].relevancy;
	$("#third").children(":eq(0)").text(relevancy+"% users found this card relevant");
	
	card_details_str += '<div class="about-data">';	
	card_details_str += relevancy+'% found this ecard relevant.';
	card_details_str += '</div>';

	
	var tag_arr = userdataArr[dataArr[id_arr[pos]].card_id].tags.split(",");	
	var tag_str = '';
	var tag_link = '';

	for(i=0;i<tag_arr.length;i++){		
		tag_link = '/tags/'+tag_arr[i].replace(/[^a-zA-Z0-9]/g, '_')+'.html';
		var t = tag_arr[i];

		if(t.length > 36){
			var res_arr = [];
			for(var k=0;k<Math.floor(tag_arr[i].length/36);k++){
				res_arr[res_arr.length] = t.substring(0,36);
				t = t.substring(36);
			}
			t = res_arr.join(' ');
		}
		tag_str += (t.length > 0)?' <a href="'+tag_link+'">'+t.toLowerCase()+'</a>':'';
		//tag_str += tag_arr[i];
		tag_str += (tag_arr.length > 1)?',':'';
	}
	tag_str = tag_str.substring(0,tag_str.length-1);
	card_details_str += '<div class="about-data" style="border-bottom:0px none;"><div style="float:left;width:220px;">Tags:&nbsp;'+tag_str+'</div>';
	
	$('#card-details').html(card_details_str);

	if(document.getElementById('img_track_view')){
		document.getElementById('img_track_view').src = '/usr-bin/view_sent.pl?type=VW&cardid='+cardid;
	}

	//***************** Post to my blog *****************
	var share_url = 'http://www.123greetings.com' + location.pathname.substring(0,location.pathname.lastIndexOf("/")+1) + dataArr[id_arr[pos]].link;
	var html_code = '<center><a href="'+share_url+'"><img src="'+dataArr[id_arr[pos]].thumbimg+'" BORDER="0" alt=""/></a><br/><a href="'+share_url+'">Send this eCard !</a></center><br/>';
	var flash_details,embed_code;
	if(dataArr[id_arr[pos]].label.toUpperCase() == 'F' || dataArr[id_arr[pos]].label.toUpperCase() == 'I' || dataArr[id_arr[pos]].label.toUpperCase() == 'R'){
		flloder = dataArr[id_arr[pos]].flloder;
		flash_details = dataArr[id_arr[pos]].flash_details;
		embed_code = embed_flash(flloder, flash_details.split('#')[1], flash_details.split('#')[2]);
		
	}else if(dataArr[id_arr[pos]].label.toUpperCase() == 'A' || dataArr[id_arr[pos]].label.toUpperCase() == 'P'){
		flash_details = dataArr[id_arr[pos]].flash_details;
		embed_code = '<img id="cardimage" src="' + flash_details.split('#')[0] + '" width="' + flash_details.split('#')[1] + '" height="' + flash_details.split('#')[2] + '" border="0">';
	}

	$("#fourth .share-sm-3:eq(0)").val(share_url);
	$("#fourth .share-sm-3:eq(1)").val(html_code);
	$("#fourth .share-sm-3:eq(2)").val(embed_code);
	//***************** Post to my blog *****************
}




function showCardComments(){
	var x = arguments[0];
	//var y = arguments[1];
	var show_limit = 10;
	var pos = (x-1) * show_limit;
	var i;
	//alert(pos+'--'+x);
	//document.getElementById('comments_reply').innerHTML = "Card comments loading..."
	var str = '';
	
	var card_cmt = card_comments;
	var show_limit1 = (card_cmt.length > (pos+show_limit))?(pos+show_limit):card_cmt.length;
	
	str += '<div class="box">';
	for(i=pos;i<show_limit1;i++){
		str += '<div class="start-v2"></div>';		
		str += '<div class="user-name2-v2">By: '+card_cmt[i].n+'</div>';
		str += '<div class="end-v2"></div>';
		str += '<div class="pst-date">'+card_cmt[i].dt+'</div>';
		str += '<div class="re-abuse"><span id="rel-msg_'+card_cmt[i].id+'">&nbsp;</span><span class="thumb-up"><a title="Good Comment" href="JavaScript:void(0);" onclick="saveCmtRelevancy(\'up\',\''+card_cmt[i].id+'\');return false;">&nbsp;</a></span><span class="thumb-dn"><a title="Poor Comment" href="JavaScript:void(0);" onclick="saveCmtRelevancy(\'down\',\''+card_cmt[i].id+'\');return false;">&nbsp;</a></span></div>';
		str += '<div class="pst-comt">'+card_cmt[i].t+'</div>';
		str += '<br>';
	}
	str += '</div>';
	$('#comments_reply').html(str).show();	
	
	if(card_cmt.length > 1){
		$('#add_comment_up').hide();	
		$('#add_comment_dn').show();
	}else{
		$('#add_comment_up').show();
		$('#add_comment_dn').hide();
	}	

//----------- Build Comments Paging Start -----------//
var total_rec= card_cmt.length;
//alert(total_rec);
var disp_count = show_limit;
var num_pages = Math.ceil(total_rec/disp_count);
var page = x;
var nav_str = [];

var paging_show = 7;
var start = 0;
var end = 0;

if(page>=paging_show){
	end = page+1;
	start = (page == num_pages)?end - paging_show:end - paging_show + 1;
}else{
	end = paging_show;
	start = end - paging_show + 1;
}
end = (end > num_pages)?num_pages:end;


$(".user_comments").text((total_rec > 0)?"Comments ("+total_rec+")":"Comments"); 

	if (total_rec > 0) {	// check whether total_rec that holds number of records is > 0		
		if (total_rec > disp_count) {
			if (num_pages > 0) {
				nav_str[nav_str.length] = '<div class="pagenavi">';
				if (page == 1) {
					nav_str[nav_str.length] = '<span class="pages">&laquo;</span>&nbsp;';    
				}else {
					nav_str[nav_str.length] = '<a href="JavaScript: void(0)" onclick="showComment(1);return false;" title="Go to First Page">&laquo;</a>&nbsp;';
				}

				for (i = start; i <= end; i++ ) {
					// determines the placement of Separator or Vertical Bar '|'
					if (i==page) {						
						nav_str[nav_str.length] = '<span class="current">'+i+'</span>&nbsp;';			    
					}else {						
						nav_str[nav_str.length] = '<a href="JavaScript: void(0)" onclick="showComment('+i+');return false;" title="Go to page '+i+'">'+i+'</a>&nbsp;';	
					}
				}

				if (page == num_pages) {
					nav_str[nav_str.length] = '<span class="pages">&raquo;</span>';					
				}else {
					nav_str[nav_str.length] = '<a href="JavaScript: void(0)" onclick="showComment('+num_pages+');return false;" title="Go to Last Page">&raquo;</a>';
				}	
				nav_str[nav_str.length] = '</div>';
			}
		}else {
		     nav_str[nav_str.length] = '';
		}
	}else {
		// total records can't be empty if is then return null
	    //return;
	}	
	$('#pagenavi').html(nav_str.join(''));
	if(nav_str.join('') != ''){
		$('#pagenavi').show();
	}


//----------- Build Comments Paging End -----------//

}





function loadExtraDetails(){	
	var pos = arguments[0];
	$("#add_comment_up").show();
	$("#add_comment_dn").hide();	
	$('#comments_reply').hide().html('');
	$('#pagenavi').hide();
	$(".social-hd").addClass("visi-no");
	$(".user_comments").html("Comments");

	card_comments = [];
	isCommentLoaded = false;
	$.getScript('http://x.123g.us/json/'+card_id+'_details.js', function(){
		$.getScript('http://x.123g.us/json/'+card_id+'_comments.js', function(){
			isCommentLoaded = true;
			//setCardDetails();
			showCardComments(1);
			music_dtl = card_details[0].music_dtl;				
			if(card_details[0].label != 'Y' && card_details[0].label != 'V' && (card_id.substring(0,1) != '3' || card_details[0].label.toUpperCase() == 'A' || card_details[0].label.toUpperCase() == 'P')){
				if(music_dtl.length > 1){					
					loadCustomMusic('');
				}
			}
		});	
	});
}



function showCard(){
	cur_pos = arguments[0];
	card_id = arguments[1];

	$('#card-details').html('Loading...');
	defaultmus = '';
	for(var i=0;i<total_rec;i++){
		if(curshow_id_arr[i] == card_id){
			cur_pos = i;
		}
	} 
	showHTML(cur_pos);
	showNextPrevIcons((cur_pos+1),'S');
	showCardUserData(cur_pos);
	loadExtraDetails(cur_pos);
}



function setCardDetails(){
	var sendFrm = document.getElementById('sendFrm');
	var card_del = card_details;

	$('#sendFrm').empty();
	for (var i in card_del[0])
	{
		try{			
			sendFrm[i].value = (card_del[0][i].indexOf('&amp;')>0)?card_del[0][i].replace(/&amp;/g, '&'):card_del[0][i];	
		}catch(e){
			var input = document.createElement('input');
			input.type = "hidden";
			input.name = i;
			input.value = (card_del[0][i].indexOf('&amp;')>0)?card_del[0][i].replace(/&amp;/g, '&'):card_del[0][i];
			sendFrm.appendChild(input);
		}
	}	
}






function showComment(){
	var x = arguments[0];
	if(!isCommentLoaded){
		$.getScript('http://x.123g.us/json/'+card_id+'_comments.js', function(){
			isCommentLoaded = true;
			showCardComments(x);
		});
	}else{
		showCardComments(x);
	}
}



function saveCmtRelevancy(){
	var t = 0;
	if(t){
		clearTimeout(t);
	}
	
	var relevency = arguments[0];
	var commentid = arguments[1];

	if(!ajaxflag){
		$.ajax({
			type: "GET",
			dataType:  "text",
			url: "/usr-bin/comment_relevancy.pl",
			cache: false,
			data: "relevancy="+relevency+"&commentid="+commentid,
			beforeSend: function(){					
				ajaxflag = true;
				$('#rel-msg_'+commentid).html("Thanks...");

			},
			success: function(msg){
				ajaxflag = false;
				msg = msg.replace(/div/ig,"span").replace(/11/ig,"10");								
				$('#rel-msg_'+commentid).html(msg);
				//$('#rel-msg_'+commentid).children(":eq(0)").css({font:"10px Arial"});
				t = setTimeout(function(){
					t = 0;
					$('#rel-msg_'+commentid).html("&nbsp;");
				},3000);
			}
		});	//End of $.ajax()
	}
}


function copytoclipboard(obj){
	if($.browser.msie){		 
		if(window.clipboardData && clipboardData.setData ){
			clipboardData.setData("text", obj.val());
		}
	}else{
		if(!$('#flashcopier').length){
			var divholder = document.createElement('div');
			divholder.id = 'flashcopier';
			document.body.appendChild(divholder);
			//alert('asd');
		}
		$("#flashcopier").html("");		
		var divinfo = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="0" height="0"><param name="movie" value="http://widgets.123greetings.com/wp-includes/js/widgets/_clipboard.swf" /><param name="allowScriptAccess" value="always" /><param name="FlashVars" value="clipboard='+encodeURIComponent(obj.val())+'" /><embed src="http://widgets.123greetings.com/wp-includes/js/widgets/_clipboard.swf" FlashVars="clipboard='+encodeURIComponent(obj.val())+'" width="0" height="0" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></object>';
		$("#flashcopier").html(divinfo);
		
		//document.getElementById('flashcopier').innerHTML = divinfo;
		//alert($("#flashcopier").html());
	}
}