Tips.hideAll();

var browseAjax = new Ajax.Request('/landingpage/genresfeed/json/', {
  method: 'get',
  // onException: function (requester, exception) {
  //     alert(requester + exception)
  // },
  onComplete: function(oReq) {
	var data = '(' + oReq.responseText + ')';
	data = data.evalJSON();
	var genrelist = '<ul><li><a href="/browse/">Browse All Shows</a></li>';
	for (var i = 0; (i < data.length); i++) {
			genrelist += '<li';
			genrelist += '><a href="/browse/' + data[i] +'">' + data[i] + '</a></li>';

	}
	genrelist += '</ul>';
	$('BrowseMenu').tip = new Tip('BrowseMenu', genrelist, {
		                    style: 'dropdown',
		                    hook: { target: 'bottomLeft', tip: 'topLeft' },
		                    showOn: 'mousemove',
							hideOn: false,
							hideAfter: 0.5,
							offset: {x: 0, y: 3},
							radius: 3,
							borderColor: '#222',
							border: 1,
							delay: 0.5
	});
	
	$('BrowseMenu').observe('prototip:shown', function() {
        this.tip.wrapper.setStyle({'display':'none'});
		this.tip.wrapper.appear({duration: 0.5});
	});
	$('BrowseMenu').observe('prototip:hidden', function() {
        this.tip.wrapper.setStyle({'display':'block'});
		this.tip.wrapper.fade({duration: 0.5});
	});
	
  }
});

dropurl = '/system/extensions/curlScroller.php';
droppars = 'scroller=featured';         
var featuredAjax = new Ajax.Request(dropurl, {
  method: 'get',
  parameters: droppars,
  // onException: function (requester, exception) {
  //     alert(requester + exception)
  // },
  onComplete: function(oReq) {
	var genrelist = '<ul id="FeaturedDropdown">';
    genrelist += oReq.responseText;
	genrelist += '</ul>';
	$('FeaturedMenu').tip = new Tip('FeaturedMenu', genrelist, {
    		                    style: 'dropdown',
    		                    hook: { target: 'bottomLeft', tip: 'topLeft' },
    		                    showOn: 'mousemove',
    							hideOn: false,
    							hideAfter: 0.5,
    							offset: {x: 0, y: 3},
    							radius: 3,
    							borderColor: '#222',
    							border: 1,
    							delay: 0.5
    	});

    	$('FeaturedMenu').observe('prototip:shown', function() {
            this.tip.wrapper.setStyle({'display':'none'});
    		this.tip.wrapper.appear({duration: 0.5});
    	});
    	$('FeaturedMenu').observe('prototip:hidden', function() {
            this.tip.wrapper.setStyle({'display':'block'});
    		this.tip.wrapper.fade({duration: 0.5});
    	});
  }
});