$(document).ready(function() {
	
	// ---- logout
	
	$('#logout .btn_logout a').click(function(event){
  		
  		event.preventDefault();
  
		/*$.ajax({
			//url: "http://plus.cliplister.com/tools/delLoginCookie.php",
			url: "http://plus.cliplister.com/auth/logout",
			context: document.body,
			complete: function(data, status, xhr){
				window.location.reload();
			}
		});*/
		
		var iframe = $('<iframe src="http://plus.cliplister.com/tools/delLoginCookie.php" />');
		iframe.bind('load', function() { window.location.reload() });
		
		$(document.body).append(iframe);
		
//		window.location.reload();
		return false;
	});
	
	// ----------------------- videos
	
	$('.standard_clipbox').hover(
		function(event) {
			// in
			$(this).addClass('active');
		},
		function(event) {
			// out
			$(this).removeClass('active');
		}
	);
	
	$('.standard_clipbox, .cliplister_video').each(function() {
		var video = $(this).data('video');
		
		if(!video || video.length == 0) return;
		
		$(this).click(function() {
			$.fancybox({
				width: 960,
				height: 540,
				type: 'iframe',
				autoscale: false,
				href: video
			});
			
		});
	});

	$('#c613 .slider_overlay').css('cursor', 'pointer');
	$('#c614 .slider_overlay').css('cursor', 'pointer');
	
	$('#c613 .slider_overlay').click(function() {
    	window.clearTimeout(sliderTimeout);
		$.fancybox({
			width: 960,
			height: 540,
			type: 'iframe',
			autoscale: false,
			href: 'http://mycliplister.com/cliplister/play/95403/1d08c43d6e740b59821d913c18bd4ce2aba1274261335dbe52ba5a0c3adc1448e4e0cefc2a29b356ddbe959b8e9b37e3c'
		});
		
	});
	
	$('#c614 .slider_overlay').click(function() {
    	window.clearTimeout(sliderTimeout);
		$.fancybox({
			width: 960,
			height: 540,
			type: 'iframe',
			autoscale: false,
			href: 'http://mycliplister.com/cliplister/play/95403/1fb55a8509ee482a24ddb96136cc3c8214078f8ee976c7144f4c8b0353c73ba226cd4d7e3723d06d40e76aa4911b2f0e8'
		});
		
	});

	
	// ----------------------- slider/ fader
	var videoShowing = false;
	
	var sliderTimeout = null;
	var sliderType = 'fade';
	var sliderSpeedOut = 'fast';
	var sliderSpeedIn = 'slow';
	var sliderCurrent = -1;
	var sliderIndex = 0;
	var container = '#slider_holder';
	
	
	var elements = $(container).children();
	
	var pager = $('<div class="slider_number"><ul></ul></div>');
	$('.bg_slider').append(pager);
	
    $(container).css('position', 'relative').css('height', '308px');
    for (var i = 0; i < elements.length; i++) {
         $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
         var li = $('<li><a href="#"><span>'+(i+1)+'</span></a></li>');
         li.find('a')[0].slide = i;
         pager.find('ul').append(li);
    };
    pager.find('a').click(function() {
    	sliderJump(this.slide);	
    	return false;
    });
        
    function sliderJump(number) {
    	sliderShow(number);
    	sliderIndex = number;
    	
    	// restart timer
    	window.clearTimeout(sliderTimeout);
   	 	//sliderTimeout = window.setTimeout(sliderNext, 4000);
   	 	sliderTimeout = window.setTimeout(sliderNext, 7000);
    }
    
    function sliderShow(number) {
    	$(container).children().hide();
    	
    	if (sliderType == 'slide') {
            $(elements[number]).slideUp(sliderSpeedIn);
    	} else {
            $(elements[number]).fadeIn(sliderSpeedIn, function() {
				removeFilter($(this)[0]);
			});
        }
        sliderCurrent = number;
        
        pager.find('a').each(function(){ $(this).removeClass('active'); });
        $(pager.find('a')[sliderCurrent]).addClass('active');
    }
        
    function sliderNext() {
    	/*
    	if(sliderCurrent >= 0) {
	    	if (sliderType == 'slide') {
	            $(elements[sliderCurrent]).slideUp(sliderSpeedOut);
	    	} else {
	            $(elements[sliderCurrent]).fadeOut(sliderSpeedOut);
	        }
    	}*/
    	$(container).children().hide();
        
        if ((sliderIndex + 1) < elements.length) {
            sliderIndex = sliderIndex + 1;
        } else {
            sliderIndex = 0;
        }
        sliderCurrent = sliderIndex;
        
    	if (sliderType == 'slide') {
            $(elements[sliderCurrent]).slideDown(sliderSpeedIn);
    	} else {
            $(elements[sliderCurrent]).fadeIn(sliderSpeedIn, function() {
				removeFilter($(this)[0]);
			});
        }
        
        pager.find('a').each(function(){ $(this).removeClass('active'); });
        $(pager.find('a')[sliderCurrent]).addClass('active');
        
    	window.clearTimeout(sliderTimeout);
//   	 	sliderTimeout = window.setTimeout(sliderNext, sliderIndex == 0 ? 5000 : 2000);
   	 	sliderTimeout = window.setTimeout(sliderNext, 7000);
    }
    
    sliderJump(0);
	

	$(container).hover(
		function(event) {
			window.clearTimeout(sliderTimeout);
		},
		function(event) {			
			if(videoShowing) return;
			window.clearTimeout(sliderTimeout);
   			//sliderTimeout = window.setTimeout(sliderNext, 4000);
   			sliderTimeout = window.setTimeout(sliderNext, 7000);
		});
		
	$(container).find('.videolink').each(function() {
		var video = $(this).data('video');
		
		if(!video || video.length == 0) return;
		
		$(this).click(function() {
			$.fancybox({
				width: 960,
				height: 540,
				type: 'iframe',
				autoscale: false,
				href: video,
				onStart: function() {
					
					videoShowing = true;
					window.clearTimeout(sliderTimeout);
				},
				onCleanup: function() {
					
					videoShowing = false;
					window.clearTimeout(sliderTimeout);
   					//sliderTimeout = window.setTimeout(sliderNext, 4000);
   					sliderTimeout = window.setTimeout(sliderNext, 7000);
				}
			});
			
		});
	});
	
	/*
	var slide = 0;
	$('#nav a').each(function() {
		if(slide >= elements.length) slide = elements.length; // dont bind event to invalid slides... 
		
		if(slide == 1) {
			slide += 2;
		}
		
		this.slide = slide;
		
		$(this).hover(
			function(event) {
				// in
				window.clearTimeout(sliderTimeout);
            	$(elements).fadeOut('fast');
				sliderShow(this.slide);
			},
			function(event) {
				// out
    			sliderTimeout = window.setTimeout(sliderNext, 4000);
			}
		);
		slide++;
	});*/
	
	$(window).focus(function() {
    	$(elements).hide();
    	$(elements[sliderIndex]).show();
    	window.clearTimeout(sliderTimeout);
   	 	//sliderTimeout = window.setTimeout(sliderNext, sliderIndex <= 1 ? 5000 : 2000);
   	 	sliderTimeout = window.setTimeout(sliderNext, 7000);
	});
	
	$(window).blur(function() {
    	window.clearTimeout(sliderTimeout);
	});
});

// **** remove Opacity-Filter in ie ****
function removeFilter(element) {
	if(element.style.removeAttribute){
		element.style.removeAttribute('filter');
	}
}