$(document).ready(function(){

	// ====================================
	// Video player
	// ====================================
		var videoPlayerInit = true;
		var firstVideo = "";
		$('#video-player-list ul li').each(function(){
			var $a = $(this).find("a");
			var rel = $a.attr("rel");
			if ( $a.find("img").length == 0 && $.type(rel) != "undefined" && rel != "" ) {
				if ( firstVideo == "" )
					firstVideo = rel;
				$a.append('<img src="http://i2.ytimg.com/vi/'+rel+'/default.jpg" style="border: 0;" alt="image" width="160" height="120" />');
			}
		});

		if ( $.type(videoPlayerSize) == "undefined" ) {
			videoPlayerSize = { width: 320, height: 240 }
		}
		
		$("#video-player").tubeplayer({
			width: videoPlayerSize.width,
			height: videoPlayerSize.height,
			allowFullScreen: "true",
			initialVideo: firstVideo,
			preferredQuality: "default",
			onPlay: function(id){},
			onPause: function(){},
			onStop: function(){},
			onSeek: function(time){},
			onMute: function(){},
			onUnMute: function(){}
		});

		$('#video-player-list').smallslider({
			visibleItems: 3,
			thumbSize: [94,52],
			prevText: "forrige",
			nextText: "neste",
			onSelect: function(url,info,title,rel) {
			    if ( !videoPlayerInit ) {
			     $('#video-player').tubeplayer('stop');
			     $('#video-player').tubeplayer('play',rel);
			    }
			    else {
			     videoPlayerInit = false;
			    }
			   }
		});

	// BOTTOM SLIDER
    $('#bottom-slider').smallslider({
        visibleItems: 4,
        thumbSize: [53,53],
        thumbStyle: "padding: 0 9px;",
        showLabel: true,
        onSelect: function(url,info,title) {
            $('#bottom-slider-image').attr("src",url);
            $('#bottom-slider-info').html(info);
            $('#bottom-slider-title').html(title);
        }
    });


	// ====================================
	// Main slider
	// ====================================
	var sliderTimer;
	var $slider = $('#slider');
	var sliderPool = new Array();
	$slider.find( "ul li" ).each(function(idx,element){
		var $element = $(element);
		var $a = $element.find("a");
		sliderPool.push({
			'url': $a.attr('href'),
			'title': $a.attr('title'),
			'img': $a.find("img").attr('src'),
			'info': $element.find('span.info').text()
		});
	})
	$slider.find("ul").remove();
	$slider.append('<div class="_img"><a href="#"><img></a></div><div class="_list"></div><div class="_bottom">Bottom</div><div class="_info">Info</div>');
	$(sliderPool).each(function(idx,element){
		html = '<div class="_item" id="_item_'+idx+'"><a href="#'+idx+'" title="'+element.title+'"><img src="'+element.img+'"></a></div>';
		$slider.find('._list').append(html)
	})
	$slider.find('._list ._item:last').addClass("_last");

	$slider.find("a").click(function(){
		clearTimeout( sliderTimer );
		$slider.find("._list ._item").removeClass("_selected");
		var $a = $(this);
		$a.parent().addClass("_selected");
		$slider.find("._img img").hide(0,function(){
			var data = sliderPool[$a.attr('href').substr(1)];
			if ( data ) {
				$slider.find("._img a img").attr({'href':data.url});
				if ( $.browser.webkit )
					$slider.find("._img img").attr({'src':data.img}).show();
				else
					$slider.find("._img img").attr({'src':data.img}).fadeIn(500);
				$slider.find("._bottom").html(data.title);
				$slider.find("._info").html("").hide();
				if ( data.info != "" )
					$slider.find("._info").html(data.info).fadeIn();
				/*
				else
					$slider.find("._info").html("").fadeOut();
				*/
			}
		});
		sliderTimer = setTimeout(function(){ sliderNextItem(); },4000);
		return false;
	})
	
	    $slider.find("._img a").unbind("click").click(function(){
        if ( $(this).attr('href') != "#" )
            window.open($(this).attr('href'),'_blank');
        return false;
    })

	function sliderNextItem() {
		var $selected = $slider.find("._list ._item._selected");
		var idx = $selected.attr('id').substr(6);
		$selected.removeClass("_selected");
		idx++;
		if ( idx >= 4 )
			idx = 0;
		$slider.find("._list ._item:eq("+idx+") a").trigger("click");
	}

	$slider.find("._list a:first").trigger("click");

	
})