$(document).ready(function(){

	/**
	 * jScrollPane
	 */
	// addScrollPane();


	/**
	 * jquery colorbox
	 */
	isWin = /Win/.test(navigator.platform);
	// if ($.browser.mozilla && isWin) {
	if (isWin) {
		$('a[rel="colorbox"]').popupWindow({ 
			width:820, 
			scrollbars:1,
			centerScreen:1 
		}); 
	}
	else {
		$('a[rel="colorbox"]').colorbox({
			innerWidth: '825px',
			height: '600px',
			opacity: 0.75,
			iframe: true,
			rel: 'nofollow'
		});
	}

	/**
	 * external links
	 *
	 * filters href != hostname or rel="external"
	 * adds .external to elements not containing img, div or mailto
	 * opens external links in new window/tab
	 */
	$('a, area').filter(function() {
		return
			this.hostname
			&& (this.hostname).split(":")[0] !== (location.hostname).split(":")[0]
			&& $(this).attr('rel') != 'colorbox'
			|| $(this).attr('rel') == 'external';
	})
	.not(':has(img, div, mailto)')
	.addClass('external')
	.end()
	.click(function(e) {
		open(this.href); 
		e.preventDefault();
	});
	
	/*
	 * init playlist
	 */
	loadPlaylistData();
});

/**
 * playlist items load function
 */
function loadPlaylistData() {
	$('#playlist .spinner').show();

	$.getJSON('/playlist/', { ts: $('#playlist input:hidden').val() }, function(data) {
		if (data != null && data.ts != '' && $('#playlist input:hidden').val() != data.ts) {
			$('#playlist input:hidden').val(data.ts);
				elements = '';
				$.each(data.trackinfo, function(i,item){
					elements += '<tr><td class="titel"><a href="'+item.web+'" target="_blank" class="tooltip" title="'+item.tip+'"><span class="interpret">'+item.artist+'</span> ++ <span class="song">'+item.title+'</span> ++ <span class="album">'+item.album+'</span></a></td><td class="zeit">'+item.time+'</td></tr>';
				});			

				$('table.playlist').html($(elements));
				
				addToolTips();
				//addScrollPane();
		}
		$('#playlist .spinner').hide();
	});
	
	// reload every 30 seconds
	window.setTimeout('loadPlaylistData()', 150000);
}

function addToolTips() {
	$('.tooltip').qtip({
		position: {
			target: 'mouse',
			corner: {
				target: 'topMiddle',
				tooltip: 'bottomLeft'
			},
			adjust: {
				screen: true
			}
		},
		style: { 
			name: 'cream',
			tip: 'bottomLeft',
      	width: {
				max: 300
			},
      	padding: 10
		},
		show: {
			delay: 0
		}
	})
}

function addScrollPane() {
	$('#content .scrollpane').jScrollPane({
		scrollbarWidth: 10,
		reinitialiseOnImageLoad: true
	});


	/**
	 * jquery qtip (tooltips)
	 */
	addToolTips();
}

(function($){ 		  
	$.fn.popupWindow = function(instanceSettings){
		
		return this.each(function(){
		
		$(this).click(function(){
		
		$.fn.popupWindow.defaultSettings = {
			centerBrowser:0, // center window over browser window? {1 (YES) or 0 (NO)}. overrides top and left
			centerScreen:0, // center window over entire screen? {1 (YES) or 0 (NO)}. overrides top and left
			height:500, // sets the height in pixels of the window.
			left:0, // left position when the window appears.
			location:0, // determines whether the address bar is displayed {1 (YES) or 0 (NO)}.
			menubar:0, // determines whether the menu bar is displayed {1 (YES) or 0 (NO)}.
			resizable:0, // whether the window can be resized {1 (YES) or 0 (NO)}. Can also be overloaded using resizable.
			scrollbars:0, // determines whether scrollbars appear on the window {1 (YES) or 0 (NO)}.
			status:0, // whether a status line appears at the bottom of the window {1 (YES) or 0 (NO)}.
			width:500, // sets the width in pixels of the window.
			windowName:null, // name of window set from the name attribute of the element that invokes the click
			windowURL:null, // url used for the popup
			top:0, // top position when the window appears.
			toolbar:0 // determines whether a toolbar (includes the forward and back buttons) is displayed {1 (YES) or 0 (NO)}.
		};
		
		settings = $.extend({}, $.fn.popupWindow.defaultSettings, instanceSettings || {});
		
		var windowFeatures =    'height=' + settings.height +
								',width=' + settings.width +
								',toolbar=' + settings.toolbar +
								',scrollbars=' + settings.scrollbars +
								',status=' + settings.status + 
								',resizable=' + settings.resizable +
								',location=' + settings.location +
								',menuBar=' + settings.menubar;

				settings.windowName = this.name || settings.windowName;
				settings.windowURL = this.href || settings.windowURL;
				var centeredY,centeredX;
			
				if(settings.centerBrowser){
						
					if ($.browser.msie) {//hacked together for IE browsers
						centeredY = (window.screenTop - 120) + ((((document.documentElement.clientHeight + 120)/2) - (settings.height/2)));
						centeredX = window.screenLeft + ((((document.body.offsetWidth + 20)/2) - (settings.width/2)));
					}else{
						centeredY = window.screenY + (((window.outerHeight/2) - (settings.height/2)));
						centeredX = window.screenX + (((window.outerWidth/2) - (settings.width/2)));
					}
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
				}else if(settings.centerScreen){
					centeredY = (screen.height - settings.height)/2;
					centeredX = (screen.width - settings.width)/2;
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + centeredX +',top=' + centeredY).focus();
				}else{
					window.open(settings.windowURL, settings.windowName, windowFeatures+',left=' + settings.left +',top=' + settings.top).focus();	
				}
				return false;
			});
			
		});	
	};
})(jQuery);