var fillBody = function() {
	getUser();
}

var fill = function() {
	var html = 	'<table cellpadding="0" cellspacing="0" align="center">'+
					"<tr>"+
						"<td colspan='3' align='center'>"+
							'<table cellpadding="0" cellspacing="0" align="center">'+
								"<tr style='background-color: white; border: 0px;'>"+
									"<td style='padding:5px;' align='center' >"+
										"<div align=center>"+
											"<div id='adPlaceholderTop'></div>"+
										"</div>"+
									"</td>"+
								"</tr>"+
							'</table>'+
						"</td>"+
					"</tr>"+
					'<tr>'+
						'<td align="center" valign="top">'+
							"<div align=center>"+
								"<div id='adPlaceholderLeft'></div>"+
							"</div>"+
						'</td>'+
						'<td align="center" valign="top">'+
							'<div id="tabsDiv">'+
								'<table cellspacing="0" cellpadding="0" align="center" width="100%">'+
									'<tr>'+
										'<td align="center">'+
											'<div class="ubercolortabs" id="tabContainer">'+
												'<ul>'+
													'<li name="new"><a href="javascript: draw_glitter()" style="margin-left: 12px"><span>New Glitter</span></a></li>'+
													'<li name="myGlitters"><a href="javascript: req_getGlitters()"><span>My Glitters</span></a></li>'+
													'<li name="invite"><a href="javascript: sendAppInvitation()"><span>Invite Friends</span></a></li>'+
												'</ul>'+
											'</div>'+
											'<div class="ubercolordivider"> </div>'+
										'</td>'+
									'</tr>'+
									'<tr><td><img src="'+IMG_URL+'space.png" onload="getFriends()" /></td></tr>'+
								'</table>'+
							'</div>'+
							'<div id="previewDiv">'+
								'<table cellspacing="0" cellpadding="0" align="center" width="100%">'+
									'<tr height="30px">'+
										'<td align="center" style="padding-top: 10px; font-size: 21px; color:white;"> Preview </td>'+
									'</tr>'+
									'<tr height="200px">'+
										'<td align="center">'+
											'<table cellspacing="0" cellpadding="0" align="center" width="500px" height="200px">'+
												'<tr>'+
													'<td id="genGlitter" align="center"><td>'+
												'</tr>'+
											'</table>'+
										'</td>'+
									'</tr>'+
									'<tr height="70px">'+
										'<td align="center"><img style="cursor:pointer;" src="'+IMG_URL+'save.png" onclick="saveGlitter()" /></td>'+
									'</tr>'+
								'</table>'+
							'</div>'+
							'<div id="generatorDiv">'+
								'<table cellspacing="0" cellpadding="0" align="center" width="100%">'+
									'<tr>'+
										'<td align="center">'+
											'<div id="container"></div>'+
										'</td>'+
									'</tr>'+
								'</table>'+
							'</div>'+
							'<div id="glittersDiv">'+
								'<table cellspacing="0" cellpadding="0" align="center" width="100%">'+
									'<tr>'+
										'<td align="center">'+
											'<div id="glitters"></div>'+
										'</td>'+
									'</tr>'+
								'</table>'+
							'</div>'+
							'<div id="friendSelectorDiv">'+
								'<table cellpadding="0" cellspacing="0" align="center" width="100%">'+
									'<tbody id="friend_tbody">'+
										'<tr>'+
											'<td align="center" class="text" style="color:red;" id="info"></td>'+
										'</tr>'+
										'<tr>'+
											'<td align="center" class="text" style="font-size: 18px;padding-top: 10px;" id="title_"></td>'+
										'</tr>'+
										'<tr>'+
											'<td><div id="friends_container"></div></td>'+
										'</tr>'+
									'</tbody>'+
								'</table>'+
							'</div>'+
						'</td>'+
						'<td align="center" valign="top">'+
							"<div align=center>"+
								"<div id='adPlaceholderRigth'></div>"+
							"</div>"+
						'</td>'+
					'</tr>'+
					'<tr>'+
						'<td colspan="3" align="center">'+
							'<table cellpadding="0" cellspacing="0" align="center">'+
								"<tr style='background-color: white; border: 0px;'>"+
									"<td style='padding:5px;' align='center' colspan='2'>"+
										"<div align=center>"+
											"<div id='adPlaceholderBottom'></div>"+
										"</div>"+
									"</td>"+
								"</tr>"+
								"<tr style='background-color: white; border: 0px;'>"+
									"<td style='padding:5px;' align='left'>"+
										'<iframe frameborder="0" src = "http://adturns.com/ad.php?c=46&fb_sig_user='+userId+'" width = "728" height = "90" style = "border: none; overflow: hidden" ></iframe>'+
									"</td>"+
								"</tr>"+
							'</table>'
						'</td>'+
					'</tr>'+
					'<tr>'+
						'<td colspan="2" align="right">'+
							'<table cellpadding="0" cellspacing="0" align="center" id="report_abuse" width="600px">'+
								'<tbody>'+
									'<tr>'+
										'<td align="right"><a class="text" target="_blank" href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=418493483"> Report Abuse </a></td>'+
									'</tr>'+
								'</tbody>'+
							'</table>'+
						'</td>'+
					'</tr>'+
				'</table>';
	
	_$("allContent").innerHTML = html;
	container = _$("container");
	draw_glitter();

	applyAds('adDivTop', 'adPlaceholderTop');
	applyAds('adDivBottom', 'adPlaceholderBottom');
	applyAds('adDivLeft', 'adPlaceholderLeft');
	applyAds('adDivRigth', 'adPlaceholderRigth');
//support socialreach ads
sr_gof();
}

