/*
 * 	Easy Slider - jQuery plugin
 *	written by Alen Grakalic	
 *	http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
 *
 *	Copyright (c) 2009 Alen Grakalic (http://cssglobe.com)
 *	Dual licensed under the MIT (MIT-LICENSE.txt)
 *	and GPL (GPL-LICENSE.txt) licenses.
 *
 *	Built for jQuery library
 *	http://jquery.com
 *
 */
 
/*
 *	markup example for $("#images").easySlider();
 *	
 * 	<div id="images">
 *		<ul>
 *			<li><img src="images/01.jpg" alt="" /></li>
 *			<li><img src="images/02.jpg" alt="" /></li>
 *			<li><img src="images/03.jpg" alt="" /></li>
 *			<li><img src="images/04.jpg" alt="" /></li>
 *			<li><img src="images/05.jpg" alt="" /></li>
 *		</ul>
 *	</div>
 *
 */



(function($) {
		  	

	$.fn.gotoeasySlider = function(options){
	 
		// default configuration properties
		var defaults = {
		
			
			speed: 			800			
		}; 
		
		var options = $.extend(defaults, options);  
		
		return this.each(function() { 
								  
			obj = $(this); 
			
			var ul_1=$("ul.box1", obj);
			var ul_2=$("ul.box2", obj);
			var s_1 = $("li", ul_1).length;
			var s_2 = $("li", ul_2).length;
			var u = $("ul", obj).length;
			
			var w = '600'; 
			var h = '388'; 
			if(s_1>=s_2){ s=s_1; } else{s=s_2;}
			var ts = s-1;
				
			var us = u-1;
			var cu = 0;
			var t = 0;
			
			var count=0;
		
			
			
			$("ul.box1", obj).css('width',s*w);
			$("ul.box2", obj).css('width',s*w);
			
			
		     $("li", ul_1).css('float','left');
			 $("li", ul_2).css('float','left');
			$(obj).after('<table width="580" cellpadding="0" cellspacing="0" border="0"><tr><td colspan="5" class="kozm_cell_just_up"></td></tr><td class="kozm_cell"><div id="klik1" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Arckezelés</a></div></td><td class="kozm_cell"><div id="klik2" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">B&#x151;rkezelés</a></div></td><td class="kozm_cell"><div id="klik3" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Arcvákum</a></div></td><td class="kozm_cell"><div id="klik4" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Testékszerek/Henna</a></div></td><td align="center"><div id="klik5" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">M&#x171;szempilla</a></div></td></tr><tr><td colspan="5" style="padding-bottom:5px"></td></tr><tr><td class="kozm_cell"><div id="klik6" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Arcpakolás</a></div></td><td class="kozm_cell"><div id="klik7" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Sminkiskola</a></div></td><td class="kozm_cell"><div id="klik8" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Tartós smink</a></div></td><td class="kozm_cell"><div id="klik9" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Gyantázás</a></div></td><td align="center"><div id="klik10" valign="bottom"><a href=\"javascript:void(0);\" class="kozm_menu">Kezelések</a></div></td></tr></table>');
			
			
			$("#klik1").click(function(){		
				animate(0,0);
			
			});
			$("#klik2").click(function(){		
				animate(1,0);
				
			});	
			$("#klik3").click(function(){		
				animate(2,0);
			
			});
			$("#klik4").click(function(){		
				animate(3,0);
				
			});	
			$("#klik5").click(function(){		
				animate(4,0);
			
			});
			$("#klik6").click(function(){		
				animate(0,1);
				
			});	
			$("#klik7").click(function(){		
				animate(1,1);
			
			});
			$("#klik8").click(function(){		
				animate(2,1);
				
			});	
			$("#klik9").click(function(){		
				animate(3,1);
			
			});
			$("#klik10").click(function(){		
				animate(4,1);
			
			});
			
			
			function animate(x,y){
			
			/*var kulonb;
			kulonbx=x-t;
			
			
			 kulonby=y-cu;*/
				
			t=x;
			cu=y;
				
				//alert("t:"+t+"cu:"+cu+"x:"+kulonbx+"y:"+kulonby);
					p = (t*w*-1);
				
					$("#mover").animate(
						{ marginLeft: p }, 
						options.speed
						
					);
					
				
					q = (cu*h*-1);
					
					$("#mover").animate(
						{ marginTop: q }, 
						options.speed
					);					
				
			};
			
					});
	  
	};

})(jQuery);