var _prevOpenedBookmarkControl = null;
var previousSortEle = null;

function BookmarkToggleControls(ele){
	try {
		
			if(_sortingEnabled && ele.parentNode.parentNode!=previousSortEle) 
			{
				_sortingEnabled = false;
				previousSortEle.className = 'li.no-sort';
				views.WebView.gesturesEnabled = true;
				return false;
			}		
			else if(_sortingEnabled && (ele.parentNode.parentNode==previousSortEle))
			{
				return false;
			}
			
			ele.parentNode.className = (ele.parentNode.className == 'controlIn') ? 'controlOut' : 'controlIn';
			if(ele.parentNode.className == 'controlIn') {
				ele.className = 'collapsed';
				ele.parentNode.childNodes[1].className = "collapsedIcons";
				ele.parentNode.parentNode.childNodes[1].style.width = (parseInt(window.innerWidth)-115)+"px";
			}
	 		else {		
				ele.className = 'expanded';
				ele.parentNode.childNodes[1].className = "expandedIcons";
				ele.parentNode.parentNode.childNodes[1].style.width = (parseInt(window.innerWidth)-195)+"px";
			}

		if(_prevOpenedBookmarkControl != null && _prevOpenedBookmarkControl != ele)
			BookmarkHideControl(_prevOpenedBookmarkControl);
			
	}catch(e) { alert(e); }
	_prevOpenedBookmarkControl = ele;
}


function BookmarkHideControl(ele){
	ele.parentNode.className = 'controlIn';
 	ele.className = 'collapsed';
}


function deleteBookmark(r,bmtitle)
{
	window.bookmarksManager.deleteBookmark(bmtitle);
	//ToDo : check for error code
	r.parentNode.parentNode.parentNode.removeChild(r.parentNode.parentNode);
}


function openUrl(ele, newUrl) {
		// DragStart & DragEnd listeners are defined at bottom
		if(_sortingEnabled && (ele.parentNode!=previousSortEle)) 
		{
			_sortingEnabled = false;
			previousSortEle.className = 'li.no-sort';
			views.WebView.gesturesEnabled = true;
			return false;
		}
		else if(_sortingEnabled && (ele.parentNode==previousSortEle))
			{
				return false;
			}
		else if(__dragendFlag) 
		{
			__dragendFlag = false;
			return false;
		}		

    window.views.WebView.showNormalPage();
    window.ViewStack.switchView( "WebView","BookmarkTreeView");
      	  
		// Laod a page to chrome view
		window.views.WebView.loadUrlToCurrentPage(newUrl);
		views.WebView.gesturesEnabled = true;
}


//'<div class="Title"  onclick="openUrl(\''+bmurl+'\')">'+
//'<div class="collapsedIcons"><img src="icons/edit-icon.gif" width="56" height="56" class="controlIcon">'+
//background-image: url(\''+bmfavicon+'\');

function createBookmarkElement(bmtitle,bmfullurl,bmtrimmedurl, idValue)
{
		var _width = parseInt(window.innerWidth)-115;
		
		var li=document.createElement('li');
		li.id = idValue;
		li.innerHTML = 	  
		'<div class="controlIn">'+
		  '<div class="collapsed" onClick="javascript:BookmarkToggleControls(this);"></div>'+
			'<img class="controlIcon" src="icons/delete-icon.gif" width="56" height="56" vspace="7" hspace="5"  onclick="deleteBookmark(this, \''+bmtitle+'\')">'+
		'</div>'+
		'<div class="Title" style="width:'+_width+'px;" onclick="openUrl(this,\''+bmfullurl+'\')">'+
			'<span class="aTitle">'+bmtitle+'</span>'+
			'<br/>'+
			'<span class="aUrl">'+bmtrimmedurl+'</span>'+
		'</div>';
		
		return li;
}

function clearBookmarkList()
{
	var list = document.getElementById('bookmarkListTree'); 
	while( list.hasChildNodes() ) { 
		list.removeChild( list.lastChild ); 
	} 
}

var __dragendFlag = false;

