/*	Text Scroller
 *	Zeilenweise (DIV) verschieben vom Anfang zum Ende
 */

// timeout object
var to;

// scroller delay [ms]
var scroller_speed = 1500;
var ss_scroller_timeout = 2000;

var text_scroll = function() {
  $('.sort-scroll-table tbody tr:first').insertAfter('.sort-scroll-table tbody tr:last');
        //$('.sort-scroll-table tbody tr:last').find('td:lt(2)').css('height','12px');
        //$(this).remove();
        //$('.sort-scroll-table').tablesorter();
    window.clearTimeout(to);
    to = window.setTimeout(text_scroll, scroller_speed);
};

var ss_image_change = function() {
  $('.sort-scroll-table tbody tr:first').insertAfter('.sort-scroll-table tbody tr:last');
        //$('.sort-scroll-table tbody tr:last').find('td:lt(2)').css('height','12px');
        //$(this).remove();
        //$('.sort-scroll-table').tablesorter();
    window.clearTimeout(to);
    to = window.setTimeout(ss_image_change, scroller_speed);
};

$(function(){

  /* 
   *  dynamically resize complete website 
   */
  var orig_header_font_width = $('.header img').width();
  var orig_header_font_height = $('.header img').height();
  var resize_content = function() {
	// if the window is small than this, the website will be resized
	var big_screen_width = 1300;
	
	// min/max widths of elements 
	var min_content_width = 950; // including shadow
	var min_content_description_width = 190;
	var min_content_description_margin = 15;
	var min_logo_width = 200;
	var min_logo_height = 47;
	var min_content_font_size = 10;
	var min_small_font_size = 10;
	var min_images_scroller_width = 400;
	var min_images_scroller_height = 229;
	var min_startsite_header_height = 192;
	var min_startsite_header_image_width = 242;
	var min_heading_height = 73;
	var min_menu_width = 202;
	var min_content_text_width = 440;
	var min_marquee_width = 370;
	var min_header_graphic_margin = 3;
        var min_label_width = 70;

	var max_content_width = 1150; // including shadow
	var max_content_description_width = 220;
	var max_content_description_margin = 30;
	var max_menu_width = 232;
	var max_logo_width = 230;
	var max_logo_height = 54;
	var max_content_font_size = 12;
	var max_small_font_size = 11;
	var max_images_scroller_width = 490;
	var max_images_scroller_height = 280;
	var max_content_text_width = 540;
	var max_marquee_width = 460;
	var max_startsite_header_height = 237;
	var max_header_graphic_margin = 9;
	var max_startsite_header_image_width = 299;
	var max_heading_height = 83;
        var max_label_width = 100;


	var window_width = $(window).width();
	
	// check window size and resize content
	var content_width;
	var content_description_width;
	var content_description_margin;
	var menu_width;
	var logo_width;
	var logo_height;
	var content_font_size;
	var small_font_size;
	var images_scroller_width;
	var images_scroller_height;
        var resize_header_font;
        var content_text_width;
        var marquee_width;
        var startsite_header_height;
        var header_graphic_margin;
        var startsite_header_image_width;
	var heading_height;
        var label_width;


	if(window_width < big_screen_width) {
		content_width           = min_content_width;
		content_description_width = min_content_description_width;
		content_description_margin = min_content_description_margin;
		menu_width              = min_menu_width;
		logo_width              = min_logo_width;
		logo_height             = min_logo_height;
		content_font_size       = min_content_font_size;
		small_font_size         = min_small_font_size;
		images_scroller_width   = min_images_scroller_width;
		images_scroller_height  = min_images_scroller_height;
                resize_header_font      = true;
                content_text_width      = min_content_text_width;
                marquee_width           = min_marquee_width;
                startsite_header_height = min_startsite_header_height;
                header_graphic_margin   = min_header_graphic_margin;
                startsite_header_image_width = min_startsite_header_image_width;
                heading_height          = min_heading_height;
                label_width             = min_label_width;
                
	} else {
		content_width           = max_content_width;
		content_description_width = max_content_description_width;
		content_description_margin = max_content_description_margin;
		menu_width              = max_menu_width;
		logo_width              = max_logo_width;
		logo_height             = max_logo_height;
		content_font_size       = max_content_font_size;
		small_font_size         = max_small_font_size;
		images_scroller_width   = max_images_scroller_width;
		images_scroller_height  = max_images_scroller_height;	
                resize_header_font      = false;
                content_text_width      = max_content_text_width;    
                marquee_width           = max_marquee_width;
                startsite_header_height = max_startsite_header_height;
                header_graphic_margin   = max_header_graphic_margin;
                startsite_header_image_width = max_startsite_header_image_width;
                heading_height          = max_heading_height;
                label_width             = max_label_width;
	}
	

	// resize main content
	$('#container').css({
		width: content_width + 'px'
	});
		
	// resize left menu
	$('.left-td').css({
		width: menu_width + 'px',
		maxWidth: menu_width + 'px',
                fontSize: content_font_size + 'px'
	});
	$('#left').css({
		width: menu_width + 'px',
		maxWidth: menu_width + 'px'
	});
	
	$('#menu ul a').css({
                fontSize: content_font_size + 'px'
	});

	$('#logo img').width(logo_width + 'px')
		      .height(logo_height + 'px');
	
	// resize font-size and with
	$('#content').css({ 
		fontSize: content_font_size + 'px',
		width: content_text_width + 'px'
	});

	$('.content-td').css({ 
		fontSize: content_font_size + 'px'
	});
	// resize header h3 font-size
	$('#content h3').css({ 
		fontSize: content_font_size + 'px'
	});
		
	// resize header-font-image
        if(resize_header_font) {
        
	  $('.header img').each(function() {
                $(this).width(orig_header_font_width);
                $(this).height(orig_header_font_height);

                $(this).width($(this).width() * 0.82);
                $(this).height($(this).height() * 0.82);
          });
        } else {
	  $('.header img').each(function() {
                $(this).width(orig_header_font_width);
                $(this).height(orig_header_font_height);
          });
        
        }

	$('#heading h2').css({ 
		fontSize: content_font_size + 'px'
	});
	$('#heading').css({ 
		height: heading_height + 'px'
	});

        $('.header-description-graphic').css({marginTop: header_graphic_margin + 'px'});
		
	// resize pictures in scroller
	$('#header-images')
		.height(images_scroller_height + 'px');

	$('#header-images .images img')
		.width(images_scroller_width + 'px')
		.height(images_scroller_height + 'px');
	$('.imagescroller, #imagescroller-display').css({
                width:images_scroller_width + 'px',
                height:images_scroller_height + 'px',
                maxWidth:images_scroller_width + 'px',
                maxHeight:images_scroller_height + 'px'

        });
        
	$('#header-container').css({
                height:images_scroller_height + 'px'
        });
        


	// resize marquee
      if($(".startseite-header-scroller").children().length > 0) {
	
	$('#header-container').css({
                height:startsite_header_height + 'px'
        });

        var SSOrigWidth = $('.startseite-header-scroller * img:first').width();           

	$('.startseite-header-scroller * img, ' +
	  '.startseite-header-scroller * .csc-textpic-image, ' + 
	  '.startseite-header-scroller * .csc-textpic-imagecolumn, ' + 
	  '.startseite-header-scroller * .col1, ' + 
	  '.startseite-header-scroller * .col2, ' +
	  '.startseite-header-scroller * .col3')
		.width(startsite_header_image_width)
		.height(startsite_header_height);
	$('.startseite-header-scroller').height(startsite_header_height);
	$('.startseite-header-scroller').width($("#header-container").width()+$(".ruler-td").width());
	$('.startseite-header-scroller .pics_inside').width($("#header-container").width()+$(".ruler-td").width()+1);


//        if($('marquee.startseite-header-scroller').children().length > 0) {
//          $('.startseite-header-scroller').marquee("startseite-header-scroller");
//        } 	

        //$('.startseite-header-scroller').css({height: 'auto'});
/*
        $('.startseite-header-scroller .pics_inside .col1').cycle('destroy');  
        $('.startseite-header-scroller .pics_inside .col2').cycle('destroy');  
        $('.startseite-header-scroller .pics_inside .col3').cycle('destroy');  
*/
        $('.startseite-header-scroller .pics_inside .col1').cycle({ 
		delay:      ss_scroller_timeout*1, 
		timeout:    ss_scroller_timeout*3,
                continuous: 1,
                slideExpr:  "img"
	}); 
        $('.startseite-header-scroller .pics_inside .col2').cycle({ 
		delay:      ss_scroller_timeout*2, 
		timeout:    ss_scroller_timeout*3,
                continuous: 1,
                slideExpr:  "img"

	}); 
        $('.startseite-header-scroller .pics_inside .col3').cycle({ 
		delay:      ss_scroller_timeout*3, 
		timeout:    ss_scroller_timeout*3,
                continuous: 1,
                slideExpr:  "img"

	}); 
/*
        $('.startseite-header-scroller .pics_inside .col1').cycle('play');  
        $('.startseite-header-scroller .pics_inside .col2').cycle('play');  
        $('.startseite-header-scroller .pics_inside .col3').cycle('play');  
*/
      }

        
	
	// resize marquee
	$('.imagescroller .text').attr("width", marquee_width + 'px');
	$('.imagescroller .text').marquee("text").mouseover(function () {
            $(this).trigger('stop');
          }).mouseout(function () {
            $(this).trigger('start');
          }).mousemove(function (event) {
            if ($(this).data('drag') === true) {
                this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
            }
          }).mousedown(function (event) {
            $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
          }).mouseup(function () {
            $(this).data('drag', false);
        });

	$('.imagescroller .text').css({width: marquee_width + 'px'});



	// content description / small fonts 
	$('#content-description').css({
		fontSize: small_font_size + 'px',
		width: content_description_width + 'px',
		marginRight: content_description_margin + 'px'
	});	
	$('#content-description label').css({
		width: label_width + 'px'
	});	

	// TODO: show content on finish
        
        /* Scroller (Text & Images) */
	
	$('.sort-scroll-table').mouseover(function() {
	   clearTimeout(to);
	});
	
	$('.sort-scroll-table').mouseout(function() {
	   to = setTimeout(text_scroll, scroller_speed);
	});	
	// Copy all raw-image tags to scroller div
	$("#imagescroller-display img").remove();
	$('#header-images .images img').each(function() {
		$("#imagescroller-display").append($(this).clone());
	});
	// image scroller with cycle plugin

//        $('#imagescroller-display').cycle('destroy');  
	
	$('#imagescroller-display').cycle({ 
		delay:  0, 
		speed:  scroller_speed
	}); 
//        $('#imagescroller-display').cycle('play');  
        
        $('.sort-scroll-table').tablesorter();
        
        to = setTimeout(text_scroll, scroller_speed);

        $('#splash').remove();

  };	



        


/* Events */

$(window).resize(resize_content);

$('#mailformemail_w').click(function() {
  $(this).val('');
})

resize_content();

var remove_splash = function() {
  $('#splash').remove();
}

to_sp = setTimeout(remove_splash, 5000);

});