function applyAds(adDiv, adHolderDiv){
        var adTop = document.getElementById(adDiv);
        adTop.parentNode.removeChild(adTop);
        var adHolder = document.getElementById(adHolderDiv);
        adHolder.appendChild(adTop);
        adTop.style.display='block';
}

var getFriends = function(){
	friend_selector = new FriendSelector("friends_container", null, null, "top");
	friend_selector.init(); 
}

var draw_glitter = function() {
	selectTab("new");
	
	if(_$("generatorDiv")) _$("generatorDiv").style.display = ""; 
	if(_$("previewDiv")) _$("previewDiv").style.display = "none";
	if(_$("friendSelectorDiv")) _$("friendSelectorDiv").style.display = "none";
	if(_$("glittersDiv")) _$("glittersDiv").style.display = "none";
	
	var l = 4;
	var html = '<table cellpadding="4" cellspacing="0" align="center">'+
					'<tr>'+
						'<td colspan="2" align="center" style="font-size: 21px;color:#AF0A00;"> Generate Glitter </td>'+
					'<tr>'+
					'<tr>'+
						'<td colspan="2" align="center"><div id=error></div></td>'+
					'<tr>'+
					'<tr><td class="text" align="center" colspan="2">Add Text:</td></tr>'+
					'<tr>'+
						'<td colspan="2" ><input MAXLENGTH="35" style="border: 1px solid #CCCCCC; padding-left: 5px;width: 320px; height:30px" type="text" id="text" value="'+text+'" /></td>'+
					'</tr>'+
					'<tr><td class="text" align="center">Select Font:</td><td align="center" class="text">Size:</td></tr>'+
					'<tr>'+
						'<td>'+
							'<table cellpadding="0" cellspacing="0" class="choose_font" onclick="openFonts(this)">'+
								'<tbody>'+
									'<tr>'+
										'<td width="210px" id="tr_0"><img class="fonts" src="'+IMG_URL+'fonts/AARDC___.png" /></td>'+
										'<td width="22px"align="center" style="border-left: 1px dotted #CCC; cursor: pointer;"><img src="'+IMG_URL+'arrow_down.png"></td>'+
									'<tr>'+
								'</tbody>'+
							'</table>'+
							'<div id="openedFonts" class="font_div" style="display: none; position: absolute;">'+
								'<table cellpadding="0" cellspacing="0" >';
						for(var i=0; i<images.length; i++) {
							html += '<tr class="fonts_over">'+
										'<td onclick="selectFont(this, \''+images[i]+'\')">'+
											'<img class="fonts" src="'+IMG_URL+"fonts/"+images[i]+'.png" />'
										'</td>'+
									'</tr>';
						}
						html += '</table>'+
							'</div>'+
						'</td>'+
						'<td>'+
							'<table cellpadding="0" cellspacing="0" class="choose_size" onclick="openSizes(this)">'+
								'<tbody>'+
									'<tr>'+
										'<td width="52px" style="color:#58616a" id="td_0">88px</td>'+
										'<td width="25px"align="center" style="border-left: 1px dotted #CCC; cursor: pointer;"><img src="'+IMG_URL+'arrow_down.png"></td>'+
									'<tr>'+
								'</tbody>'+
							'</table>'+
							'<div id="openedSizes" class="size_div" style="display: none; position: absolute;">'+
								'<table cellpadding="2" cellspacing="0" >';
									for(var j=12; j < 97; j+=4) {
										html += '<tr class="fonts_over">'+
													'<td style="color:#58616a; padding-left: 10px;" align="center" onclick="selectSize(this, \''+j+'\')">'+j+'px</td>'+
												'</tr>';
									}
						html += '</table>'+
							'</div>'+
						'</td>'+
					'</tr>'+
					'<tr><td colspan="2" align="center" class="text">Select Texture:</td></tr>'+
					'<tr>'+
						"<td colspan='2'>"+
							"<div id='wrap'>"+
								"<ul id='mycarousel' class='jcarousel-skin-tango'>";
				     		for(var k=0; k< textures.length;  k++){
			     			html += '<li><img id="img_'+k+'" onclick="selectTexture('+k+', \''+textures[k]+'\')" src="'+TEXTURE_URL+textures[k]+'" class="texture" /></li>';
				     		}
			     		html += "</ul>"+
			     			"</div>"+
		     			"</td>"+
					'</tr>'+
					'<tr>'+
						'<td colspan="2" align="center"><img style="cursor: pointer;" src="'+IMG_URL+'preview.png" onclick="req_generateImage()" /><td>'+
					'</tr>'+
				'</table>';
				
		container.innerHTML = html;
		jQuery('#mycarousel').jcarousel();
		errorDiv = _$("error");
}

