var po = 2
	var maxpo = 2;
	var imgwidth = 447;
	var thumbwidth = 120;
	var offx = 0;
	var speed = 1000;
// ÕâÀï°´ÕÕÕÕƬÅÅ·Å
	var m = [2, 3, 0, 1, 2, 3, 0, 1];
	var r = [m[1], m[2], m[3], m[4], m[5], m[6], m[7], m[0]];
	var l = [m[6], m[7], m[0], m[1], m[2], m[3], m[4], m[5]];
	var moving = false;
	jQuery(document).ready(function () {
		initMainMove(m, l, r);
		jQuery(".footImg").fadeTo(10, 0.55);
		jQuery(".footImg").mouseover(function () {
			jQuery(this).fadeTo(400, 1);
		});
		jQuery(".footImg").mouseout(function () {
			jQuery(this).fadeTo(400, 0.55);
		});
		jQuery("#leftOne").click(function () {goLeft(1)});
		jQuery("#leftTwo").click(function () {goLeft(2)});
		jQuery("#rightOne").click(function () {goRight(1)});
		jQuery("#rightTwo").click(function () {goRight(2)});
		var foothref;
		jQuery(".footImg").click(function () {
			window.open(jQuery(this).text(), "_self");
		});
		window.setTimeout("fadeout()", 1800);
	});
	function fadeout() {
		jQuery("#element5").fadeOut(400, function () {
			jQuery("#wrapper_blk").fadeOut(2000);
		});		
	}
				document.observe('dom:loaded', function() {

					// first manuale progressbar : different bar (width, height, images) and no animation
					manualPB = new JS_BRAMUS.jsProgressBar(
								$('element5'),
								100,
								{
									showText	: true,
									animate		: true,
									width		: 154,
									height		: 11,
									boxImage	: 'showcase/fiximages/custom1_box.gif',
									barImage	: 'showcase/fiximages/02.png'
								}
							);
				}, false);
	function queueLeft(q, n) {
		for (var j = 0; j < n; j++) {
			var t = q[0];
			for (var i = 0; i < q.length; i++) {
				q[i] = q[i + 1];
			}
			q[q.length - 1] = t;
		}
		return q;
	}
	function queueRight(q, n) {
		for (var j = 0; j < n; j++) {
			var t = q[q.length - 1];
			for (var i = q.length - 1; i > 0; i--) {
				q[i] = q[i - 1];
			}
			q[0] = t;
		}
		return q;
	}
	function goLeft(n) {
		if (!moving) {
			moving = true;
			m = queueRight(m, n);
			l = queueRight(l, n);
			r = queueRight(r, n);
			jQuery("#leftMove").animate({left: (po - n) * thumbwidth * -1}, speed);
			jQuery("#rightMove").animate({left: (po - n) * thumbwidth * -1}, speed);
			jQuery("#mainMove").animate({left: (po - n) * imgwidth * -1}, speed, function () {initMainMove(m, l, r);});
		}
	}
	function goRight(n) {
		if (!moving) {
			moving = true;
			m = queueLeft(m, n);
			l = queueLeft(l, n);
			r = queueLeft(r, n);
			jQuery("#leftMove").animate({left: (po + n) * thumbwidth * -1}, speed);
			jQuery("#rightMove").animate({left: (po + n) * thumbwidth * -1}, speed);
			jQuery("#mainMove").animate({left: (po + n) * imgwidth * -1}, speed, function () {initMainMove(m, l, r);});
		}
	}
	function initMainMove(a, b, c) {
		jQuery("#mainMove").css("left", "-894px");
		jQuery("#leftMove").css("left", "-240px");
		jQuery("#rightMove").css("left", "-240px");
		for (var i = 0; i < 5; i++) {
			jQuery("#mb" + i).html("<div id=\"mi" + a[i] + "\"></div>");
			jQuery("#mu" + i).html("<div id=\"mf" + a[i] + "\"></div>");
			jQuery("#md" + i).html("<div id=\"mf" + a[i] + "\"></div>");
		}
		for (var i = 0; i < 6; i++) {
			jQuery("#lb" + i).html("<div id=\"lei" + b[i] + "\"></div>");
			jQuery("#rb" + i).html("<div id=\"ri" + c[i] + "\"></div>");
		}
			moving = false;
	}
	function z(n) {
		return document.getElementById(n);
	}
	function MM_preloadImages() { //v3.0
	  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
	}