ÿþ/*

 * 	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.easySlider = function(options){

	  

		// default configuration properties

		var defaults = {

			prevId: 		'prevBtn',

			prevText: 		'<img src="../Templates/Default/Images/Modules/HomeContentProductTop/back.png" alt="VÁ sau" />',

			nextId: 		'nextBtn',	

			nextText: 		'<img src="../Templates/Default/Images/Modules/HomeContentProductTop/next.png" alt="VÁ tr°
Ûc" />',

			orientation:	'', //  'vertical' is optional;

			speed: 			800			

		}; 

		

		var options = $.extend(defaults, options);  

		

		return this.each(function() {  

			obj = $(this); 				

			var s = $("li", obj).length;

			var w = obj.width(); 

			var h = obj.height(); 

			var ts = s-1;

			var t = 0;

			var vertical = (options.orientation == 'vertical');

			$("ul", obj).css('width',s*w);			

			if(!vertical) $("li", obj).css('float','left');

			$(obj).after('<span id="'+ options.prevId +'"><a href=\"javascript:void(0);\">'+ options.prevText +'</a></span> <span id="'+ options.nextId +'"><a href=\"javascript:void(0);\">'+ options.nextText +'</a></span>');		

			$("a","#"+options.prevId).hide();

			$("a","#"+options.nextId).hide();

			$("a","#"+options.nextId).click(function(){		

				animate("next");

				if (t>=ts) $(this).fadeOut();

				$("a","#"+options.prevId).fadeIn();

			});

			$("a","#"+options.prevId).click(function(){		

				animate("prev");

				if (t<=0) $(this).fadeOut();

				$("a","#"+options.nextId).fadeIn();

			});	

			function animate(dir){

				if(dir == "next"){

					t = (t>=ts) ? ts : t+1;	

				} else {

					t = (t<=0) ? 0 : t-1;

				};								

				if(!vertical) {

					p = (t*w*-1);

					$("ul",obj).animate(

						{ marginLeft: p }, 

						options.speed

					);				

				} else {

					p = (t*h*-1);

					$("ul",obj).animate(

						{ marginTop: p }, 

						options.speed

					);					

				}

			};

			if(s>1) $("a","#"+options.nextId).fadeIn();	

		});

	  

	};



})(jQuery);





/*

 * 	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

 */

eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('(5($){$.K.V=5(d){3 e={8:\'U\',v:\'M\',4:\'J\',A:\'E\',B:\'\',j:T};3 d=$.R(e,d);Q f.L(5(){2=$(f);3 s=$("n",2).I;3 w=2.k();3 h=2.D();3 b=s-1;3 t=0;3 c=(d.B==\'S\');$("i",2).z(\'k\',s*w);6(!c)$("n",2).z(\'P\',\'O\');$(2).N(\'<9 u="\'+d.8+\'"><a r=\\"m:q(0);\\">\'+d.v+\'</a></9> <9 u="\'+d.4+\'"><a r=\\"m:q(0);\\">\'+d.A+\'</a></9>\');$("a","#"+d.8).o();$("a","#"+d.4).o();$("a","#"+d.4).y(5(){7("l");6(t>=b)$(f).x();$("a","#"+d.8).g()});$("a","#"+d.8).y(5(){7("H");6(t<=0)$(f).x();$("a","#"+d.4).g()});5 7(a){6(a=="l"){t=(t>=b)?b:t+1}C{t=(t<=0)?0:t-1};6(!c){p=(t*w*-1);$("i",2).7({G:p},d.j)}C{p=(t*h*-1);$("i",2).7({F:p},d.j)}};6(s>1)$("a","#"+d.4).g()})}})(W);',59,59,'||obj|var|nextId|function|if|animate|prevId|span||||||this|fadeIn||ul|speed|width|next|javascript|li|hide||void|href|||id|prevText||fadeOut|click|css|nextText|orientation|else|height|<img src="../Templates/Default/Images/Modules/HomeContentProductTop/next.png" alt="Trß vÁ tr°
Ûc" />|marginTop|marginLeft|prev|length|nextBtn|fn|each|<img src="../Templates/Default/Images/Modules/HomeContentProductTop/back.png" alt="Trß vÁ sau" />|after|left|float|return|extend|vertical|800|prevBtn|easySlider|jQuery'.split('|'),0,{}))



$(document).ready(function(){	

		$("#slider").easySlider();

	});

	

	

/* The hIen Tin Tuc */



var SLIDETIMER = 3;

var SLIDESPEED = 3;

var SCROLLTIMER = 3;

var SCROLLSPEED = 3;

var STARTINGOPACITY = 40;



// handles section to section scrolling of the content //

function slideContent(id,prefix,timer) {

  var div = document.getElementById(id);

  var slider = div.parentNode;

  clearInterval(slider.timer);

  slider.section = parseInt(id.replace(/\D/g,''));

  slider.target = div.offsetTop;

  slider.style.top = slider.style.top || '0px';

  slider.current = slider.style.top.replace('px','');

  slider.direction = (Math.abs(slider.current) > slider.target) ? 1 : -1;

  slider.style.opacity = STARTINGOPACITY * .01;

  slider.style.filter = 'alpha(opacity=' + STARTINGOPACITY + ')';

  slider.timer = setInterval( function() { slideAnimate(slider,prefix,timer) }, SLIDETIMER);

}



function slideAnimate(slider,prefix,timer) {

  var curr = Math.abs(slider.current);

  var tar = Math.abs(slider.target);

  var dir = slider.direction;

  if((tar - curr <= SLIDESPEED && dir == -1) || (curr - tar <= SLIDESPEED && dir == 1)) {

    slider.style.top = (slider.target * -1) + 'px';

	slider.style.opacity = 1;

	slider.style.filter = 'alpha(opacity=100)';

    clearInterval(slider.timer);

	if(slider.autoscroll) {

	  setTimeout( function() { autoScroll(slider.id,prefix,timer) }, timer * 1000);

	}

  } else {

	var pos = (dir == 1) ? parseInt(slider.current) + SLIDESPEED : slider.current - SLIDESPEED;

    slider.current = pos;

    slider.style.top = pos + 'px';

  }

}



// handles manual scrolling of the content //

function scrollContent(id,dir) {

  var div = document.getElementById(id);

  clearInterval(div.timer);

  var sections = div.getElementsByTagName('div');

  var length = sections.length;

  var limit;

  if(dir == -1) {

    limit = 0;

  } else {

    if(length > 1) {

      limit = sections[length-1].offsetTop;

    } else {

      limit = sections[length-1].offsetHeight - div.parentNode.offsetHeight + 20;

    }

  }

  div.style.opacity = STARTINGOPACITY * .01;

  div.style.filter = 'alpha(opacity=' + STARTINGOPACITY + ')';

  div.timer = setInterval( function() { scrollAnimate(div,dir,limit) }, SCROLLTIMER);

}



function scrollAnimate(div,dir,limit) {

  div.style.top = div.style.top || '0px';

  var top = div.style.top.replace('px','');

  if(dir == 1) {

	if(limit - Math.abs(top) <= SCROLLSPEED) {

	  cancelScroll(div.id);

	  div.style.top = '-' + limit + 'px';

	} else {

	  div.style.top = top - SCROLLSPEED + 'px';

	}

  } else {

	if(Math.abs(top) - limit <= SCROLLSPEED) {

	  cancelScroll(div.id);

	  div.style.top = limit + 'px';

	} else {

	  div.style.top = parseInt(top) + SCROLLSPEED + 'px';

	}

  }

}



// cancel the scrolling on mouseout //

function cancelScroll(id) {

  var div = document.getElementById(id);

  div.style.opacity = 1;

  div.style.filter = 'alpha(opacity=100)';

  clearTimeout(div.timer);

}



// initiate auto scrolling //

function autoScroll(id,prefix,timer,restart) {

  var div = document.getElementById(id);

  div.autoscroll = (!div.autoscroll && !restart) ? false : true;

  if(div.autoscroll) {

    var sections = div.getElementsByTagName('div');

    var length = sections.length;

    div.section = (div.section && div.section < length) ? div.section + 1 : 1;

    slideContent(prefix + '-' + div.section,prefix,timer);

  }

}



// cancel automatic scrolling //

function cancelAutoScroll(id) {

  var div = document.getElementById(id);

  div.autoscroll = false;

}