var req_generateImage = function() {
	errorDiv.innerHTML = "";
	text = _$("text").value;
	
	if(text == "") {
		errorDiv.innerHTML = "<b style='color: red'> Text can not be empty ! </b>";
	} else {
		_$("previewDiv").style.display = "block";
		_$("genGlitter").innerHTML = '<img src="'+IMG_URL+'loading.gif" />';
		
		var data = "fontName=" + fontName + "&fontSize=" + fontSize + "&textureName=" + textureName + 
					"&text=" + text + "&userId=" + userId + "&borderColor=" + borderColor + 
					"&borderWidth=" + borderWidth;
		Request.sendPOST(SERVER_URL+"index.php", data, resp_generateImage);
	}
}

var resp_generateImage = function(response) {
	var img_url = response.text.substring(1, response.text.length-1);
	savedImgUrl = img_url;
	_$("genGlitter").innerHTML = '<img style="max-width: 500px;max-height:200px;" src="'+SERVER_URL+savedImgUrl+'?t='+Math.random()+'" />';
}

var saveGlitter = function() {
	Request.sendPOST(SERVER_URL+"includes/copyGlitter.php", "userId=" + userId, resp_saveGlitter);
}

var resp_saveGlitter = function(response) {
	req_getGlitters();
}

var req_getGlitters = function() {
	selectTab("myGlitters");
	
	if(_$("generatorDiv")) _$("generatorDiv").style.display = "none"; 
	if(_$("previewDiv")) _$("previewDiv").style.display = "none";
	if(_$("friendSelectorDiv")) _$("friendSelectorDiv").style.display = "none";
	if(_$("glittersDiv")) _$("glittersDiv").style.display = "block";
	
	_$("glitters").innerHTML = '<img src="'+IMG_URL+'loading.gif" />';	
	
	Request.sendPOST(SERVER_URL+"includes/getGlitters.php", "userId=" + userId, resp_getGlitters);
}

