$.fn.pause = function(duration) {
    $(this).animate({ dummy: 1 }, duration);
    return this;
};

var m2=0;
var n2=424;
var anim_speed=25;
var anim_step=2;
var speed_s2=anim_speed+2;
var maxn2=n2;
var selecteditem2=0;
var totalitems2=0;
var items2=new Array();
var c_pos=0;
var cache = [];
var c_timeout = 0;
var c_timout_limit = 5000;


var lock=0;
function slideDiv(div_id,direction_,speed_,lock_) {
  if(lock!=1 || lock_==0){
    if(lock_==1) {
      window.lock=1;
	}
	$(div_id).animate({
      left: direction_
	}, speed_, function() {
      // Animation complete.
	  if(lock_==1) {
		window.lock=0;
		m2=m2-window.anim_step;
		n2=n2-window.anim_step;
		c_pos=c_pos-window.anim_step;
	  }
	});
  }
}

function addItem2(url){
	window.items2[window.totalitems2]=url;
	window.totalitems2=window.totalitems2+1;
}
function countDivWidth2() {
	window.scrollWidth2=parseInt('3'); // need 3 for IE6
	var imgs=document.getElementsByTagName('img');

	for(var i = 0; i < imgs.length; i++){
		if(imgs[i].parentNode.parentNode.id=="div3"){
			window.scrollWidth2=parseInt(window.scrollWidth2)+parseInt(imgs[i].clientWidth)+2;
			//window.scrollWidth=parseInt(window.scrollWidth)+162;
		}
	}
	//window.alert(window.scrollWidth);
}

function scrollStart2() {
	window.stop_scroll2=false;
	setTimeout('scrollPics2()',window.speed_s2);
}
function scrollStop2() {
	window.stop_scroll2=true;
}
function scrollPics2() {
	if(window.stop_scroll2) {
		return;
	}
	slideDiv('#container2',"-="+window.anim_step,window.anim_speed,1);
	
	if(m2<=-maxn2) {
		m2=maxn2;
		slideDiv('#div3',"+="+maxn2*2,0,0);
	}
	if(n2<=-maxn2) {
		n2=maxn2;
		
		slideDiv('#div4',"+="+maxn2*2,0,0);
	}
	if(c_pos<=-9000) {
		// reset starting position;
		c_pos=0;
		window.m2=0;
		window.n2=window.maxn2;
		slideDiv('#container2',0,0,0);
		slideDiv('#div3',0,0,0);
		slideDiv('#div4',window.maxn2,0,0);
	}
	if(!window.stop_scroll2) {
		setTimeout('scrollPics2()',window.speed_s2);
	}
} 
function setImage2(item_id){
	var url=window.items2[item_id];
	window.selecteditem2=item_id;
	$('#loading').css("display","block");
	//$('#loading').css("visibility","visible");
	$('#loading').css("left","270px");
	$('#loading').css("width","380px");
	$('#loading').css("top","100px");
	$('#loading').css("height","100px");
	$('#loading').css("line-height","40px");
	$('#loading').css("font-size","30px");

	window.cache.push(url); // preload img
	var img=new Image();
	img.src=url;
	
    // check if preloaded - might not work with some browsers.
	// hence, force to change img after timeout limit
	if(img.complete || window.c_timeout*1 > window.c_timout_limit*1) {
		document.getElementById('t2').style.background="url('"+url+"') no-repeat";
		//console.log(url);
		window.c_timeout = 0; 
		$('#loading').css("display","none");
		//$('#loading').css("visibility","hidden");
	} else {
		setTimeout('setImage2("'+item_id+'")',100);
		window.c_timeout = window.c_timeout*1 + 100; 
	}
}
function setPrevImage2(){
	if(0==window.selecteditem2) {
		setImage2(window.totalitems2*1-1);
	} else {
		setImage2(window.selecteditem2*1-1);
	}
}
function setNextImage2(){
	if(window.totalitems2-1==window.selecteditem2) {
		setImage2(0);
	} else {
		setImage2(window.selecteditem2*1+1);
	}
}
window.onload=function() {
	
	countDivWidth2();
	window.n2=window.maxn2=window.scrollWidth2-3;

	document.getElementById('div3').style.width=(window.n2*1+3*1)+'px';
	document.getElementById('div4').style.width=(window.n2*1+3*1)+'px';
	
	slideDiv('#div3',0,0,0);
	slideDiv('#div4',window.maxn2,0,0);
	
	setTimeout('scrollStart2()',100);
}