/*
 *  SliderNav - A Simple Content Slider with a Navigation Bar
 *  Copyright 2010 Monjurul Dolon, http://mdolon.com/
 *  Released under the MIT, BSD, and GPL Licenses.
 *  More information: http://devgrow.com/slidernav
 */
$.fn.sliderNav = function(options) {
	//alert("DDDDDD");
	var defaults = { items: ["a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z"], debug: false, height: null, arrows: true};
	var opts = $.extend(defaults, options); var o = $.meta ? $.extend({}, opts, $$.data()) : opts; var slider = $(this); $(slider).addClass('slider');
	$('.slider-content li:first', slider).addClass('selected');
	$(slider).append('<div class="slider-nav"><ul></ul></div>');
	for(var i in o.items) $('.slider-nav ul', slider).append("<li><a alt='#"+o.items[i]+"'>"+o.items[i]+"</a></li>");
	var height = $('.slider-nav', slider).height();
	if(o.height) height = o.height;
	$('.slider-content, .slider-nav', slider).css('height',height);
	if(o.debug) $(slider).append('<div id="debug">Scroll Offset: <span>0</span></div>');
	$('.slider-nav a', slider).mouseover(function(event){
		var target = $(this).attr('alt');
		// line added by Dan Rothman to enable the use of "_" as a space character.
		target = target.replace(/ /gi, "_")

		var cOffset = $('.slider-content', slider).offset().top;
		var tOffset = $('.slider-content '+target, slider).offset().top;
		var height = $('.slider-nav', slider).height(); if(o.height) height = o.height;
		var pScroll = (tOffset - cOffset) - height/8;
		$('.slider-content li', slider).removeClass('selected');
		$(target).addClass('selected');
		$('.slider-content', slider).stop().animate({scrollTop: '+=' + pScroll + 'px'});
		if(o.debug) $('#debug span', slider).html(tOffset);
	});
	if(o.arrows){
		$('.slider-nav',slider).css('top','20px');
		$(slider).prepend('<div class="slide-up end"><span class="arrow up"></span></div>');
		$(slider).append('<div class="slide-down"><span class="arrow down"></span></div>');
		$('.slide-down',slider).click(function(){
			$('.slider-content',slider).animate({scrollTop : "+="+height+"px"}, 500);
		});
		$('.slide-up',slider).click(function(){
			$('.slider-content',slider).animate({scrollTop : "-="+height+"px"}, 500);
		});
	}
};



$.fn.readXMLToMenu = function() {

			$.ajax(
			{
				type: "GET",
				url: "data/videoCodes.xml",
				dataType: "xml",
				success: function(xml) 
				{
					
					var categoryArray=new Array();
	
					var videoID;
					var title;
					var uploader;
					var catNoSpaces;
					
					var i=0;
					$(xml).find('menuHeader').each(function()
					{
						
						
						categoryArray[i] = $(this).attr('category');
						catNoSpaces = categoryArray[i].replace(/ /gi, "_")
						//append this to the slider menu
						$('<li id="'+catNoSpaces+'"></li>')
												.html('<a name="'+categoryArray[i]+'" class="title" >'+categoryArray[i]+'</a>')
												.appendTo('#sliderul');
						i++;
						
						$(this).find('video').each(function()
						{	
							videoID = $(this).attr('videoID');
						    title = $(this).attr('title');
							uploader = $(this).attr('uploader');
							vidPicSource ="http://i1.ytimg.com/vi/"+ videoID +"/default.jpg";
							vidIDString = "'"+videoID+"'"
							$('<ul></ul>').html('<li><img  src="'+vidPicSource+'"/><a href="#" onClick="selectAndPlayNewVideo('+vidIDString+');">'+title+'<br/><br/><span class="uploaderEntry" >by '+uploader+'</span></a></li>').appendTo('#'+catNoSpaces);


						});
						
						
					});

					$('#slider').sliderNav({items:categoryArray,width:'600'});
					
	
				}
			});
		
};