// IE fix for setTimeout/setInterval (Now you can include args like this in ie too: setTimeout(function,interval,arg1,arg2)
/*@cc_on
(function(f){
 window.setTimeout =f(window.setTimeout);
 window.setInterval =f(window.setInterval);
})(function(f){return function(c,t){var a=[].slice.call(arguments,2);return f(function(){c.apply(this,a)},t)}});
@*/

function slideShow($elm) {
	// Image-Slide
	if($elm.attr('class') == 'TellusMediaList')
	{
		var $active = $elm.find('div.active');
		
		if ( $active.length == 0 ) 
		{
			$active = $elm.find('div:last');
		}

		var $next = ($active.next().length)? $active.next() : $elm.find('div:first');

		$active.addClass('last-active');
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() 
			{
				$active.removeClass('active last-active');
				$('#nav-wrapper').attr('title',$next.find('img').attr('title'));
		});		
	}
	else {
		var $active = $elm.find('img.active');
		
		if ( $active.length == 0 ) 
		{
			$active = $elm.find('img:last');
		}

		var $next = ($active.next().length)? $active.next() : $elm.find('img:first');

		$active.addClass('last-active');
		$next.css({opacity: 0.0})
			.addClass('active')
			.animate({opacity: 1.0}, 1000, function() 
			{
				$active.removeClass('active last-active');
		});
	}
}

function setTheme(color)
{
	$('body').addClass('theme-' + color);
	Cufon.replace('.large-banner h2');
}