function longtapbm(ele)
{ 
  if(_sortingEnabled)
  {
			_sortingEnabled = false;
			previousSortEle.className = 'li.no-sort';
			views.WebView.gesturesEnabled = true;
			return false;
  }
  	
  _sortingEnabled = true;
  _sortEleOffsetTop = ele.offsetTop;
  views.WebView.gesturesEnabled = false;
	ele.className = 'sort';
	previousSortEle = ele;
	$("#bookmarkListTree").sortable('enable');

}

// Set to the LongPress object that is currently waiting for activation,
// ie. it has gotten a mouse-down event and has its timer running.
var __currentLongPress;

function longPressStarted(lp)
{
    // Remember the current LongPress object so we can cancel it if scrolling
    // starts.
    __currentLongPress = lp;
}

function handlePanStarted(type) 
{
    // Scrolling started, cancel the LongPress.
    if(__currentLongPress != undefined) {
        __currentLongPress.cancel();
        __currentLongPress = undefined;
    }
}

function createBookmarkView()
{
		try
		{
			__currentLongPress = undefined;
			clearBookmarkList();
			//Get bookmarks data from database
			var bookmakrData = window.bookmarksManager.getBookmarksJSON();
			var myObject = eval('(' + bookmakrData + ')');
			var ul=document.getElementById('bookmarkListTree');
			for(x=0; x<myObject.length; x++)
			{
				var bmurl = myObject[x].urlvalue;
				var bmtitle = myObject[x].title;
				var bmtrimmedurl = bmurl.replace('http://','');
				bmtrimmedurl = bmtrimmedurl.replace('www.','');
				bmtrimmedurl = bmtrimmedurl.replace('file:///','');
				
				//create element and add it to bookmark view   
				var li = createBookmarkElement(bmtitle,bmurl,bmtrimmedurl, x);
				li.className = 'no-sort';
				ul.appendChild(li);
				ul.childNodes[0].focus();
				
				new LongPress(li.id, longtapbm, longPressStarted);
			}
		} catch(E) { alert(E); }
		dragInit();
}

function _updateBookmarkViewGoemetry(displayMode)
{
	try{
		var _list = document.getElementsByClassName('Title');
		for(var i=0; i<_list.length; i++){
			 if(_list[i].parentNode.childNodes[0].className == 'controlIn'){
			 	_list[i].style.width = (parseInt(window.innerWidth)-115)+"px";
			}
			 else{		
			 		_list[i].style.width = (parseInt(window.innerWidth)-195)+"px";
			 }
		}
	}catch(e){ alert(e); }

}

function launchBookmarkView()
{
	try{
        window.chrome.aspectChanged.connect(_updateBookmarkViewGoemetry);
        		
        // Get Bookmarks from the database		
        createBookmarkView();

        // Watch for the start of scrolling in the view so we can cancel the 
        // long presses to prevent them from interfere with scrolling.  Otherwise
        // the long press callback will fire and trigger sortable mode.        
        views.WebView.startingPanGesture.connect(handlePanStarted);
        
    }catch(e){ alert(e); }	
}

function dragInit()
{
	$("#bookmarkListTree").sortable({
		placeholder: 'ui-state-highlight',
		axis:'y',
	  cancel : 'li.no-sort',
	  scrollSensitivity : 40,
	  scrollSpeed : 40,
		start: function(event, ui) {  
			__dragendFlag = true; 
			},
	  update: function(event, ui) {
			 _sortingEnabled = false;	
	     views.WebView.gesturesEnabled = true;
			 $("#bookmarkListTree").sortable('disable');
	
				var sortedItemId = ui.item[0].id;
				var _a = $('#bookmarkListTree').sortable('toArray');
				for(var i=0; i<_a.length; i++)
				{
					if(sortedItemId == _a[i])
					{
						var li = document.getElementById(sortedItemId);
						li.className = 'no-sort';
						var div = li.childNodes[1];
						window.bookmarksManager.reorderBokmarks(div.childNodes[0].firstChild.nodeValue,i);
					}
				}
			}
	});
	
	$("#bookmarkListTree").sortable('disable');
	$("#bookmarkListTree").disableSelection();
		
}