/*
 *
 * ImageScroller - a Image Horizental Scroll Viewer
 * Version 0.1
 * @requires jQuery v1.2.1
 *
 * Copyright (c) 2007 Luan
 * Email verycss-ok@yahoo.com.cn
 *
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 *
 * Example:
 *   #viewer {height:100px; width:300px; clear:both; overflow:hidden; border:3px solid #e5e5e5;}
 *   #viewerFrame {width:505px; clear:both; padding:0;}
 *   #viewer img {width:90px; height:90px; margin:5px; display:inline; border:0;}
 *   #viewer a {display:block; float:left; width:100px; height:100px;}
 *   <script type="text/javascript">
 *   $(function(){
 *   	$("#viewer").imageScroller({
 *   	next:"btn1",
 *   	prev:"btn2",
 *   	frame:"viewerFrame",
 *   	width:100,
 *   	child:"a",
 *   	auto:true
 *   	});
 *   });
 *   </script>
 *   <div id="viewer"><div id="viewerFrame">
 *   <a href=""><img src="pre1.jpg"></a>
 *   <a href=""><img src="pre2.jpg"></a>
 *   <a href=""><img src="pre3.jpg"></a>
 *   <a href=""><img src="pre4.jpg"></a>
 *   <a href=""><img src="pre5.jpg"></a>
 *   </div></div>
 *   <span id="btn1">prev</span><br/><span id="btn2">next</span>
*/
var imgMarginLeft=0;
jQuery.fn.imageScroller = function(params){
	var p = params || {
		next:"buttonNext",
		prev:"buttonPrev",
		frame:"viewer",
		width:100,
		child:"a",
		auto:true
	};
	var _currentMargin=0;
	var _allImageWidth=parseInt(jQuery("#projekt_img_list_2").css("width"));;
	var _boxImageWidth=parseInt(jQuery("#projekt_img_list").css("width"));;
	var _btnNext = jQuery("#"+ p.next);
	var _btnPrev = jQuery("#"+ p.prev);
	var _imgFrame = jQuery("#"+ p.frame);
	var _width = p.width;
	var _child = p.child;
	var _auto = p.auto;
	var _itv;

	var turnLeft = function(){
		((_allImageWidth-_boxImageWidth)>(_currentMargin*-1))?_currentMargin -= _width:'';
		_imgFrame.css("marginLeft",_currentMargin);
	};

	var turnRight = function(){
		(_currentMargin<0)?	_currentMargin += _width:_currentMargin =0;
		_imgFrame.css("marginLeft",_currentMargin);
	};

	_btnNext.css("cursor","hand").click( turnRight );
	_btnPrev.css("cursor","hand").click( turnLeft );
};