var resp_getGlitters = function(response) {
	if(response.text != "none") {
		
		var data = eval('('+response.text+')');
		if(data == "undefined") {
			_$("glitters").innerHTML =  "<span> Pls try again !</span>";
		}
		var count = 0;

		var str = '<table cellpadding="2" cellspacing="0" align="center">'+
						'<tr>'+
							'<td colspan="4" align="center" style="font-size: 17px;color:#AF0A00;">Select your Favorite Image and Send to Your Friends as Comment !</td>'+
						'</tr>'+
						'<tr>'+
							'<td align="center" colspan="4" class="text" style="color:red" id="info_"></td>'+
						'</tr>'+
						'<tr>'+
							'<td>'+
								'<div class="scroll">'+
									'<table cellpadding="3" cellspacing="0" width="100%" align=center>'+
										'<tr>';
							for ( var i = 0; i < data.images.length; i++ ) {
								var imgSrc = data.images[i].imageSrc;
								count++;
									str +=	'<td width="120px">'+
												'<table cellpadding="0" cellspacing="0" width="120px">'+
													'<tr>'+
														'<td valign="middle" id="'+imgSrc+'_td" width="100px">'+
															'<img id="'+imgSrc+'_img" class="smallImg" onclick="selectImage(\''+imgSrc+'\')" src="'+SERVER_URL+'genimg/'+userId+'/'+imgSrc+'" />'+
														'</td>'+
														'<td valign="top" width="20px" style="padding: 2px;">'+
															'<a target="_blank" href="'+SERVER_URL+'genimg/'+userId+'/'+imgSrc+'"><img title="View Original" border="0" style="cursor:pointer;" src="'+IMG_URL+'view.png" /></a><br>'+
															'<img title="Post Bulletin" style="cursor:pointer;" src="'+IMG_URL+'bulletin.png" onclick="postBulletin(\''+imgSrc+'\')" /><br>'+
															'<img title="Delete" style="cursor:pointer;" src="'+IMG_URL+'delete.png" onclick="deleteGlitter(\''+imgSrc+'\')" />'+
														'</td>'+
													'</tr>'+
												'</table>'+
											'</td>';
								if(count == 4) {
									str += '</tr><tr>';
									count = 0;
								}
							}
							str += '</table>'+
								'</div>'+
							'</td>'+
						'</tr>'+
						'<tr>'+
							'<td colspan="4" align="center" id="send_button"><img onclick="sendFriends()" style="cursor:pointer;" src="'+IMG_URL+'send_friends.png" /></td>'+
						'</tr>'+
					'</table>';
			
		_$("glitters").innerHTML = str;		
	} else {
		_$("glitters").innerHTML = "<span style='color: #3b6bb5; font-size:18px; font-family:serif;'>You have not generated glitters !</span>";
	}
}

var selectImage = function(img_src) {
	sending_img = img_src;
	var selectedImages = document.getElementsByClassName("selectedImage");
	
	for(var i=0; i<selectedImages.length; i++) {
		selectedImages[i].className = "smallImg";
	}
	
	_$(img_src+"_img").className = "selectedImage";
}

var postBulletin = function(img){

	var title = "Make Supper Glitters!!!";
	
	var body = "<a href='" + canvas_url + "'>Create Your Own Glitters ;)</a></br><br>"+
				"<a href='" + canvas_url + "'><img border='0' style='max-width:400px' src='"+SERVER_URL+"genimg/"+userId+"/"+img+"' /></a></br>";

    var params = {};
    params[opensocial.Message.Field.TITLE] = title;
    params[opensocial.Message.Field.TYPE] = opensocial.Message.Type.NOTIFICATION;
    var message = opensocial.newMessage(body, params);
    opensocial.requestSendMessage(opensocial.IdSpec.PersonId.VIEWER, message, bulletinCallback);
}

