jQuery.noConflict();

jQuery(document).ready(function() {
//kasten links weg
var imagenummer = 0;

	jQuery('.close img.left').click(function(){

		options = { to: "#buttonleft" };
		jQuery('#buttonleft .inside').text( jQuery('#left .inside').text().substr(0,15)+'...' );
		jQuery('#buttonleft').show();
		jQuery('#left .inside').effect('transfer', options, 500);
		jQuery('#left .inside').hide();
	});
	jQuery('#buttonleft').click(function(){
		options = { to: "#left" };
		jQuery(this).effect('transfer', options, 500);
		jQuery('#left .inside').fadeIn()
		jQuery('#buttonleft').hide();
	});
//kasten main weg
	jQuery('.close img.main').click(function(){
		options = { to: "#buttonmain" };
		jQuery('#buttonmain .inside').text( jQuery('#main .inside').text().substr(0,15)+'...' )
		jQuery('#buttonmain').show();
		jQuery('#main .inside').effect('transfer', options, 500);
		jQuery('#main .inside').hide();
	});
	jQuery('#buttonmain').click(function(){
		options = { to: "#main" };
		jQuery(this).effect('transfer', options, 500);
		jQuery('#main .inside').fadeIn()
		jQuery('#buttonmain').hide();
	});
//kasten rechts weg
	jQuery('.close img.right').click(function(){
		options = { to: "#buttonright" };
		jQuery('#buttonright .inside').text( jQuery('#right .inside').text().substr(0,15)+'...' )
		jQuery('#buttonright').show();
		jQuery('#right .inside').effect('transfer', options, 500);
		jQuery('#right .inside').hide();
	});
	jQuery('#buttonright').click(function(){
		options = { to: "#right" };
		jQuery(this).effect('transfer', options, 500);
		jQuery('#right .inside').fadeIn()
		jQuery('#buttonright').hide();
	});
	
	;
	function nextImage(){
		var next = jQuery('#bgslider').children().next().attr('src');
    		//jQuery('#container').attr('style', 'background-image:url('+next+')' );
	}
	var next = jQuery('#bgslider').children().next().attr('src');
	var sliderindex =0;
	jQuery('#bgslider img').each(function(index){
		//alert(jQuery(this).attr('src'));
		jQuery('#container').attr('style', 'background-image:url('+ jQuery(this).attr('src') +')' ) ;
		jQuery(this).addClass('imgslider'+index);
		
		jQuery('#sliderbuttons .inside').append('<img src="tl_files/style/nav_button_mouseout.png" class="imgslider'+ index +'">');
		sliderindex = index;
	});
	if(sliderindex>0){
		jQuery('#sliderbuttons .inside').after('<div class="picbuttonright" style="height:23px;width:23px;float: right;"> <img src="tl_files/style/nav_arrow_right.png"></div>');
		jQuery('#sliderbuttons .inside').before( '<div class="picbuttonleft" style="height:23px;width:23px;float: left;"><img src="tl_files/style/nav_arrow_left.png"></div>')
	}
	jQuery('#sliderbuttons .imgslider'+sliderindex).addClass('active');
	jQuery('#sliderbuttons .imgslider'+sliderindex).attr('src', 'tl_files/style/nav_button_mouseover.png' );
	
	jQuery('#sliderbuttons .inside img').hover( 
		function(){ 
			jQuery(this).attr('src', 'tl_files/style/nav_button_mouseover.png');
		}, 
		function(){
			if(!jQuery(this).hasClass('active')){
				jQuery(this).attr('src', 'tl_files/style/nav_button_mouseout.png');
			}
		}
	);
	jQuery('#sliderbuttons .inside img').click(function() {
		jQuery('#sliderbuttons .inside img').removeClass('active');
		jQuery('#sliderbuttons .inside img').attr('src', 'tl_files/style/nav_button_mouseout.png');
		
		//alert(jQuery(this).attr('class'));
		jQuery(this).attr('src', 'tl_files/style/nav_button_mousactive.png');
		var src = jQuery('#bgslider img.'+jQuery(this).attr('class')) .attr('src');
		jQuery(this).addClass('active');
		jQuery('#container').attr('style', 'background-image:url('+ src +')' ) ;
	});
	/*
	jQuery('#container').animate(
		{ss:ss},
		200,
		'',
		function() {
    		//alert('ready');
    		//nextImage();
    		var next = jQuery('#bgslider').children().next().attr('src');
    		//alert(next);
    		jQuery('#container').attr('style', 'background-image:url('+next+')' );

  		}
	);

	*/

	jQuery('#sliderbuttons .picbuttonleft').click(function() {
		imagenummer = jQuery('#sliderbuttons .active').attr('class');
		imagenummer = imagenummer.replace(/imgslider/g, "");
		imagenummer = imagenummer.replace(/active/g, "");
		imagenummer = imagenummer.replace(/ /g, "");
		imagenummer = parseInt(imagenummer,10);
		if(imagenummer >= 1){imagenummer = imagenummer-1;} else {imagenummer = 10;}

		jQuery('#sliderbuttons .inside img').removeClass('active');
		jQuery('#sliderbuttons .inside img').attr('src', 'tl_files/style/nav_button_mouseout.png');
		jQuery('#sliderbuttons .inside .imgslider'+imagenummer).attr('src', 'tl_files/style/nav_button_mousactive.png');
		var src = jQuery('#bgslider .imgslider'+imagenummer).attr('src');
		jQuery('#bgslider .imgslider'+imagenummer).addClass('active');
		jQuery('#sliderbuttons .inside .imgslider'+imagenummer).addClass('active');
		jQuery('#container').attr('style', 'background-image:url('+ src +')' );
		
		
	});
	
	
	jQuery('#sliderbuttons .picbuttonright').click(function() {
		imagenummer = jQuery('#sliderbuttons .active').attr('class');
		imagenummer = imagenummer.replace(/imgslider/g, "");
		imagenummer = imagenummer.replace(/active/g, "");
		imagenummer = imagenummer.replace(/ /g, "");
		imagenummer = parseInt(imagenummer,10);
		if(imagenummer <= 9){imagenummer = imagenummer+1;} else {imagenummer = 0;}

		jQuery('#sliderbuttons .inside img').removeClass('active');
		jQuery('#sliderbuttons .inside img').attr('src', 'tl_files/style/nav_button_mouseout.png');
		jQuery('#sliderbuttons .inside .imgslider'+imagenummer).attr('src', 'tl_files/style/nav_button_mousactive.png');
		var src = jQuery('#bgslider .imgslider'+imagenummer).attr('src');
		jQuery('#bgslider .imgslider'+imagenummer).addClass('active');
		jQuery('#sliderbuttons .inside .imgslider'+imagenummer).addClass('active');
		jQuery('#container').attr('style', 'background-image:url('+ src +')' );

	});

})