var Dashboard = {

    pages : 0,

    getMedia : function (modstat,start){	
    	
    	var modstatuses = {
    		0 : 'pending',
    		1 : 'approved',
    		2 : 'declined'
    	}
    
    	var filetypes = [1,2];
    
    	var type = modstatuses[modstat];

    	var params = {
    		'vhost' 					: 3,
    		'filters[filetype][0]' 		: 1,
    		'filters[filetype][1]'      : 2,
    		'filters[moderationStatus]' : modstat,
    		'filters[uid]'				: -1,
    		'start' 					: (this.pages * 10),
    		'limit' 					: 20
    	}
    	
    	jsonRequest('media.getFiles', params, function(result) { Dashboard.getMediaResult(result, type) });
    	$('dashFileThumbs').innerHTML = '';	
    },

    getMediaResult : function (result, type){
    	
    	data = result.data;
    
    	pages = Math.ceil(result.numRows / 10);
    
    	var paging = ''
    	for(var i=0; i<pages; i++){
    		paging  = '<li>';
    		paging += ' <a href="#" onclick="Dashboard.getMedia('+type+', '+i+');" />';
    		paging += '</li>';
    	}
    	
    	myClass = '';
    	if(type != 'approved'){
    		myClass="hidden";
    	}
    
    	var ob ='<div id="'+type+'" class="tabpage '+myClass+'">';
    	
    	for(var i = 0; i<data.length; i++){
    
    		if (i && i%5==0) ob+='<br style="clear:both" />';
    		ob += '<div class="dashFileThumbItem">';	
    		ob += '  <a href="/mediadetail/' + data[i]['id'] + '-'+data[i]['title']+'?uid='+data[i]['uid']+'" title="'+data[i]['title']+'">';
    		ob += '    <img class="thumb mediaThumb" src="' + data[i]['publicUrl'] + '/12" alt="'+data[i]['title']+'" />';
    		ob += '  </a>';
    		ob += '  <span class="thumbCaption">';
    		ob += '    <img src="/static/3/images/filetypes/' + data[i]['filetype'] + '.gif" alt="'+ data[i]['filetype']+'"/> ' + data[i]['title'].truncate(15);
    		ob += '  </span>';
    		ob += '</div>';
    	}
    	ob += '</div>';
    			
    	$('dashFileThumbs').innerHTML += ob;
    	$('pager').innerHTML = paging;
    },
    
    	

    init : function () {
    
    	loaded = true;
        Dashboard.getMedia(1, 0);
    	Dashboard.getMedia(0, 0);
    	Dashboard.getMedia(2, 0);
    }

}
var Tabs = {

    openDiv : function ( parent, target) {

    	try { 

    		var divs = $(parent).getElementsByClassName('tabpage');
    	
    		for(var i=0; i<divs.length; i++){
    	
    			divs[i].addClassName('hidden');
    			divs[i].removeClassName('open');
    		}
    	
    		$(target).addClassName('open');
    		$(target).removeClassName('hidden');

    	} catch (e) {
/*
    	var s = "";
 
       	for ( x in e ){
       		s += x + "\t" + e [ x ] + "\n";
       	}
       	alert ( s );
*/
    	}
    },

    openTab : function (parent, elem){

    	try {

    		var tabs = $(parent).getElementsByTagName('a');
    		
    		for(var i=0; i<tabs.length; i++){
    			
    			$(tabs[i]).removeClassName('active');
    			$(tabs[i]).addClassName('inactive');
    		}
    		elem.removeClassName('inactive');
    		elem.addClassName('active');
    		elem.blur();

    	} catch (e) {

    	//	alert(error);
/*
 var s = "";
 
   for ( x in e ){
       	s += x + "\t" + e [ x ] + "\n";
       }
       alert ( s );
*/       

    	}
    }

}
var Popup = {

    openWindow : function (url, name, params){
    	
    	window.open(url, name, params);
    
    }

}
var smyTools = {

/*
 * Send to friend
 *
 */
    isTouched : false,

    uploadFormInit : function (){
    	var inputs = $('uploadsteps').getElementsByClassName('field');
    	for(var i=0; i<inputs.length; i++){
    		inputs[i].onfocus = function() {smyTools.emptyInputs()};
    	}
    },

    emptyInputs : function () {
    	
    	var inputs = $('uploadsteps').getElementsByClassName('field');
    	
    	if(smyTools.isTouched == false){
    		for(var i=0; i<inputs.length; i++){
    			inputs[i].value=' ';	
    		}
    		smyTools.isTouched = true;
    	}
    	
    	/*
    	if(this.isTouched == false){
    	   this.value = '';
    	   this.isTouched = true;
     	}
    	*/
    },

    formIsOpen : false,

    //hovering of prev/ next images.
    hoverOverSimilar : function (elem){
    	elem.src='/static/3/images/buttons/'+elem.id+'_hover.png';
    },
    
    hoverOutSimilar : function (elem){
        elem.src='/static/3/images/buttons/'+elem.id+'.png';
    },												        

    openDiv : function (divId){
    	if(!smyTools.formIsOpen){
    		try{
    			new Effect.SlideDown(divId,{duration:0.35});
    			new	Effect.ScrollTo(divId, {offset : -200});
    		}
    		catch(e){
    	    	alert(e);
    		}
    		smyTools.formIsOpen = true;
    		inputs = $(divId).getElementsByTagName('input');
    		inputs[0].focus(); 
    	} else {
    		smyTools.closeDiv(divId);
    		smyTools.formIsOpen = false;
    	}
    },

   closeDiv : function (divId){
    	try{
    		Effect.SlideUp(divId,{duration:0.35});
    	}
    	catch(e){
    		alert(e);
    	}
    	smyTools.formIsOpen = false;
    },

    sendMedia : function () {
    	var params = {
    		mid 			: mediaId,
    		vhost			: selectedVHost,
    		sendername 		: $('sendername').value,
    		senderemail		: $('senderemail').value,
    		message 		: $('message').value,
    		mailtoaddress 	: $('rEmail').value
    	}
    	jsonRequest('showmeyours.sendMedia', params, function(result){smyTools.sentMedia(result);});
    },

    sentMedia : function (result) {
    	if(result){
    		feedback = "Rock on! Your email has been sent.";
    	} else {
    		feedback = "Bummmer. Something went wrong at some point at some time.";
    	}
    	$('toolsfeedback').innerHTML = '<p>' + feedback + '</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset: -300});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    	smyTools.clearFeedback(3000);
    },

/*
 * set as avatar
 *
 */

    setAvatar : function () {
    	var params = {
    		mid : mediaId
    	}
    	jsonRequest('showmeyours.setAvatar', params, function(result){smyTools.avatarSet(result);});
    },

    avatarSet : function (result) {
    	var feedback = '';
    	if(result){
    		 feedback = 'Your avatar has been updated';
    	} else {
    		feedback = 'For some unexplainable reason, the avatar could not be updated. Maybe it will work in a few minutes.'
    	}
    	$('toolsfeedback').innerHTML = '<p>' + feedback + '</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset: -300});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    	smyTools.clearFeedback(3000);

    },



/*
 * mark as offensive
 *
 */

    markOffensive : function () {
    	var params = {
    		mid : mediaId
    	}
    	jsonRequest('media.markOffensive', params, function(result){smyTools.offensiveResponse(result);});
    },

    offensiveResponse : function(result){

    	if(result){
    		response = 'Thanks for your feedback. We will look at the file and review it for offensiveness.';
    	} else {
    		response = 'Something went wrong';
    	}

    	$('toolsfeedback').innerHTML = '<p>'+ response +'</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset: -300});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    	smyTools.clearFeedback(3000);
    },

/*
 * add To Favorites
 *
 */

    addToFavorites : function () {
    	var params = {
    		mid : mediaId
    	}
    	jsonRequest('media.addToFavorites', params, function(result){smyTools.addedToFavorites(result, params['mid']);});
    	return false;
    },

    addedToFavorites : function (result, mid) {
    	if(result) {
    		response = 'The file has been added to your favorites.';
    	} else {
    		response = 'Something went wrong. Perhaps you can try again later, or fill out the <a href="http://www.muchmusic.com/community/showmeyours/bugForm/index.asp" onclick="Popup.openWindow(\'http://www.muchmusic.com/community/showmeyours/bugForm/index.asp\', \'mywindow\', \'menubar=no, width=300, height=320, toolbar=no\'); return false;">feedback form</a>.';
    	}
    	
    	$('toolsfeedback').innerHTML = '<p>' + response + '</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset: -300});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    	smyTools.clearFeedback(3000);
    	$('favorites').innerHTML = 'Remove from favorites';
    	$('favorites').onclick = function(){smyTools.removeFromFavorites(mid)};
},

/*
 * Remove from favorites
 *
 */ 

    removeFromFavorites : function (klaas) {
    	
    	if(!mediaId){
    		var mediaId = klaas;
    	}


    	var params = { 
    		mid : mediaId
    	}

    	jsonRequest('media.removeFromFavorites', params, function(result){smyTools.removedFromFavorites(result,params['mid']);});
    	return false;
    },

    removedFromFavorites : function (result,mid) {
    	
    	if(result){
    		result = 'The file has been removed from your favorites.';
    	} else {
    		result = 'Something went wrong. Perhaps you can try again later, or fill out the <a href="http://www.muchmusic.com/community/showmeyours/bugForm/index.asp" onclick="Popup.openWindow(\'http://www.muchmusic.com/community/showmeyours/bugForm/index.asp\', \'mywindow\', \'menubar=no, width=300, height=320, toolbar=no\'); return false;">feedback form</a>.';
    	}
    	
    	try{
    		var targetDiv = 'favorite_' + mid;
    		new Effect.Fade(targetDiv, {duration: 0.5});
    	} catch (e) {
    	}
    	$('toolsfeedback').innerHTML = '<p>' + result + '</p>';
    	new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    	smyTools.clearFeedback(3000);
    	$('favorites').innerHTML = 'Add to favorites';
    	$('favorites').onclick = smyTools.addToFavorites;
    	
    },

/*
 * add a comment
 *
 */
    addComment : function () {

    var params = {
    		id :	  $('mid').value,
    		comment : $('leaveComm').value
    	}

    	jsonRequest('media.addComment', params, function(result){smyTools.addCommentResult(result);});

    },

    addCommentResult : function(result){
    	
    	if(result){
    		response = 'Thanks for your comment, it is currently awaiting moderation by content owner.';
    	} else {
    		response = 'Something went wrong. Perhaps you can try again later, or fill out the <a href="http://www.muchmusic.com/community/showmeyours/bugForm/index.asp" onclick="Popup.openWindow(\'http://www.muchmusic.com/community/showmeyours/bugForm/index.asp\', \'mywindow\', \'menubar=no, width=300, height=320, toolbar=no\'); return false;">feedback form</a>.';
    	}
    	
    	$('toolsfeedback').innerHTML = '<p>' + response + '</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset: -300});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    	smyTools.clearFeedback(3000);
    	$('leaveComm').value = '';
    },

/*
 * Moderate Comment
 *
 */

    moderateComment : function (commentid, newstatus) {
    	var params = {
    		cid : commentid,
    		status : newstatus
    	}
    	jsonRequest('showmeyours.moderateComment', params, function(result){smyTools.moderatedComment(result);});
    	return false;
    },

    moderatedComment : function(result){
    	if(result == 5){
    		response = "The comment has been <strong>approved</strong>";
    	}
    	if(result == 7){
    		response = "The comment has been <strong>denied</strong>";
    	}
    	new Effect.Highlight('commentsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    	$('commentsfeedback').innerHTML = response;
    },

/*
 * Rate media
 *
 */


    rateMedia : function (rating) {
    	var params = {
    		r : rating,
    		m : mediaId
    	}
    	jsonRequest('media.rateMedia', params, function(result){smyTools.ratedMedia(result, rating);});
    return false;
    },

    ratedMedia : function (result, rating){
    
    	$('avgRating').innerHTML = '';
    	newrating = Math.round(result/2);
    	
    	as = '';
    	for(var i=0; i<newrating; i++){
    		as += '<li><img src="/static/3/images/rating/star_on.gif" alt="' + i + 'stars"/></li>';
    	}
    	$('avgRating').innerHTML = as;
    
    	// making user rating sticky

    	$('newRating').innerHTML = '';
    	
    	il = '';
    
    	
    	counter = new Array();
    	counter[1] = 'one';
    	counter[2] = 'two';
    	counter[3] = 'three';
    	counter[4] = 'four';
    	counter[5] = 'five';

    	for (var i=1; i<=5; i++) {
    		star = i==1?'star':'stars';

    		
    		if(i <= rating) {
    			il += '<li><a href="/action/ratemedia?r=' + i + '&m=' + mediaId + '" title="Rate this ' + 
    			i + star + ' out of 5" onclick="return smyTools.rateMedia(' + i + ');" id="fmStarPicked" class="' + 
    			counter[i] + '-' + star + '">' + i + '</a></li>' + "\n";
    		} else {
    			il += '<li><a href="/action/ratemedia?r=' + i + '&m=' + mediaId + '" title="Rate this ' + 
    			i + star + ' out of 5" onclick="return smyTools.rateMedia(' + i + ');" class="' + 
    			counter[i] + '-' + star + '">' + i + '</a></li>' + "\n";
    
    		}
    	}


    	$('newRating').innerHTML = il;
    
    	$('toolsfeedback').innerHTML = '<p>Thanks for your ' + rating + '-star rating!</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset : -500});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    
    },

    
    dataTypes : ["other","photo","video","audio"],

    updateMessage : function(message) {

    	var params = {
    		'newProperties[message]' : message, 
    		'id' : mediaId
    	};	
    	
    	jsonRequest('media.updateMediaData',params,function(result) { smyTools.updateMediaResult('messageInput',result); });

    },


    updateTitle : function(title) {

    	var params = {
    		'newProperties[title]' : title, 
    		'id' : mediaId
    	};
    	
    	jsonRequest('media.updateMediaData',params,function(result) { smyTools.updateMediaResult($('titleEdit').getElementsByClassName('editor')[0],result); });

    },


    updateTags : function(tags) {

    	var params = {
    		'newProperties[tags]' : tags, 
    		'id' : mediaId
    	};	
    	
    	jsonRequest('media.updateMediaData',params,function(result) { smyTools.updateMediaResult('tagsInput',result); });

    },

    updateChannel : function(channel) {

    	var params = {
    		'newProperties[channel]' : channel, 
    		'id' : mediaId
    	};	
    	
    	jsonRequest('media.updateMediaData',params,function(result) { smyTools.updateMediaResult('',result, 'Channel changed.'); });

    },

    updateMediaResult : function(elem,result, feedback) {
    	
    	if(feedback){
    		var feedback = 'Category changed.';
    		$('toolsfeedback').innerHTML = '<p>' + feedback + '</p>';
    		new Effect.ScrollTo('toolsfeedback', {offset: -450});
    		new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    		smyTools.clearFeedback(3000);
    	}

    },

    editing : false,

    editElement : function(parentelem, target, elem, newfunction){
    	if(!smyTools.editing){
    		smyTools.editing = true;
    		try {
    			var detail = $(target).innerHTML;
    			var editDetail = document.createElement("input");
    			editDetail.setAttribute("value", detail); 
    			editDetail.setAttribute("class", "editor");
    			editDetail.setAttribute("id", "myeditor");
    			$(parentelem).appendChild(editDetail);
    			$(target).hide();
    			$(target).innerHTML = '';
    			editDetail.focus();
    			elem.innerHTML = '[ OK ]';
    			oldonclick = elem.onclick;
    			
    			elem.onclick = function(){
    				var newcontent = $('myeditor').value;
    				newfunction(newcontent);
    				$(parentelem).removeChild($('myeditor'));
    				//$(target).getElementsByTagName('input')[0].value = newcontent;
    				//$(target).getElementsByTagName('input')[0].hide();
    				var newTextElem = document.createTextNode(newcontent);
    				$(target).appendChild(newTextElem);
    				$(target).show();
    				elem.innerHTML = '[Edit]';	
    				elem.onclick = oldonclick;
    				smyTools.editing = false;
    				return false;
    				
    			};
    		} catch (error) {
    			alert(error);
    		};
    	return false;	
    	}
    },

    editTags : function (parentelem, target, elem){
    	if(!smyTools.editing){
    		smyTools.editing = true;
    		try{
    			taglist = $(parentelem).getElementsByTagName('a');
    			var tags = ''; 
    			for(var i = 0; i<taglist.length; i++){
    				tags += taglist[i].innerHTML + ' ';			
    			};
    			$(target).hide();
    			
    			$(target).innerHTML = '';
    			var editor = document.createElement('textarea');
    			$(editor).setAttribute("name", "tags");
    			editor.setAttribute("class", "editor");
    			editor.value = tags;
    			$(parentelem).appendChild(editor);
    			editor.focus();
    			elem.innerHTML = '[ OK ]';
    			var oldonclick = elem.onclick;
    			elem.onclick = function(){
    				var newtags = editor.value;	
    				smyTools.updateTags(newtags);
    				var tagsarray = newtags.split(" ");
    				var html = '';
    				for(var i = 0; i<tagsarray.length; i++){
    					html += '<li><a href="/medialist?q=' + tagsarray[i] + '">' + tagsarray[i] + '</a> </li> ';
    				}
    				$(target).innerHTML = html;
    				editor.hide();
    				editor.setAttribute('id', 'inactiveeditor');
    				$(target).show();
    				elem.innerHTML = '[Edit]';
    				elem.onclick = oldonclick;
    				return false;
    			}
    		}		
    				
    		catch (error) {
    			var s = "";
    			for ( x in e ){
    				s += x + "\t" + e [ x ] + "\n";
    			}
    			alert ( s );
    		};
     	}
    		smyTools.editing = false;
    		return false;	
    },



    clearFeedback : function (interval) {
    	var t = setTimeout("$('toolsfeedback').innerHTML = '';", interval);
    	/*
    	var t = setTimeout("Effect.toggle('toolsfeedback');", interval);
    	*/
    }

}
var Uploader = { 
    
    uploadComplete : false,

    fileMap : [],


    checkedBox : function  () {
    
    	if(($('under_16').checked == true) || ($('over_16').checked == true)){
    		this.setCookie('check_16', true, 360);	
    	} else {
    		alert('please check one of the boxes!');
    	}
    },

     readCookie : function (cookieName) {
     	var theCookie=""+document.cookie;
      	var ind=theCookie.indexOf(cookieName);
       	if (ind==-1 || cookieName=="") return ""; 
        	var ind1=theCookie.indexOf(';',ind);
     	if (ind1==-1) ind1=theCookie.length; 
      	return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
    },

    setCookie : function (cookieName,cookieValue,nDays) {
     	var today = new Date();
      	var expire = new Date();
       	if (nDays==null || nDays==0) nDays=1;
        expire.setTime(today.getTime() + 3600000*24*nDays);
     	document.cookie = cookieName+"="+escape(cookieValue) + ";expires="+expire.toGMTString();
    },

    checkAge : function () { 
    	//see if backed says we're under 16..
    	if (!ageCheck){	
    		//if not, see if we've gotten permission from parents already
    		if ( Uploader.readCookie('check_16') ) {
    			//display tabs
    			new Effect.ScrollTo('dashUpTabs', {offset: -30});
    			new Effect.Appear('dashUpTabs');
    			//hide checboxes
    			new Effect.Fade('check16');
    			new Effect.Fade('tip3');
    		} else {
    			//hide tabs
    			$('dashUpTabs').hide();
    			//display checkboxes
    			$('check16').show();
    			$('tip3').show();
    		}
    	//none of the abvove ? guess we're 16 then..
    	} else {
    			//display tabs
    			new Effect.ScrollTo('dashUpTabs', {offset: -300});
    			new Effect.Appear('dashUpTabs');
    			//hide checboxes
    			new Effect.Fade('check16');
    			new Effect.Fade('tip3');
    	}
    },

    onStart : function(fileObj) {
    
    	$('fileName') . innerHTML = fileObj.name;

    	var filesize = fileObj.size;
     	var suffix = 'Bytes';

    	if ( fileObj.size > 1048576 )
    	{
    		filesize = fileObj.size / 1048576;
    		suffix = "MB";
    	}
    	else
    	{
    		if ( fileObj.size > 1024 )
    		{
    			filesize = fileObj.size / 1024;
    			suffix = "KB";
    		}
    	}

    	filesize = Math.round ( filesize );

    	var fileExt = fileObj.name.substring(fileObj.name.lastIndexOf('.')+1);
    
    	var html = '';
     	html +='<div class="queuedUploadItem" id="uploadFile' + (this.fileMap.length) + '">';
    	html +=' <table class="uploadtable">';
    	html +='  <tr><th>Filename</th><th>Filetype</th><th>Size</th></tr>';
    	html +='  <tr class="row2"><td>' + fileObj.name + '</td><td>' + fileExt+ '</td><td>' + filesize + ' ' + suffix + '.</td></tr>';
    	html +='  <tr class="row3"><td colspan="3"><span id="uploadStatusLabel">Status: </span><span id="progressbar"><img src="/static/4/images/progressbar.png" width="0px"  height="6px" /></span><span id="uploadStatusComplete"></span></td></tr>';
    	html +='  </table>';
    	html +='</div>';
    	
    	$('uploadStatus').innerHTML = html;
    	
    	this.fileMap[this.fileMap.length] = fileObj;
    	
    },

    fetchFileElem : function(fileObj) {

    	for(var i=0;i<this.fileMap.length;i++) {

    		if (this.fileMap[i].name == fileObj.name) {
    		
    			return $('uploadFile'+i); 

    		}
    	}
    },

    updateProgressBar : function (elem, percent){
    	if(percent < 1){
    		elem.getElementsByTagName('img')[0].setAttribute('width', 0);
    	} else {
    		elem.getElementsByTagName('img')[0].setAttribute('width' , (1.0 * Math.round(percent))) ;
    //		elem.getElementsByClassName('percCount')[0].setAttribute("color", "rgb(" + Math.round(percent) +","+Math.round(percent)+","+Math.round(percent)+");";
    	}	
    },

    onProgress : function(fileObj,bytesLoaded) {

    	elem = this.fetchFileElem(fileObj);
    	var perc = bytesLoaded / fileObj.size * 100;
    	//alert(Math.round(perc));
    	Uploader.updateProgressBar(elem, perc);
    	$('uploadStatusComplete').innerHTML =  Math.floor(perc) + '%';
    	
    },

    onComplete : function(fileObj) {

    	elem = this.fetchFileElem(fileObj);
    	Uploader.updateProgressBar(elem, 100);
    
    },

    onCancel : function(fileObj) {
//    	alert('cancel');
    //	Messenger.message(1,'Upload was cancelled');

    },

    onError : function(errcode,file,msg) {

    	var error = '';

    	switch(errcode) {

    		case -10 : error = 'HTTP error'; break;
    		case -30 : error = 'I/O error'; break;
    		case -40 : error = 'Securty violation error'; break;
    		case -50 : error = 'File is too big, the limit is 100 megs. '; break;

    		default : error = 'Unknown error';
    	}

    	$('uploadStatus').innerHTML+='';
    	this.fileMap.length = 0;
     	
    	$('toolsfeedback').innerHTML = '<p class="error">' + error + '</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset: -300});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#F04E1F', endcolor: '#ffffff'});
    	smyTools.clearFeedback(3000);
    	//this.openPage(4);
    
    },

    openPage : function(page) {

    	var pages = document.getElementsByClassName('panelTopper');

    	for(var i = 0; i < pages.length; i++ ) {

    		//alert(pages[i].id);
    		if (pages[i].id == 'upload_' + page) {
    			pages[i].show();
    		} else {
    			pages[i].hide();
    		}
    	}	

    },

    onQueueComplete : function() {
    	Uploader.uploadComplete = true;
    	Uploader.openPage("3");
    },

    selectFiles : function() {

    	//alert($('uploader'));
    	$('uploader').selectFiles();

    },

    startUpload : function() {


    	window.onbeforeunload = function() {
    		return Uploader.confirmCancel();
    	};

       /*
    	var falsecount = 0;
    	var inputs = $('uploadsteps').getElementsByClassName('field');
    	for (var i = 0; i<inputs.length; i++){
    		if(smyTools.isTouched == false){
    			falsecount ++;
    		}
    	}		
    	*/

    	try {
    		
    		if(smyTools.isTouched){
    		} else {
    			$('toolsfeedback').innerHTML = '<p class="error">Of course, if everyone would leave the title, description and tags just like they are displayed here as example, this site would become quite boring no?</p>';
    			new Effect.Highlight('toolsfeedback', {startcolor: '#F34C20', endcolor: '#ffffff'});
    			new Effect.ScrollTo('toolsfeedback', {offset: -200});
    			smyTools.clearFeedback(3000);
    			
    			return false;
    		}

    		
    		if(this.fileMap.length < 1){
    			$('toolsfeedback').innerHTML = '<p class="error">please select a file you want to upload</p>';
    			new Effect.Highlight('toolsfeedback', {startcolor: '#F34C20', endcolor: '#ffffff'});
    			new Effect.ScrollTo('toolsfeedback', {offset: -200});
    			smyTools.clearFeedback(3000);
    			return false;
    		}
    		/*
    		if(falsecount > 0){
    			$('toolsfeedback').innerHTML = '<p class="error">ofcourse, if everyone would leave the title, description and tags just like they are displayed here as example, this site would become quite boring no?</p>';
    			new Effect.Highlight('toolsfeedback', {startcolor: '#F34C20', endcolor: '#ffffff'});
    			new Effect.ScrollTo('toolsfeedback', {offset: -200});
    			smyTools.clearFeedback(3000);
    			return false;
    		}
    		*/
    		if($('title').value == ''){
    			$('toolsfeedback').innerHTML = '<p class="error">You didn\'t supply a title for the file</p>';
    			new Effect.Highlight('toolsfeedback', {startcolor: '#F34C20', endcolor: '#ffffff'});
    			new Effect.ScrollTo('toolsfeedback', {offset: -300});
    			smyTools.clearFeedback(3000);
    			$('title').focus();
    			return false;
    		}
    	
    		this.openPage('2');
    		var params = $H({
    			SABRE_ID : Cookies.getCookie(sessionCookieName),
    			'vid' : selectedVHost,
    			title : $('title').value,
    			message : $('message').value, 
    			tags : $('mediatags').value,
    			channel : $('channelSelect').value
    		});
    		$('uploader').setEndPoint('/services/upload2?' + params.toQueryString());
    		$('uploader').startUpload();
    	} catch(err) {
    		alert(err);
    	}
    	return false;
    },

    reset : function(){
    	$('fileName').innerHTML = '';
    	$('title').value = '';
    	$('message').value = '';
    	$('mediatags').value = '';
    	this.fileMap.length = 0;		
    },
    
    confirmCancel : function () {
    	if(!Uploader.uploadComplete){
    		return "Navigating away form this page while uploading, will result in a broken file.";
    	}

    }

}
var Validate = {

    checkValue : function (elemId) {
    
    	if($(elemId).value.length < 2){
    		
    		$('toolsfeedback').innerHTML = '<p>Please enter a decent comment before pressing submit..</p>'; 
    		new Effect.Highlight('toolsfeedback', {startcolor: '#3f4991', endcolor: '#FFFFFF'});			
    		new Effect.Highlight('leaveComm', {startcolor: '#E51931', endcolor: '#FFFFFF'});
    		
    		return false;
    
    	} else {
    		smyTools.addComment();
    	}
    
    }

    

}
var Player = {

    tempData : '',
    isFullscreen : false,
    parent : false,
    oWidth : 0,
    oHeight: 0,

    fullscreen : function() {

    	try {

    		if (this.isFullscreen) {

    			vh = $('VideoPlayer');
    			


    			document.body.removeChild(vh);
    			

    			this.parent.appendChild(vh);


    			var vidPlr = document.getElementById('VideoPlayer');
    			
    			vidPlr.style.position = 'relative';
    			vidPlr.style.width = this.oWidth;
    			vidPlr.style.height = this.oHeight;

    			var bce = document.body.childNodes;
    			for(var i=0;i<bce.length;i++) {

    				if(bce[i].nodeType==1)
    					bce[i].style.display = "block";

    			}
    			

    		//	document.body.innerHTML = this.tempData;

    		} else {


    			var vh = document.getElementById('mediaContainer');

    			//var scripts = vh.getElementsByTagName('script');
    			//if (scripts.length) vh.removeChild(scripts[0]);


    			this.parent = vh;

    			var vidPlr = document.getElementById('VideoPlayer');

    			vh.removeChild(vidPlr);
    			
    			var bce = document.body.childNodes;

    			for(var i=0;i<bce.length;i++) {

    				if(bce[i].nodeType==1)
    					bce[i].style.display = "none";

    			}

    			



    			
    			//vh.style.width = '100%';
    			//vh.style.height = '100%';
    			//vh.style.position = 'absolute';
    			//vh.style.top = '0';
    			//vh.style.left = '0';

    			//var vidPlr = vh.getElementById('VideoPlayer');

    			document.body.appendChild(vidPlr);

    			this.oWidth = vidPlr.style.width;
    			this.oHeight = vidPlr.style.height;

    			vidPlr.style.position = 'absolute';
    			vidPlr.style.top = '0px';
    			vidPlr.style.left = '0px';
    			vidPlr.style.width = '100%';
    			vidPlr.style.height = '100%';

    			/*
    			//var vh = $('mediaContainer').innerHTML;

    			this.tempData = document.body.innerHTML;

    			document.body = vh;
    			
    			

    /*
    			$('VideoPlayer').style.position = 'absolute';
    			$('VideoPlayer').style.top = '0px';
    			$('VideoPlayer').style.left = '0px';
    			$('VideoPlayer').style.width = '100%';
    			$('VideoPlayer').style.height = '100%';

    		
    */

    		}
    		this.isFullscreen = !this.isFullscreen;
    	} catch(e) { alert(e); }

    },

    allowsFullscreen : function() {

    	return true;

    }

};
var BlogSetup = {

    manualtitle : false,

    field_username : false,
    field_password : false,
    

    blogInfo : [],

    objectToHash : function (obj, name) {
    //	returns a hash of obj
    	var params = {};
    	for (var i in obj){
    		params[name + '[' + i + ']' ] = obj[i]  ; 
    	}	
    	return params;
    },


    autoDetect : function (uri) {
    	var params = {	uri : uri}
    	new Effect.Appear('loader1', {duration: 0.2});
    	jsonRequest('blogging.detectBlogInfo', params, function (result) { 
    		BlogSetup.handleAutoDetect ( result ),
    		BlogSetup.handleAutoDetectExc ( result );
    	});
    },

    handleAutoDetect : function (result){
    	new Effect.Fade('loader1', {duration: 0.5});
    	this.blogInfo = result;
    	if(this.blogInfo.autodetect == true){
    		this.autoConfigure();
    		new Effect.Fade('status', {duration: 0.3});
    		$('autodetectfail').hide();
    	} else {
    		new Effect.Fade('stepA2', {duration: 0.3});
    		new Effect.Fade('stepB2', {duration: 0.3});
    		new Effect.Appear('status', {duration: 0.5});
    		$('autodetectfail').show();
    		new Effect.ScrollTo('autodetectfail', {offset : -300});	
    	}
    },
    			
    handleAutoDetectExc :function (result) {
    	new Effect.Fade('loader1');
    	//alert(result);
    },

    retry : function () {
    	$('status').hide();
    	$('autodetectfail').hide();
    	new Effect.Fade('saved', {duration: 0.5});
    	new Effect.Highlight('blogurl', {startcolor: '#cccccc', endcolor : '#ffffff', duration: 0.4});
    	//$('blogurl').focus();
    	new Effect.Appear('step1', {duration: 0.3});
    	$('savebutton').disabled = false;
    	$('savebutton').innerHTML = 'save';
    	$('blogselect').innerHTML = '';
    },

    confirmBlogData : function (){
    	this.blogInfo.username = $('auto_username').value;
    	this.blogInfo.password = $('auto_password').value;
    	new Effect.Appear('loader2', {duration: 0.3});
    	jsonRequest('blogging.confirmBlogData', BlogSetup.objectToHash(this.blogInfo, 'blogInfo'), 
    		function (result) {BlogSetup.handleConfirmBlogData(result)},
    		function (exception) {BlogSetup.handleConfirmBlogException(exception)}
    		);
    },

    handleConfirmBlogData : function (result) {
    	new Effect.Fade('loader2', {duration: 0.5});
    	if(result == true){
    		new Effect.Appear('step3', {duration: 0.5});
    		new Effect.ScrollTo('step3', {offset : -200});
    		$('myblogtitle').value = this.blogInfo['title'].escapeHTML();	
    		if(result.length > 0){	
    			$('bloglist').show();
    			var option = document.createElement('option');
    			option.value = this.blogInfo['title'].escapeHTML();
    			optiontext = document.createTextNode(this.blogInfo['title'].escapeHTML());
    			option.appendChild(optiontext);
    			$('blogselect').appendChild(option);
    		} else {
    			$('blog_manual_title').show();	
    			this.manualtitle = true;
    		}

    	} else {
    		new Effect.Fade('loader2', {duration: 0.5});
    		alert('Password and/or username are incorrect. \n\nPerhaps you have CAPS-lock switched on?');
    	}
    },

    handleConfirmBlogException : function (exception){
    	new Effect.Fade('loader2', {duration: 0.5});
    	alert('Could\'t connect to host. \n Does the url start with \'http://\'?');
    },

    autoConfigure : function () {
    	mydivs = $('blogsetup').getElementsByClassName("auto");
    	new Effect.Appear('stepA2', {duration: 0.3});
    	/*
    	for (var i = 0; i<mydivs.length; i++){
    		mydivs[i].show();
    	}
    	*/
    	new Effect.ScrollTo('stepA2', {offset : -200});
    	new Effect.Fade('stepB2', {duration: 0.4});
    	$('blogtitle_auto').innerHTML = this.blogInfo['title'].escapeHTML();
    },

    manualConfigure : function () {
    	$('status').hide();
    	$('autodetectfail').hide();
    	new Effect.Fade('stepA2', {duration: 0.3});
    	new Effect.Appear('stepB2', {duration: 0.5});
        new Effect.ScrollTo('stepB2', {offset: -200});	
    	var params = {};
    	jsonRequest('blogging.getBlogPresets', params, function (result) {BlogSetup.handleManualConfigure(result);});		
    },

    handleManualConfigure : function (result){
       	var list ='<option value="0">- choose your blogtype -</option>';
    	this.blogPresets = result;
    	
    	var option0 = document.createElement('option');
    	option0.value=0;
    	var optiontext = document.createTextNode('- choose your blogtype -');
    	option0.appendChild(optiontext);
    	$('blogtypes').appendChild(option0);

    	result.each ( function ( objPair )
        	{
    			var option = document.createElement('option');
    			option.value =  objPair.id;
    			var optiontext = document.createTextNode(' ' + objPair.name);
    			option.appendChild(optiontext);
    			$('blogtypes').appendChild(option);
    		} );
    },

    getPresetById : function(id) {
    	for(var i=0;i<this.blogPresets.length;i++) {
    		if (this.blogPresets[i].id == id) return this.blogPresets[i];	
    	}
    },

    showGateway : function (presetNo) {
    	var preset  = this.getPresetById(presetNo);
    	var gateway = preset['gateway'];	
    	var suggest = preset['gatewaysuggest'];
    	var suggestdefault = 'http://www.myblog.com/xmlrpc.php';	
    	this.blogInfo.preset = preset['id'];
    	this.blogInfo.type = preset['blogtype'];	

    	if( gateway != ''){
    		$('blog_gateway').hide();
    		$('gateway_suggest_label').hide();
    	} else {
    		$('blog_gateway').show();
    		$('gateway_suggest_label').show();
    	}

    	$('gateway_suggest').innerHTML = suggestdefault;
    	$('blog_gateway').value = gateway;
    	$('gatewayok').disabled=false;
    		
    },

    submitManualBlog : function () {
    	//submits data and retrieves user's possible other configured blog
    	this.blogInfo.username = $('manual_username').value;
    	this.blogInfo.password = $('manual_password').value;
    	this.blogInfo.gateway = $('blog_gateway').value;
    	var params = {};
    	jsonRequest('blogging.getRemoteBlogs', BlogSetup.objectToHash(this.blogInfo, 'blogInfo'), 
    		function (result) {BlogSetup.showRemoteBlogs(result)},
    		function (exc) {BlogSetup.manualLoginError(exc)}
    	);
    	new Effect.Appear('loader4', {duration: 0.3});
    },

    manualLoginError : function (exc) {
    	new Effect.Fade('loader4', {duration: 0.5});
    	alert(exc['result'] + '\n\n file: ' + exc['file'] + '\n line: ' + exc['line'] + '\n\nThis probably means the username/password combination is wrong,  OR You have provided a wrong gateway URL. Check your settings.');
    },


    showRemoteBlogs : function (data){
    	new Effect.Fade('loader4', {duration: 0.5});
    	if(data == false){
    		alert('Login Error.\n\n This probably means the username/password combination is wrong, OR You have provided a wrong gateway URL. Check your settings.');
    	} else {
    		this.remoteBlogs = data;
    		if(data.length == 1){
    			this.blogInfo.remoteid = data[0]['remoteid'];
    			if(this.blogInfo.uri) this.blogInfo.uri= data[0]['uri'];
    			if(this.blogInfo.title) $('myblogtitle').value = data[0]['title'];
    						    
    			new Effect.Appear('step3', {duration: 0.3});
    			new Effect.ScrollTo('step3', {offset: -200});
    			$('bloglist').hide();
    			$('blog_manual_title').show();
    			this.manualtitle = true;
    		} else {
    			for(var i =0; i<data.length; i++){
    				var option = document.createElement('option');
    				option.value = i;
    				var optiontext = document.createTextNode(data[i]['title']);
    				option.appendChild(optiontext);
    				$('bloglist').show();
    				$('blogselect').show();
    				$('blogselect').appendChild(option);
    			}
    			$('blog_manual_title').show();
    			this.manualtitle = true;

    			//populating select in final step with our titles
    			new Effect.Appear('step3', {duration: 0.3});
    			new Effect.ScrollTo('step3', {offset: -200});
    			//$('blog_manual_title').hide();
    			$('blogselect').onchange = function(){
    				BlogSetup.setManualInfo(this);
    			};
    		}
    	}
    },

    setManualInfo : function (elem){
    	if(this.remoteBlogs[elem.value].title) this.blogInfo.title		 = this.remoteBlogs[elem.value].title;
    	if(this.remoteBlogs[elem.value].uri) this.blogInfo.uri 		     = this.remoteBlogs[elem.value].uri;
    	if(this.remoteBlogs[elem.value].remoteid) this.blogInfo.remoteid = this.remoteBlogs[elem.value].remoteid;
    },

    saveBlog : function () {
    	if(this.manualtitle) this.blogInfo.title = $('myblogtitle').value;	
    	jsonRequest('blogging.insertBlog', BlogSetup.objectToHash(this.blogInfo, 'blogInfo'), function (result) {BlogSetup.handleSaveBlog(result);});
    	$('savebutton').disabled="disabled";
    	new Effect.Appear('loader3', {duration: 0.5});
    },
    
    handleSaveBlog : function (result) {
    	new Effect.Fade('loader3', {duration: 0.5});
    	$('savebutton').innerHTML = 'saved';
    	divs = $('container').getElementsByClassName("tabpage");
    	for (var i = 0; i<divs.length; i++){
    		divs[i].hide();
    	}
    	$('status').show();	
    	$('saved').show();
    	$('blogselect').innnerHTML = '';
    	new Effect.ScrollTo('saved', {offset: -200});
    },

    resetField : function (elem, fieldName) {
    	field = 'field_' + fieldName;
    	
    	if(this[field] == false){
    		$(elem).value='';
    		this.field = true;
    	}
    },

    restoreField : function (elem, value) {
    	field = 'field_' + value;		
    	if($(elem).value.length == 0){
    		$(elem).value = value;	
    		this[field] = false;
    	} else {
    		this[field] = true;
    	}
    }

}
var BlogMedia = {

    checkBlogIdValue : function(elem) {
        if (elem.value=='setup') document.location = '/blogsetup/?vid=' + selectedVHost + '&mode=blogmedia&mid=' + $('mid').value; 
    },

    checkBlogSelector : function() {
    	if($('blogid').value == 0) {
    		var message = 'First select a weblog to blog to!'; 
    		BlogMedia.noBlogSelected(message);
    		return false;
    	} else {
    		BlogMedia.postBlog();
    		return false;
    	}
    },

    noBlogSelected : function (message) {
    		$('toolsfeedback').show();
    		$('toolsfeedback').innerHTML = '<p>' + message + '</p>';
    		new Effect.ScrollTo('toolsfeedback', {offset: -300});
    		new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    		smyTools.clearFeedback(3000);
    },


    postBlog : function (){
    	
    	try {
    	var params = {
    		id  		: $('blogid').value,
    		title   	: $('blogTitle').value,
    		type 		: $('blog_filetype').value,
    		message		: $('blog_message').value,
    		mid			: $('mid').value
    	}
    
    	
    	jsonRequest('blogging.postMedia', params, 
    		function ( result ) { BlogMedia.postBlogSuccess ( result ) },
    		function ( result ) { BlogMedia.postBlogError (result)}
    	);
    	new Effect.Appear('loader1');
    	} catch (e){
    		alert( e);
    	}
    
    	
    
    },

    postBlogSuccess : function (result){
    		var url = '';
    		for (var i=0; i<blogs.length; i++){
    			if(blogs[i].id == $('blogid').value){
    				url = '<a href="' + blogs[i].uri + '" target="_blank">'+blogs[i].uri+'</a>';
    			}
    		}
    		
    		new Effect.Fade('loader1');
    		feedback = "Our techmonkeys posted the file and your message to your blog.<br/> Check it out here: " + url;
    		new Effect.SlideUp('blogMedia');
    		smyTools.formIsOpen  = false;	
    		$('toolsfeedback').innerHTML = '<p>' + feedback + '</p>';
    		new Effect.ScrollTo('toolsfeedback', {offset: -300});
    		new Effect.Highlight('toolsfeedback', {startcolor: '#3c4991', endcolor: '#ffffff'});
    		smyTools.clearFeedback(15000);
    },
    
    postBlogError : function (result){
    	
    	new Effect.Fade('loader1');
    	feedback = 'Our techmonkeys ran into an issue and don\'t have a solution yet, maybe you can try again or fill out our <a href="#poweredBy" onclick="Popup.openWindow(\'http://www.muchmusic.com/community/showmeyours/bugForm/index.asp\', \'mywindow\', \'menubar=no, width=300, height=320, toolbar=no\'); return false;">feedback form</a>.';	
    	$('toolsfeedback').innerHTML = '<p class="error">' + feedback + '</p>';
    	new Effect.ScrollTo('toolsfeedback', {offset: -300});
    	new Effect.Highlight('toolsfeedback', {startcolor: '#F34C20', endcolor: '#ffffff'});
    	smyTools.clearFeedback(20000);
    }

}
var EditBlogs = {

    blogInfo : [],
    
    passIsTouched : false,

    objectToHash : function (obj, name) {
    //	returns a hash of obj
    	var params = {};
    	for (var i in obj){
    		params[name + '[' + i + ']' ] = obj[i]  ; 
    	}	
    	return params;
    },

    showBlog : function ( no ) {
    //	$('blogscontainer').hide();
    	new Effect.Appear('blogscontainer', {duration: 0.3});
    	$('blog_id').value 	     =  blogsList[no]['id']
    	$('blog_title').value    = 	blogsList[no]['title'];	
    	$('blog_username').value =  blogsList[no]['username'];
    	$('blog_remoteid').value =  blogsList[no]['remoteid'];
    	$('blog_gateway').value  =  blogsList[no]['gateway'];
    	$('blog_api').selectedIndex = blogsList[no]['type'];
    	$('savebutton').disabled = false;
    	this.getHeadlines(blogsList[no]['id']);
    	links = $('blogTitles').getElementsByTagName('A');
    	for(var j=0; j<links.length; j++){
    		links[j].className = "";
    	}
    	$('blogTitle'+no).addClassName( "selected");
    },

    resetPasswordField : function () {
    	if(this.passIsTouched == false){
    		$('blog_password').value='';
    		this.passIsTouched = true;
    	}
    },

    restorePasswordField : function () {
    	if($('blog_password').value.length == 0){
    		$('blog_password').value = 'enteryourpasswordhere';	
    		this.passIsTouched = false;
    	} else {
    		this.passIsTouched = true;
    	}
    },

    submitEditedBlog : function (blogid) {

    	this.blogInfo.title    = $('blog_title').value ;
    	this.blogInfo.username = $('blog_username').value;
    	if( this.passIsTouched && ($('blog_password').value.length > 0)) this.blogInfo.password = $('blog_password').value;
    	this.blogInfo.remoteid =  $('blog_remoteid').value;
    	this.blogInfo.gateway  = $('blog_gateway').value;
    	this.blogInfo.type     = $('blog_api').value;
    
    	for (var i = 0; i<blogsList.length; i++){
    		if(blogsList[i]['id'] == blogid){
    		blogsList[i]['title'] 	= $('blog_title').value;
    		blogsList[i]['username']	= $('blog_username').value;
    		blogsList[i]['remoteid']	= $('blog_remoteid').value;
    		blogsList[i]['gateway']	= $('blog_gateway').value;
    		blogsList[i]['type']		= $('blog_api').value; 
    		
    		if(this.passIsTouched && ($('blog_password').value.length > 0)) blogsList[i]['password'] = $('blog_password').value;

    		}
    	}	

    	var params = EditBlogs.objectToHash(this.blogInfo, 'blogInfo');			
    	params.id = blogid;

    	jsonRequest('blogging.updateBlog', params, function (result) {EditBlogs.updatedBlog(result);});	
    	
    	inputs  = $('bloginfocontainer').getElementsByTagName('input');
    	selects = $('bloginfocontainer').getElementsByTagName('select');
    	buttons = $('bloginfocontainer').getElementsByTagName('button');
    	for( var i = 0; i< inputs.length; i++){
    		inputs[i].disabled = "disabled";
    	}
    	for( var i = 0; i< selects.length; i++){
    		selects[i].disabled = "disabled";
    	}
    	for( var i = 0; i< buttons.length; i++){
    		buttons[i].disabled = "disabled";
    	}
    },

    updatedBlog : function  (result) {
    	inputs  = $('bloginfocontainer').getElementsByTagName('input');
    	selects = $('bloginfocontainer').getElementsByTagName('select');
    	buttons = $('bloginfocontainer').getElementsByTagName('button');
    	for( var i = 0; i< inputs.length; i++){
    		inputs[i].disabled = false;
    	}
    	for( var i = 0; i< selects.length; i++){
    		selects[i].disabled = false;
    	}
    	for( var i = 0; i< buttons.length; i++){
    		buttons[i].disabled = false;
    	}
    	EditBlogs.getBlogList();
    },

    deleteBlog : function(blogid){
    	
    	$('blog_id').value 	     = '';
    	$('blog_title').value    = '';	
    	$('blog_username').value = '';
    	$('blog_remoteid').value = '';
    	$('blog_gateway').value  = '';
    	$('blog_api').selectedIndex = 0;
    	
    	
    	var params = {
    		id : blogid
    	}
    	jsonRequest('blogging.deleteBlog', params, 
    		function (result){ EditBlogs.deletedBlog(result)},
    		function (result){ EditBlogs.deletedBlogExc(result)}	
    	);
    		
    },

    deletedBlog : function (result) {
    	this.getBlogList();
    },

    deletedBlogExc : function (result) {
    	alert('something went wrong!');
    },

    getBlogList : function () {
    	var params = {}
    	jsonRequest('blogging.getBlogs', params, function ( result ) { EditBlogs.buildBlogList(result);}); 
    },

    buildBlogList :function (data) {
    	blogsList = data;
    	var blogtitles = '';
    	for(var i = 0; i<data.length; i++){
    		blogtitles += '<li><a onclick="EditBlogs.showBlog('+i+');" style="cursor: pointer;"><span>'+data[i]['title'] + '</span></a></li>';
    	}
    	blogtitles +='<li><span><strong><a href="/blogsetup">add blog..</a></strong></span></li>';
    	$('blogTitles').innerHTML = blogtitles;
    }
}