var bulletinCallback = function(response){
	if(response && !response.hadError()){
		if(1 === response.getData()){
			var url = "http://adturns.com/channelStatistics.php?act_own=32&socialType=myspace&appId=glitters&userId="+userId+"&channel=bulletin";
			Request.sendGET(url, "", "");
		}
	}
}

var deleteGlitter = function(img) {
	_$("glitters").innerHTML = '<img src="'+IMG_URL+'loading.gif" />';
	var data = "userId=" + userId + "&img_url=" + img;
	Request.sendPOST(SERVER_URL+"includes/deleteGlitter.php", data, resp_deleteGlitter);
}

var resp_deleteGlitter = function(response) {
	req_getGlitters();
}

var sendFriends = function() {
	
	var selectedImages = document.getElementsByClassName("selectedImage");
	if(selectedImages.length == 0 ) {
		_$("info_").innerHTML = "At first select Image pls!";
		return;
	}
	req_copyForSending();
};

var req_copyForSending = function() {
	var data = "userId=" + userId + "&img_url=" + sending_img;
	Request.sendPOST(SERVER_URL+"includes/forSend.php", data, resp_copyForSending);
}

var resp_copyForSending = function(response) {
	sending_img = response.text;
	if(_$("send_button")) {
		_$("send_button").innerHTML = '<img src="'+IMG_URL+'send.png" style="cursor:pointer;" onclick="copyForSending()" />';
	}  
	if(_$("title_")) _$("title_").innerHTML = "Select Friends for sending selected Image";

	isInvitation = false;
	if(_$("generatorDiv")) _$("generatorDiv").style.display = "none"; 
	if(_$("previewDiv")) _$("previewDiv").style.display = "none";
	if(_$("glitters")) _$("glitters").style.display = "none";
	if(_$("friendSelectorDiv")) _$("friendSelectorDiv").style.display = "block";

	drawFriends();
}

var drawFriends = function() {
	
	if ($("#friend_table:first").is(":hidden")) {
        $("#friend_table").slideDown("slow");
    }

	friend_selector.draw();
	
	var friendTbody = _$("friend_tbody");
	
	if(_$("send_button_tr")) {
		tr = _$("send_button_tr");
		tr.parentNode.removeChild(tr);
	}
	
	var TR = document.createElement("TR");
	TR.id = "send_button_tr";
	var TD = document.createElement("TD");
	TD.style.textAlign = "center";
	TD.style.paddingTop = "10px";
	
	if(!isInvitation) {
		var button = document.createElement("IMG");
		button.style.cursor = "pointer";
		button.src = IMG_URL+"send.png";
		button.onclick = function() {
			copyForSending();
		}
		TD.appendChild(button);
	}else if(isInvitation) {
		var button = document.createElement("IMG");
		button.style.cursor = "pointer";
		button.src = IMG_URL+"sendInv.png";
		button.onclick = function() {
			inviteAll("appInv");
		}
		TD.appendChild(button);
	}
	
	TR.appendChild(TD);
	friendTbody.appendChild(TR);
};

var copyForSending = function() {
	inviteAll("sendComment");
};

var sendAppInvitation = function() {
	selectTab("invite");
	if(_$("generatorDiv")) _$("generatorDiv").style.display = "none"; 
	if(_$("previewDiv")) _$("previewDiv").style.display = "none";
	if(_$("friendSelectorDiv")) _$("friendSelectorDiv").style.display = "block";
	if(_$("glittersDiv")) _$("glittersDiv").style.display = "none";
	isInvitation = true;
	drawFriends();
	if(_$("title_")) _$("title_").innerHTML = "Invite your best friends!";
}

