/*
 * jquery.mSlide.js - jQuery plugin
 * simple and easy to use slider-gallery with touch support
 *
 * written by: M.Eckebrecht, D.Lehmann
 * examples and documentation at: www.quirks-modus.de/_mSlide/
 * 
 * version: 1.0 (16/02/2012)
 * requirements: jQuery, jQueryUI
 * 
 * licensed under the GPL license:
 *   http://www.gnu.org/licenses/gpl.html
 */
$(function() {
    $.widget( "od.mSlide", {
 
        options: {
            slideMarginLeft: 50,
            change: null /* callback function for change event */
        },
 
        _create: function() {
            var e = this.element;
            var self = this;
 
            if(typeof e[0].addEventListener == 'function') {
                e[0].addEventListener("touchstart", this._touchHandler, false);
            	e[0].addEventListener("touchmove", this._touchHandler, false);
            	e[0].addEventListener("touchend", this._touchHandler, false);
            	e[0].addEventListener("touchcancel", this._touchHandler, false);
            }
 
            e.data('allSlidesWidth',0).css({
                'position':'relative',
                'overflow':'hidden'
            });
 
            e.find('div.slide').each(function(){
                $(this).css('float','left').data({
                    'pos_x' : e.data('allSlidesWidth'),
                    'slide_num' : $(this).prevAll('.slide').size() 
                });
                e.data('allSlidesWidth',e.data('allSlidesWidth')+$(this).width());
            });
 
            e.wrapInner($('<div class="mSlide_innerWrap" />').css('width',e.data('allSlidesWidth'))); 
            e.append($('<div class="mSlide_btnLeft" />').hide());
            e.append($('<div class="mSlide_btnRight" />'));
 
            i = e.find('.mSlide_innerWrap'); // inner
 
            e.find('.mSlide_btnRight').click(function(){
                self.slideNext();                
            });
 
            e.find('.mSlide_btnLeft').click(function(){
                self.slidePrev();                
            });
 
            i.draggable({
                axis: 'x',
                cursor: 'pointer',
                scroll: true,
                stop: function(event, ui) {
                    if($(this).position().left > 0) {
                        $(this).animate({
                          left:0
                        }, 500, 'easeOutBounce', function(){
                            self._refresh(true);
                        });
                    } else if(e.width() > (i.width() + i.position().left)){
                        $(this).animate({
                          left: (i.width()-e.width())*-1
                        }, 500, 'easeOutBounce', function(){
                            self._refresh(true);
                        });
                    } else {
                        self._refresh(true);
                    } 
                }
            });
            this._refresh(false);
        },
 
        _touchHandler: function(event) {
            var touches = event.changedTouches;
            var first = touches[0];
            var type = '';
            switch(event.type) {
                case "touchstart":
                    type="mousedown";
                    break;
                case "touchmove":
                    type="mousemove";
                    event.preventDefault();
                    break;
                case "touchend":
                    type="mouseup";
                    break;
                default: return;
            }
            var simulatedEvent = document.createEvent("MouseEvent");
            simulatedEvent.initMouseEvent(type, true, true, window, 1, first.screenX, first.screenY, first.clientX, first.clientY, false, false, false, false, 0/*left*/, null);
            first.target.dispatchEvent(simulatedEvent);
        },
 
        slideTo: function(slide_num){
            var e = this.element;
            var i = e.find('.mSlide_innerWrap');
            var self = this;
            switch(slide_num) {
                case 'first' : slide_num = 0; break;
                case 'last'  : slide_num = e.find('div.slide').size()-1; break; 
            }
            e.find('div.slide').each(function() {
                if ($(this).data('slide_num') == slide_num  ) {
                    if ((i.width()-($(this).data('pos_x'))) > e.width()) {
                        var slideTo = $(this).data('pos_x')*-1 + self.options.slideMarginLeft;
                    } else {
                        var slideTo = -1*(i.width()-e.width());
                    }
                    i.animate({
                        'left' : ((slideTo >0)?0:slideTo)
                    },500, null, function(){
                        self._refresh();
                    });
                    return false;
                }
            });
        },
 
        slideNext: function(){
            var e = this.element;
            var i = e.find('.mSlide_innerWrap');
            var self = this;
            var current_pos = -1*i.position().left;
            e.find('div.slide').each(function(){
                if (($(this).data('pos_x')) > current_pos+self.options.slideMarginLeft) {
                    if ((i.width()-($(this).data('pos_x'))) > e.width()) {
                        var slideTo = -1*($(this).data('pos_x')-self.options.slideMarginLeft);
                    } else {
                        var slideTo = -1*(i.width()-e.width());
                    }
                    i.animate({
                        'left' : slideTo
                    },500, null, function(){
                        self._refresh(true);
                    });
                    return false;  
                }                
            });
        },
 
        slidePrev: function(){
            var e = this.element;
            var i = e.find('.mSlide_innerWrap');
            var self = this;
            var current_pos = -1*i.position().left;  
            e.find('div.slide').each(function(){
                if (current_pos <= $(this).data('pos_x')) {
                    var slideTo = -1*($(this).prev('.slide').data('pos_x')-self.options.slideMarginLeft);
                    i.animate({
                        'left' : ((slideTo >0)?0:slideTo)
                    },500, null, function(){
                        self._refresh(true);
                    });
                    return false;
                } 
            });                
        },
 
        // called when created, and later when changing options or slide stops
        _refresh: function(triggerChange) {
            var e = this.element;
            var i = e.find('.mSlide_innerWrap');
            var posLeft = i.position().left;
            // hide left button if position is first slide
            if(posLeft >= 0){
                e.find('.mSlide_btnLeft').fadeOut();
            } else{
                e.find('.mSlide_btnLeft').fadeIn();
            }
            // hide right button if position is last slide
            if(e.width() >= i.width() + posLeft){
                e.find('.mSlide_btnRight').fadeOut();
            } else{
                e.find('.mSlide_btnRight').fadeIn();
            }
            if (triggerChange) {
                this._trigger("change", null, -1*posLeft);
            }
        },
 
        _destroy: function() {
        },
 
        _setOptions: function() {
            $.Widget.prototype._setOptions.apply( this, arguments );
            this._refresh(true);
        },
 
        _setOption: function( key, value ) {
            $.Widget.prototype._setOption.call( this, key, value );
            this._refresh(true);
        }
    });
});

