$(document).ready(function () {
    $('#slider .navi li.active').fadeTo('fast', 0.8);
    $('#slider .navi li.active img').fadeTo('fast', 1);

	var karent_indaks = 0;

    var slider = $('#slider');
    var slider_navi = slider.find('.navi');
    var slider_contents = slider.find('.contents');
    var slider_backgrounds = slider.find('.backgrounds');
    var slider_active_index = 1;

	var auto_click = true;

    function slider_init () {
        slider_navi.empty();
        slider_contents.empty();
        slider_backgrounds.empty();

        slider_length = slider_elements.length;

        for (var i =0; i<slider_length; i++) {
            slider_navi.append('<li class="' + slider_elements[i].code + '">' + slider_elements[i].title + '</li>');
            slider_contents.append('<li><a href="' + slider_elements[i].url + '" title="weiter &raquo;"><img src="' + slider_elements[i].cover + '"></a><a href="' + slider_elements[i].url + '" class="bestellen">Zum Titel &raquo;</a></li>');
            
            var ajba = '<li><img src="' + slider_elements[i].background + '">';       
            if(slider_elements[i].is_new == true)
            	ajba += '<div class="homenew" style="background-color:#'+slider_elements[i].new_color+';color:#'+slider_elements[i].new_color_txt+'">NEU</div><div class="homenewtext" style="background-color:#'+slider_elements[i].new_color+';color:#'+slider_elements[i].new_color_txt+'">'+slider_elements[i].new_text+'</div>';
            ajba += '</li>';
            
            slider_backgrounds.append(ajba);
            
            var navi_element = slider_navi.find('li:last');
            var contents_element = slider_contents.find('li:last');
            var backgrounds_element = slider_backgrounds.find('li:last');

            navi_element.click(function (aaa,auto) {
				
				if(auto != true)
					stop_slider = true;
				
                var new_index = $(this).index();
				var karent_indaks = new_index;
				
                //------
                slider_navi.find('li.active').animate({width: 0}, 120, function () {
                    //$(this).animate({left: ($(this).index()*22)}, 100);
                    $(this).removeClass('active').fadeTo(100, 1).css('z-index', 100 + $(this).index());
                });
                slider_contents.find('li.active').animate({width: 0}, 250, function () {
                    $(this).removeClass('active');
                });
                slider_backgrounds.find('li.active').fadeTo("slow", 0, function () {
                }).removeClass('active').fadeTo(1, 0);


                //------
                slider_navi.find('li').eq(new_index).animate({width: 245, left: ((slider_length-1)*22)}, 500, function () {
                    $(this).addClass('active').fadeTo(100, 0.8).css('z-index', 110);
                });

                slider_navi.find('li:gt(' + (new_index) + ')').each(function () {
                    //alert($(this).css('left'));
                    //var position = $(this).position();
                    $(this).animate({left: (($(this).index()-1)*22 )}, 100);
                });
                slider_navi.find('li:lt(' + (new_index) + ')').each(function () {
                    //alert($(this).css('left'));
                    //var position = $(this).position();
                    $(this).animate({left: (($(this).index())*22 )}, 100);
                });



                slider_contents.find('li').eq(new_index).animate({width: 244}, 500, function () {
                    $(this).addClass('active');
                    slider_active_index = new_index;
                });
				slider_backgrounds.find('.homenew').hide();
				slider_backgrounds.find('.homenewtext').hide();
                slider_backgrounds.find('li').eq(new_index).fadeTo(1000, 1, function () {
                    
                }).addClass('active');
				slider_backgrounds.find('li').eq(new_index).find('.homenew').show('slow'); 
				slider_backgrounds.find('li').eq(new_index).find('.homenewtext').show('slow'); 
	    	});
        }

		/* 1st active kaman */
		$("ul.navi li:first").trigger('click', true);

		Cufon.replace('.homenew', {
			hover: false,
			fontFamily: 'ZurichBTExtraCondensed'
		}); 
		
		Cufon.refresh('.homenew');
		
		window.setInterval(nextsilde, 4000);

    }

	
	var stop_slider = false;


	function nextsilde(){
		if (stop_slider == false) {
			if (karent_indaks == 4) 
				karent_indaks = 0;
			else 
				karent_indaks = karent_indaks + 1;
			$("ul.navi li:eq(" + karent_indaks + ")").trigger('click', true);
		}
	}

    
    function slider_display (element_index) {
        
    }

    slider_init();

	$("div#slider a.next").click(function(){
		stop_slider = true;
		if(karent_indaks == 4)
			karent_indaks = 0;
		else
			karent_indaks = karent_indaks+1;
			
		$("ul.navi li:eq("+karent_indaks+")").trigger('click', false);		
	});

	
	$("div#slider a.prev").click(function(){
		stop_slider = true;
		if(karent_indaks == 0)
			karent_indaks = 4;
		else
			karent_indaks = karent_indaks-1;
			
		$("ul.navi li:eq("+karent_indaks+")").trigger('click', false);		
	});

	
	
});