var inviteAll = function(type) {
	
	var friendIndex = 0;
	var recipientsIds = [];

	var friends = friend_selector.getSelectedFrineds();
	
	if(friends.length == 0) {
		_$("info").innerHTML = "Select friends Please.";
		return;
	}
	
	for(var i =0; i< friends.length; i++) {
		recipientsIds.push(friends[i].fields_.id);
	}

	var inviteAllCallback = function(result){
		var finished = true;
		if (result.data_ == MyOpenSpace.PostTo.Result.SUCCESS) {
			friendIndex++;
			if(friendIndex < friends.length){
				finished = false;
				if(type == "sendComment") {
					sendImageAsComment(friends[friendIndex].fields_.id, inviteAllCallback);
					var url = "http://adturns.com/channelStatistics.php?act_own=32&socialType=myspace&appId=glitters&userId="+userId+"&channel=comment";
					Request.sendGET(url, "", "");
				} 
			}
		}
	}
	
	if (friends.length > 0){
		if(type == "sendComment") {
			sendImageAsComment(friends[friendIndex].fields_.id, inviteAllCallback);
		} else {
			inviteFriend(recipientsIds);
		}
	}
}

var sendImageAsComment = function(friendId, inviteAllCallback){
	var title = "Make Funny Glitters";
	var content = "<div><a href='"+canvas_url+"' target='_blank'>Make Your Glitters and send to your friends!</a><div><br>"+
					"<a href='"+canvas_url+"' target='_blank'><img src='"+SERVER_URL+sending_img+"' border='0' style='max-width: 400px' /></a>";
	postTo_(title, content, friendId, "PUBLIC_MESSAGE", inviteAllCallback);
}

function inviteFriend(recipients){

    var body = "Hey [recipient]! [sender] wants you to ";
    body += "add [app]. A fun new way to view your profile!";

    var reason = opensocial.newMessage(body);
    opensocial.requestShareApp(recipients, reason, rsaCallback);
}

var rsaCallback = function(response){
	if(response && !response.hadError()){
    	var url = "http://adturns.com/channelStatistics.php?act_own=32&socialType=myspace&appId=glitters&userId="+userId+"&channel=invites";
    	Request.sendGET(url, "", "");
    }
}

var openFonts = function(obj) {
	var div = _$("openedFonts");
	var display = div.style.display;
	if(display == "none") {
		var top = findPosY(obj);
		var left = findPosX(obj);
	   	div.style.top = top + 35 + "px";
	   	div.style.left = left + "px";
	   	div.style.display = "";
	} else {
		div.style.display = "none";
	}
}

var openSizes = function(obj) {
	var div = _$("openedSizes");
	var display = div.style.display;
	if(display == "none") {
		var top = findPosY(obj);
		var left = findPosX(obj);
	   	div.style.top = top + 30 + "px";
	   	div.style.left = left + "px";
	   	div.style.display = "";
	} else {
		div.style.display = "none";
	}
}

var openWidthes = function(obj) {
	var div = _$("openedWidthes");
	var display = div.style.display;
	if(display == "none") {
		var top = findPosY(obj);
		var left = findPosX(obj);
	   	div.style.top = top + 30 + "px";
	   	div.style.left = left + "px";
	   	div.style.display = "";
	} else {
		div.style.display = "none";
	}
}

var selectButtonColor = function(id) {
	$('#'+id).farbtastic('#color', selectButtonColorCallback);
	_$(id).style.display = "";
}

var selectButtonColorCallback = function() {
	borderColor = _$("color").value;
	_$('colorpicker').style.display = "none";
}

var selectFont = function(obj, font_name) {
	fontName = font_name;
	_$("tr_0").innerHTML = obj.innerHTML;
	_$("openedFonts").style.display = "none";
}

var selectSize = function(obj, size) {
	fontSize = size;
	_$("td_0").innerHTML = obj.innerHTML;
	_$("openedSizes").style.display = "none";
}