div.mSlide_btnLeft { width:5%; height:100%; position:absolute; left:0; top:0; background:#000; z-index:100; opacity: .5; }
div.mSlide_btnRight { width:5%; height:100%; position:absolute; right:0; top:0; background:#000; z-index:100; opacity: .5; }

    <div id="gallery" style="width:800px; height:280px;">
        <div class="slide" style="width:400px; height:280px; background:#fa0;">
            Slide 1
        </div>
        <div class="slide" style="width:250px; height:280px; background:#f0a;">
            Slide 2
        </div>
        <div class="slide" style="width:350px; height:280px; background:#fa0;">
            Slide 3            
        </div>
        <div class="slide" style="width:310px; height:280px; background:#f0a;">
            Slide 4
        </div>
        <div class="slide" style="width:370px; height:280px; background:#fa0;">
            Slide 5
        </div>
        <div class="slide" style="width:370px; height:280px; background:#f0a;">
            Slide 6
        </div>
    </div>
 
    <a id="first">first</a> || <a id="prev">prev</a> || <a id="next">next</a> || <a id="last">last</a>

$('#gallery').mSlide();

        $('#gallery').mSlide({
            'change': function(e, pos_x) {
                // onChange - callback: 
                // e = event // pos_x = current slide position 
            },
            'slideMarginLeft' : 50 /* 50px from left (used for left control) */
        });

        $('#next').click(function(){
            $('#gallery').mSlide('slideNext');
        });
 
        $('#prev').click(function(){
            $('#gallery').mSlide('slidePrev');
        });
 
        $('#last').click(function(){
            $('#gallery').mSlide('slideTo','last');
        });
 
        $('#first').click(function(){
            $('#gallery').mSlide('slideTo','first');
        });
 
        $('#slide_num').click(function(){
            $('#gallery').mSlide('slideTo',3);
        });

function formatBytes($b,$p = null) {
	/**
	* returns formatted number of bytes.
	* two parameters: the bytes and the precision (optional).
	* if no precision is set, function will determine clean
	* result automatically.
	**/
	$units = array("B","KiB","MiB","GiB");
	$r = array('bytes'=>0,'units'=>'');
	$c=0;
	if(!$p && $p !== 0) {
		foreach($units as $k => $u) {
			if(($b / pow(1024,$k)) >= 1) {
				$r['bytes'] = $b / pow(1024,$k);
				$r['units'] = $u;
				$c++;
			}
		}
		return number_format($r['bytes'],2) . " " . $r['units'];
	} else {
		return number_format($b / pow(1024,$p)) . " " . $units[$p];
	}
}

function custombase_convert_big ($numstring, $frombase, $tobase) {
	$from_count = strlen($frombase);
	$to_count = strlen($tobase);
	$length = strlen($numstring);
	$result = '';
	for ($i = 0; $i < $length; $i++) {
		$number[$i] = strpos($frombase, $numstring{$i});
	}
	do { // Loop until whole number is converted
		$divide = 0;
		$newlen = 0;
		for ($i = 0; $i < $length; $i++) { // Perform division manually (which is why this works with big numbers)
			$divide = $divide * $from_count + $number[$i];
			if ($divide >= $to_count) {
				$number[$newlen++] = (int)($divide / $to_count);
				$divide = $divide % $to_count;
			}
			elseif ($newlen > 0) {
				$number[$newlen++] = 0;
			}
		}
		$length = $newlen;
		$result = $tobase{$divide} . $result; // Divide is basically $numstring % $to_count (i.e. the new character)
	} while ($newlen != 0);
	return $result;
}

$fromBase = '0123456789';
$toBase   = '01';
 
echo custombase_convert_big('42', $fromBase,$toBase).'<br />';

<div class="meindiv">
   START<br />
   text<br />
   text<br />
   text<br />
   ENDE
</div>

.meindiv {
      height:100%;
      margin-top:20px;
      width:120px;
      overflow: auto;
      /*overflow-x: hidden;*/
}

var habstand = 20
//var wabstand = 20
 
$(document).ready(function(){ 
    // 100% höhe minus px die margin sein sollen
    var hohe = window.innerHeight;
    $(".meindiv").css("height",hohe - habstand);
 
    // 100% breite minus px die margin sein sollen
    //var weit = window.innerWidth;
    //$(".meindiv").css("width",weit - wabstand);
});
 
$(window).resize(function(){
    // 100% höhe minus px die margin sein sollen
    var hohe = window.innerHeight;
    $(".meindiv").css("height",hohe - habstand);
 
    // 100% breite minus px die margin sein sollen
    //var weit = window.innerWidth;
    //$(".meindiv").css("width",weit - wabstand);
});

function imagecreatefrombmp($filename) {
	// version 1.00
	if (!($fh = fopen($filename, 'rb'))) {
		trigger_error('imagecreatefrombmp: Can not open ' . $filename, E_USER_WARNING);
		return false;
	}
	// read file header
	$meta = unpack('vtype/Vfilesize/Vreserved/Voffset', fread($fh, 14));
	// check for bitmap
	if ($meta['type'] != 19778) {
		trigger_error('imagecreatefrombmp: ' . $filename . ' is not a bitmap!', E_USER_WARNING);
		return false;
	}
	// read image header
	$meta += unpack('Vheadersize/Vwidth/Vheight/vplanes/vbits/Vcompression/Vimagesize/Vxres/Vyres/Vcolors/Vimportant', fread($fh, 40));
	// read additional 16bit header
	if ($meta['bits'] == 16) {
		$meta += unpack('VrMask/VgMask/VbMask', fread($fh, 12));
	}
	// set bytes and padding
	$meta['bytes'] = $meta['bits'] / 8;
	$meta['decal'] = 4 - (4 * (($meta['width'] * $meta['bytes'] / 4)- floor($meta['width'] * $meta['bytes'] / 4)));
	if ($meta['decal'] == 4) {
		$meta['decal'] = 0;
	}
	// obtain imagesize
	if ($meta['imagesize'] < 1) {
		$meta['imagesize'] = $meta['filesize'] - $meta['offset'];
		// in rare cases filesize is equal to offset so we need to read physical size
		if ($meta['imagesize'] < 1) {
			$meta['imagesize'] = @filesize($filename) - $meta['offset'];
			if ($meta['imagesize'] < 1) {
				trigger_error('imagecreatefrombmp: Can not obtain filesize of ' . $filename . '!', E_USER_WARNING);
				return false;
			}
		}
	}
	// calculate colors
	$meta['colors'] = !$meta['colors'] ? pow(2, $meta['bits']) : $meta['colors'];
	// read color palette
	$palette = array();
	if ($meta['bits'] < 16) {
		$palette = unpack('l' . $meta['colors'], fread($fh, $meta['colors'] * 4));
		// in rare cases the color value is signed
		if ($palette[1] < 0) {
			foreach ($palette as $i => $color) {
				$palette[$i] = $color + 16777216;
			}
		}
	}
	// create gd image
	$im = imagecreatetruecolor($meta['width'], $meta['height']);
	$data = fread($fh, $meta['imagesize']);
	$p = 0;
	$vide = chr(0);
	$y = $meta['height'] - 1;
	$error = 'imagecreatefrombmp: ' . $filename . ' has not enough data!';
	// loop through the image data beginning with the lower left corner
	while ($y >= 0) {
		$x = 0;
		while ($x < $meta['width']) {
			switch ($meta['bits']) {
				case 32:
				case 24:
					if (!($part = substr($data, $p, 3))) {
						trigger_error($error, E_USER_WARNING);
						return $im;
					}
					$color = unpack('V', $part . $vide);
					break;
				case 16:
					if (!($part = substr($data, $p, 2))) {
						trigger_error($error, E_USER_WARNING);
						return $im;
					}
					$color = unpack('v', $part);
					$color[1] = (($color[1] & 0xf800) >> 8) * 65536 + (($color[1] & 0x07e0) >> 3) * 256 + (($color[1] & 0x001f) << 3);
					break;
				case 8:
					$color = unpack('n', $vide . substr($data, $p, 1));
					$color[1] = $palette[ $color[1] + 1 ];
					break;
				case 4:
					$color = unpack('n', $vide . substr($data, floor($p), 1));
					$color[1] = ($p * 2) % 2 == 0 ? $color[1] >> 4 : $color[1] & 0x0F;
					$color[1] = $palette[ $color[1] + 1 ];
					break;
				case 1:
					$color = unpack('n', $vide . substr($data, floor($p), 1));
					switch (($p * 8) % 8) {
						case 0:
							$color[1] = $color[1] >> 7;
							break;
						case 1:
							$color[1] = ($color[1] & 0x40) >> 6;
							break;
						case 2:
							$color[1] = ($color[1] & 0x20) >> 5;
							break;
						case 3:
							$color[1] = ($color[1] & 0x10) >> 4;
							break;
						case 4:
							$color[1] = ($color[1] & 0x8) >> 3;
							break;
						case 5:
							$color[1] = ($color[1] & 0x4) >> 2;
							break;
						case 6:
							$color[1] = ($color[1] & 0x2) >> 1;
							break;
						case 7:
							$color[1] = ($color[1] & 0x1);
							break;
					}
					$color[1] = $palette[ $color[1] + 1 ];
					break;
				default:
					trigger_error('imagecreatefrombmp: ' . $filename . ' has ' . $meta['bits'] . ' bits and this is not supported!', E_USER_WARNING);
					return false;
			}
			imagesetpixel($im, $x, $y, $color[1]);
			$x++;
			$p += $meta['bytes'];
		}
		$y--;
		$p += $meta['decal'];
	}
	fclose($fh);
	return $im;
}

$menu = array(
	0 => array(
		'title' => 'Home',
		'id'    => 1,
	),
	1 => array(
		'id'	=> 2,
		'title' => 'Team',
		'subs'  => array(
			0 => array(
				'id'    => 3,
				'title' => 'Michael',
			),
			1 => array(
				'id'    => 4,
				'title' => 'Tim',
			),
			2 => array(
				'id'    => 5,
				'title' => 'Dennis',
				'subs' => array(
					0 => array(
						'id' => 6,
						'title' => 'Lebenslauf',
					),
					1 => array(
						'id' => 7,
						'title' => 'Zeugnisse',
						'subs' => array(
							0 => array(
								'id' => 8,
								'title' => 'Zeugnis 1',	
							),
							1 => array(
								'id' => 9,
								'title' => 'Zeugnis 2',	
							),
							2 => array(
								'id' => 10,
								'title' => 'Zeugnis 3',	
							),
						),
					),
				),
			),
		),
	),
	2 => array(
		'title' => 'Kontakt',
		'id'	=> 6,
	),
);

function array2list($arr, $menu = null) {
	$menu = '<ul>';
	for($i=0; $i<count($arr); $i++) {
		$menu.='<li>'.$arr[$i]['title'];
		$menu.=(isset($arr[$i]['subs']))?array2list($arr[$i]['subs'],$menu):'</li>';
	}
	return($menu.='</ul></li>');
}
echo substr(array2list($arr),0,-5);

<ul>
	<li>Home</li>
	<li>Team
		<ul>
			<li>Michael</li>
			<li>Tim	</li>
			<li>Dennis
				<ul>
					<li>Lebenslauf</li>
					<li>Zeugnisse
						<ul>
							<li>Zeugnis 1</li>
							<li>Zeugnis 2</li>
							<li>Zeugnis 3</li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
	</li>
	<li>Kontakt</li>
</ul>

mixed highlight_string  ( string $str  [, bool $return = false  ] )

$red = 255;
$green = 170;
$blue = 0;
// 0=dunkel, 255 = hell :
$l = round((0.2126 * $blue) + (0.7152 * $green) + (0.0722 * $blue));

$color = 'FFAA00';
$ccolor  = sprintf('%06X',(~(1*('0x'.$color))&0xFFFFFF));

$.fn.selectBox = function(opt) {
	var sb = $(this); // selectBox
	var o = $.extend({
		'onSelect' : function(e) {
 
		},
		'animationSpeed'     : 5000,
		'animationSpeedBack' : 300
	},opt);	
 
	sb.children('li').each(function(){
		var e = $(this);
		// text breite bestimmen:
		var testWidth = document.createElement('span');
		$(testWidth).attr('id','testWidthID');
		$(testWidth).html(e.text());
		$('body').append(testWidth);
		e.data('textWidth',$('#testWidthID').width());
		$('#testWidthID').remove();
		e.click(function(){
			$(sb).children('li.selected').removeClass('selected');
			e.addClass('selected');
			o.onSelect($(this));
		});
 
		$(this).mouseover(function(){
			e = $(this);
			if (e.data('textWidth') > e.width()) {
				var newTextIndent = -(e.data('textWidth')-e.width());
				e.stop();
				e.animate({'textIndent':newTextIndent},o.animationSpeed,function(){
					e.animate({'textIndent':0},o.animationSpeedBack);					
				});
			}
		});
		$(this).mouseout(function(){
			$(this).stop();
			$(this).animate({'textIndent':0},o.animationSpeedBack);
		});
	});
}

            $(document).ready(function() { 
                    $('#selectbox').selectBox();
            });

            $(document).ready(function() { 
                    $('#selectbox').selectBox({
		    	'onSelect' : function(e) {
				alert(e.text());    
			}
		    });
            });