$(document).ready(function() {
	// Konfiguration
	var magneticElementsDiff = 51; // in px
	
	
	
	// First Elements	
	$('#sb-right').css('padding-top', $('#content h1:first').height()+45);
	// Next Elements
	$('#sb-right > *').each(function(c){
		if(!c) return;
		
		var positionElement = $(this).offset().top;
		var outer = $(this);
		var elementMoved = false;
		
		$('#content div.csc-frame-rulerAfter, #content div.csc-frame-rulerBefore').each(function(cc, obj){
			if(elementMoved) return;
			var positionInner = $(this).offset().top;			
			if(positionInner-magneticElementsDiff < positionElement && positionInner > positionElement) {
				var topMargin = positionInner-positionElement+parseInt(outer.css('margin-top'))+parseInt($(this).css('margin-top'));
				outer.css('margin-top', topMargin+'px');
				elementMoved = true;
				return;
			}
		});
	});
	
	imageMagneticFunc();
	
	// Menu
	var width = 643;
	var current = $('#main-nav ul').width();
		
	if(current < width) {
		for(i = 0; i < width/2; i++) {
			$('#main-nav ul li a').each(function(){
				if(current >= width) return 0;
				$(this).css('padding-left', parseInt($(this).css('padding-left'))+1);
				current = current+1;
				
				if(current >= width) return 0;
				$(this).css('padding-right', parseInt($(this).css('padding-right'))+1);
				current = current+1;				
			});
			if(current >= width) break;
		}
	} else if(current > width) {
		for(i = 0; i < width/2; i++) {
			$('#main-nav ul li a').each(function(){
				if(current <= width) return 0;
				$(this).css('padding-left', parseInt($(this).css('padding-left'))-1);
				current = current-1;	
				
				if(current <= width) return 0;
				$(this).css('padding-right', parseInt($(this).css('padding-right'))-1);
				current = current-1;				
			});
			if(current <= width) break;
		}
	}
	
});


function imageMagneticFunc(){
	var counterElement = 0;
	// Image Elements
	$('body.magnetic_images .content-left img').each(function(c){
		if(parseInt($(this).css('width')) > 300){
	   		 var outer = $(this);
	   		 
	   		 $('#content h1.csc-firstHeader, #content div.csc-frame-rulerAfter, #content div.csc-frame-rulerBefore').each(function(cc, obj){
	   		 	var positionInner = parseInt($(this).offset().top);
	    	 	var positionElement = parseInt(outer.offset().top);
	    	 	
	   		 	if(!cc) {
	   		 		positionInner += parseInt($(this).outerHeight());
	   		 	}
	   		 	
	   		 	if(cc == counterElement) {
	   		 		outer.css('margin-top', (positionInner-positionElement)+'px');
	   		 		return;
	   		 	}
	   		 });
	   		 counterElement++;
	   	}
	});
}