var selectWidth = function(obj, width) {
	borderWidth = width;
	_$("w_0").innerHTML = obj.innerHTML;
	_$("openedWidthes").style.display = "none";
}

var selectTexture = function(id, tName) {
	var textures = document.getElementsByClassName('texture');
	for(var i=0; i< textures.length; i++) {
		textures[i].style.border = "1px dotted #A78820";
		textures[i].style.backgroundColor = "#FDF9D1";
	}
	textureName = tName;
	var id = "img_"+id;
	_$(id).style.border = "1px solid #910000";
	_$(id).style.backgroundColor = "#910000";
}

var replaceAll = function (OldString, FindString, ReplaceString) {
  	var SearchIndex = 0;
  	var NewString = ""; 
  	while (OldString.indexOf(FindString,SearchIndex) != -1)    {
    	NewString += OldString.substring(SearchIndex,OldString.indexOf(FindString,SearchIndex));
    	NewString += ReplaceString;
    	SearchIndex = (OldString.indexOf(FindString,SearchIndex) + FindString.length);
 	}
  	NewString += OldString.substring(SearchIndex,OldString.length);
  	return NewString;
}

document.getElementsByClassName = function(cl) {
	var retnode = [];
	var myclass = new RegExp('\\b'+cl+'\\b');
	var elem = this.getElementsByTagName('*');
	for (var i = 0; i < elem.length; i++) {
		var classes = elem[i].className;
		if (myclass.test(classes)) retnode.push(elem[i]);
	}
	return retnode;
};

var findPosX = function(obj) {
	var curleft = 0;
	try{
		if (obj.offsetParent) {
			while (obj.offsetParent) {
				curleft += obj.offsetLeft;
				obj = obj.offsetParent;
			}
		} else if (obj.x) curleft += obj.x;
	}catch(ex){}
	return curleft;
}

var findPosY = function(obj) {
	var curtop = 0;
	try {
		if (obj.offsetParent) {
			while (obj.offsetParent) {
				curtop += obj.offsetTop;
				obj = obj.offsetParent;
			}
		} else
		 if (obj.y) curtop += obj.y;
	}catch(ex){}
	return curtop;
}

var selectTab = function(tabName){
	var tabDivs = _$("tabContainer").getElementsByTagName("li");	
	for (var i=0;i<tabDivs.length;i++){
		if (tabDivs[i].getAttribute("name") == tabName){
			tabDivs[i].className = "selected";
		}else{
			tabDivs[i].className = "";
		}
	}
	selectedTab = tabName;
}

var _$ = function(id){
	return document.getElementById(id);
}


////////////////////////  start promotion
$(document).ready(function(){
		// determine if app is installed
		var global_viewerId = 'non';
		if(opensocial.hasPermission(opensocial.Permission.VIEWER)) {
			global_viewerId = gadgets.views.getParams().viewerId;
		}
 

		 var actionRedirect = gadgets.views.getParams()["goto"];
		 var destination = gadgets.views.getParams()["appname"];
		 var landingPage = gadgets.views.getParams()["landpage"];
		 
		 if(actionRedirect != null && actionRedirect .length > 0) {
				var url = "http://adturns.com/channelStatistics.php?act_own=32&socialType=myspace&appId=glitter_maker&userId="+global_viewerId+"&channel=goto_"+destination;
				var os_params = {};
				os_params[gadgets.io.RequestParameters.METHOD] = gadgets.io.MethodType.GET;
				os_params[gadgets.io.RequestParameters.CONTENT_TYPE] = gadgets.io.ContentType.JSON;
				gadgets.io.makeRequest(url, dummyResponseHandler, os_params);
			  
				if(typeof landingPage == 'undefined' || landingPage==null){
					window.location = 'http://profile.myspace.com/Modules/Applications/Pages/Canvas.aspx?appId='+actionRedirect;
				} else {
					window.location = 'http://www.myspace.com/'+actionRedirect;
				}
		 }
	});

function dummyResponseHandler(response){
	//nothing here
}
////////////////////////  end promotion