$(function()
{
	$('body').addClass('js');
	
	/* Lang-Selector
	------------------------------------------------------------------------------------------------*/
	var $langButton = $('<a />').text($('#lang').attr('title')).appendTo('#elsewhere');
	var $languages = $('<ul />').attr('id','js-lang').css('display','none').appendTo('#elsewhere');
	var $currentLang = $('<a />').attr('class', 'lang-selected ' + $('#lang option:selected').val()).appendTo('#elsewhere');
	
	$('#lang, input','#elsewhere').hide();
	
    $('#lang option').each(function() {
        var $newLang = $('<li />')
			.attr('class',$(this).val())
			.text($(this).val())
			.appendTo($languages);
    });

    $langButton.add($currentLang).bind('click', function() {
        if ($languages.data('visible') == true) {
            $languages.data('visible', false).animate({ height: 0 }, 200, function() {
                $(this).css({ display: 'none' });
            });
        }
        else {
            $languages.data('visible', true).css({ height: 0, display: 'block' }).animate({ height: 18 + 'px' }, 200);
        }
        return false;
    });
    
    $languages.bind('mouseenter', function() {
        $(this).data('visible', true);
    });
    
    $languages.bind('mouseleave', function() {
        $languages.data('visible', false).animate({ height: 18 + 'px' }, 500, function() {
			if($(this).data('visible') == false)
			{
				$(this).animate({ height: 0 }, 200, function() {
					$(this).css({ display: 'none' });
				});
			}
        });
    });
    
    $languages.find('li').bind('click', function() {
		$currentLang.attr('class', 'lang-selected ' + $(this).text());
        $('#lang option[value=' + $(this).text() + ']').attr('selected', 'selected');
        $('form:first').trigger('submit');
    });
	/* Main-Menu
	------------------------------------------------------------------------------------------------*/
	$('#CustomCategoryMainMenuList li:last').css({
		marginRight:'0',
		background:'none'
	});

	/* Puffar / Highlights
	------------------------------------------------------------------------------------------------*/
	$('.important-highlights .item').css('marginRight','9px');
	$('.important-highlights .item:last, .important-highlights .item:nth-child(3n)').css('marginRight','0');
	
	var $cornerBL = $('<span />').addClass('corner bl').appendTo($('.important-highlights .image-wrapper'));
	var $cornerBR = $('<span />').addClass('corner br').appendTo($('.important-highlights .image-wrapper'));
	
	$('.highlights .item').css('marginRight','10px');
	$('.highlights .item:last').css('marginRight','0');
	

	/* Top-SlideShow (on startpage etc..)
	------------------------------------------------------------------------------------------------*/
	if( $('.slideshow-images img').length > 1 )
	{	
		var slideShowInterval = null;
		$('.slideshow-images img:first').addClass('active');
		$('.flash').animate({top:'0'},5000,function()
		{
			slideShowInterval = setInterval(slideShow, 5000, $('.slideshow-images'));
		});
	}
	
	
	/* Products / Product-SlideShow
	------------------------------------------------------------------------------------------------*/
	if ( $('#ProductList').length > 0 || $('#SearchList').length > 0 )
	{
			$('.TellusProductList .clearfix .image').each(function(){
				if($(this).html().length <= 1)
				{
					$(this).append('<img src="/assets/img/fallbacks/product_thumb.png" alt="" />');
				}
			});
	}
	
	$('tbody > tr:odd').addClass('odd');
	
	if( $('.TellusMediaList img').length > 1 )
	{
		var pausableSlideShowInterval = null;
		function navigate(e) {
		
			clearInterval(pausableSlideShowInterval);
			
			var $active = $('.TellusMediaList div.active');
			var direction = e.data.direction;
			
			if ( $active.length == 0 ) 
			{
				$active = $('.TellusMediaList div:last');
			}

			if(direction == 'back') {
				var $next = ($active.prev().length)? $active.prev() : $('.TellusMediaList div:last');
			}
			else{
				var $next = ($active.next().length)? $active.next() : $('.TellusMediaList div:first');
			}

			$active.addClass('last-active');
			$next.css({opacity: 0.0})
				.addClass('active')
				.animate({opacity: 1.0}, 200, function() {
					$active.removeClass('active last-active');
					$('#nav-wrapper').attr('title',$next.find('img').attr('title'));
				});
			return false;
		}
	
		var $wrapper = $('.product-images');
		var $navWrapper = $('<div />').attr('id','nav-wrapper').prependTo($wrapper).css('display','none');
		var $navLeft = $('<a />').attr('class','nav-button left').appendTo($navWrapper);
		var $navRight = $('<a />').attr('class','nav-button right').appendTo($navWrapper);
		
		$('.TellusMediaList img:first').addClass('active');
		$wrapper.attr('title',$('.TellusMediaList .active img').attr('title'));
		pausableSlideShowInterval = setInterval(slideShow, 7000, $('.TellusMediaList'));
		
		$wrapper.bind('mouseenter',function(){
			$navWrapper.css({display:'block'});
		});
		
		$wrapper.bind('mouseleave',function(){
				$navWrapper.css('display','none');
		});
		
		$navLeft.bind('click',{direction:'back'},navigate);
		$navRight.bind('click',{direction:'forward'},navigate);
	}
	else if( $('.TellusMediaList img').length < 1 )
	{
		$('.product-images').remove();
	}
	
	
	/* Google-maps
	------------------------------------------------------------------------------------------------*/		
	if($('#map').length > 0)
	{
		var $close = $('<span />').attr('id','close').appendTo($('#large-map'));
		var $largeMap = $('#large-map');
		
		$('#map a').bind('click',function(){
			$('#loader').show();
			$largeMap.css({
				display:'block',
				zIndex:'1001'
			});
			initialize();
			return false;
		});
		
		$('.page-wrap').bind('click',function(e){
			if(!$(e.target).is('#map-holder img'))
			{
				if($largeMap.css('display') == 'block')
				{
					$largeMap.hide();
					$('#loader').hide();
					return false;
				}
			}
		});
		$close.bind('click',function(e){
			$largeMap.hide();
			$('#loader').hide();
		});
	}
	
	
	/* External links
	------------------------------------------------------------------------------------------------*/
	$('a[href^="http://"]').each(function(e) {
	    if (!$(this).attr('target') == '_self')
	        $(this).addClass('external').attr('target', '_blank');
	});
	
	
	/* Weather
	------------------------------------------------------------------------------------------------*/	
	function toggleWeather() {
		if ($('#weather #forecast').css('display') == 'none')
		{
			$('#more-weather').css('backgroundPosition','0 -664px');
			$('#weather #forecast').css({
				height:'0',
				display:'block'
			})
			.animate({height:'310px'},400);
		}
		else
		{
			$('#more-weather').css('backgroundPosition','2px -15px');
			$('#weather #forecast').animate({height:'0'},400,function(){
				$(this).css('display','none');
			});
		}
		return false;
	}
	$('#more-weather').bind('click',toggleWeather);
	
	
	/* Meetingplanner
	------------------------------------------------------------------------------------------------*/
	$('#media-links li:nth-child(2n)').css('margin-right','0');
	

	/* Sidebar-Tabs
	------------------------------------------------------------------------------------------------*/
	if( $('#popular').length >= 1 )
	{
			$('#TopTips .item .image').each(function(){
				if($(this).html().length <= 1)
				{
					$(this).append('<img src="/assets/img/fallbacks/sidebar_tip.png" alt="" />');
				}
			});
			
			$('#TopEvent').hide();
			
			$('.tab-header .tips').bind('click',function(){
				$('#TopEvent').hide();
				$('#TopTips').show();
				$('.tab-header a').removeClass('active');
				$(this).addClass('active');
				Cufon.refresh('#popular a.tab');
				return false;
			});
			$('.tab-header .events').bind('click',function(){
				$('#TopTips').hide();
				$('#TopEvent').show();
				$('.tab-header a').removeClass('active');
				$(this).addClass('active');
				Cufon.refresh('#popular a.tab');
				return false;
			});
			
				
			if($('#TopTips').length >=1)
			{
				var pageIndex = 0;

				var totalPages = Math.ceil(($('#TopTips .item').length / 3));
				var children = $('#TopTips .carousel-wrapper').children();
				var breaks = children.filter(':first, :nth-child(3n+1)').map(function() {
					return children.index(this);
				});
	            
				$.each(breaks, function(i, v) {
					children.slice(v, (breaks[i + 1] || children.length)).wrapAll('<div class="page"></div>');
				});
	            
				var pageLinks = '';
	            
				for (var i = 0; i < totalPages; i++) {
					pageLinks += '<a title="Go to page ' + (i+1) + '">' + (i+1) + '</a>';
				}

				if (totalPages > 1) $('#TopTips').append('<div class="pageing">' + pageLinks + '</div>');
				
				$('#TopTips .pageing a:first').addClass('active');

				$('#TopTips .pageing a').bind('click',function() 
				{
					$('#TopTips .pageing a').removeClass('active');
					$(this).addClass('active');
					
					var pageWidth = $('#TopTips .tab-content .page').width();
					var pageIndex = parseInt($(this).text())-1;
					
					$('#TopTips .carousel-wrapper').animate({
						left: -pageWidth * pageIndex + 'px'
					},
					400);
					return false;	
				});
            }
            
			if($('#TopEvent').length >=1)
			{
				var pageIndex = 0;

				var totalPages = Math.ceil(($('#TopEvent .item').length / 3));
				var children = $('#TopEvent .carousel-wrapper').children();
				var breaks = children.filter(':first, :nth-child(3n+1)').map(function() {
					return children.index(this);
				});
	            
				$.each(breaks, function(i, v) {
					children.slice(v, (breaks[i + 1] || children.length)).wrapAll('<div class="page"></div>');
				});
	            
				var pageLinks = '';
	            
				for (var i = 0; i < totalPages; i++) {
					pageLinks += '<a title="Go to page ' + (i+1) + '">' + (i+1) + '</a>';
				}

				if (totalPages > 1) $('#TopEvent').append('<div class="pageing">' + pageLinks + '</div>');
				
				$('#TopEvent .pageing a:first').addClass('active');

				$('#TopEvent .pageing a').bind('click',function() 
				{
					$('#TopEvent .pageing a').removeClass('active');
					$(this).addClass('active');
					
					var pageIndex = parseInt($(this).text())-1;
					var pageWidth = $('#TopEvent .tab-content .page').width();
					
					$('#TopEvent .carousel-wrapper').animate({
						left: -pageWidth * pageIndex + 'px'
					},
					400);
					return false;	
				});
            }
            
            $('#popular .TellusNoOfHits').remove();
            $('#popular .TellusPreviousNext').remove();
	}
	
	// Enhance Admin-Contentareas
	$('.edit-link, .delete-link').css({display:'none'});
	
	$('.newsitem').hover(
	function()
	{
		$(this).find('.edit-link, .delete-link').css({display:'block'});
	},
	function()
	{
		$(this).find('.edit-link, .delete-link').css({display:'none'});
	});
	
	$('.admin-image-area').hover(
	function()
	{
		$(this).find('.edit-link').css({display:'block'});
	},
	function()
	{
		$(this).find('.edit-link').css({display:'none'});
	});
	
	$('.admin-text-area').hover(
	function()
	{
		$(this).find('.edit-link').css({display:'block'});
	},
	function()
	{
		$(this).find('.edit-link').css({display:'none'});
	});
});