pid = 11;

imgList = [
	[{
		"id":15209,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090728/2325/50_50thum_15209_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15209'
	}],
	[{
		"id":15210,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090728/2325/50_50thum_15210_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15210'
	}],
	[{
		"id":15228,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090729/2325/50_50thum_15228_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15228'
	}],
	[{
		"id":15338,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090730/2325/50_50thum_15338_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15338'
	}],
	[{
		"id":15339,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090730/2325/50_50thum_15339_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15339'
	}],
	[{
		"id":15340,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090730/2325/50_50thum_15340_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15340'
	}],
	[{
		"id":15625,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15625_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15625'
	}],
	[{
		"id":15626,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15626_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15626'
	}],
	[{
		"id":15627,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15627_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15627'
	}],
	[{
		"id":15628,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15628_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15628'
	}],
	[{
		"id":15629,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15629_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15629'
	}],
	[{
		"id":15630,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15630_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15630'
	}],
	[{
		"id":15631,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15631_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15631'
	}],
	[{
		"id":15632,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15632_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15632'
	}],
	[{
		"id":15633,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15633_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15633'
	}],
	[{
		"id":15635,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15635_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15635'
	}],
	[{
		"id":15636,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15636_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15636'
	}],
	[{
		"id":15637,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15637_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15637'
	}],
	[{
		"id":15638,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090806/2325/50_50thum_15638_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15638'
	}],
	[{
		"id":15663,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090807/2325/50_50thum_15663_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15663'
	}],
	[{
		"id":15664,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090807/2325/50_50thum_15664_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15664'
	}],
	[{
		"id":15708,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090810/2325/50_50thum_15708_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15708'
	}],
	[{
		"id":15709,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090810/2325/50_50thum_15709_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15709'
	}],
	[{
		"id":15710,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090810/2325/50_50thum_15710_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15710'
	}],
	[{
		"id":15728,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090811/2325/50_50thum_15728_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15728'
	}],
	[{
		"id":15729,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090811/2325/50_50thum_15729_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15729'
	}],
	[{
		"id":15730,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090811/2325/50_50thum_15730_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15730'
	}],
	[{
		"id":15731,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090811/2325/50_50thum_15731_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15731'
	}],
	[{
		"id":15739,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090812/2325/50_50thum_15739_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15739'
	}],
	[{
		"id":15756,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090813/2325/50_50thum_15756_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15756'
	}],
	[{
		"id":15757,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090813/2325/50_50thum_15757_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15757'
	}],
	[{
		"id":15758,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090813/2325/50_50thum_15758_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15758'
	}],
	[{
		"id":15759,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090813/2325/50_50thum_15759_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/15759'
	}],
	[{
		"id":16209,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090916/2325/50_50thum_16209_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/16209'
	}],
	[{
		"id":16374,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090930/2325/50_50thum_16374_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/16374'
	}],
	[{
		"id":16377,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090930/2325/50_50thum_16377_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/16377'
	}],
	[{
		"id":16378,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090930/2325/50_50thum_16378_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/16378'
	}],
	[{
		"id":16379,
		"img":'http://www.mycloz.com/app/webroot/uploads/photo/20090930/2325/50_50thum_16379_photoimg_1.jpg',
		"url":'http://www.mycloz.com/closet/2325/16379'
	}]
];

el = document.getElementById('slide');
tags_a = el.getElementsByTagName('a');
tags_img = el.getElementsByTagName('img');

if(imgList.length <= 2){
	for(var i = 0;i < 3;i++){
		if(imgList.length <= i){
			tags_a[i].href = '#';
			tags_img[i].style.height = '50px';
			tags_img[i].style.width = '50px';
			tags_img[i].src = 'http://www.mycloz.com/app/webroot/uploads/user_photo/75_75thum_noimage_110.jpg';
		}else{
			tags_a[i].href = imgList[i][0]['url'];
			tags_img[i].src = imgList[i][0]['img'];
			if(i == pid){
				tags_img[i].style.border = '2px solid #ff6600';
			}else{
				tags_img[i].style.border = '1px solid #dddddd';
			}
		}
	}
}else{
	//左画像
	if(0 == pid){
		tp_prev = imgList[imgList.length - 1][0]['url'];
		ti_prev = imgList[imgList.length - 1][0]['img'];
	}else{
		tp_prev = imgList[pid-1][0]['url'];
		ti_prev = imgList[pid-1][0]['img'];
	}
	tags_a[0].href = tp_prev;
	tags_img[0].src = ti_prev;
	tags_img[0].style.border = '1px solid #dddddd';
	//中心画像
	tp_this = imgList[pid][0]['url'];
	ti_this = imgList[pid][0]['img'];
	tags_a[1].href = tp_this;
	tags_img[1].src = ti_this;
	tags_img[1].style.border = '2px solid #ff9900';
	//右画像
	if(imgList.length - 1 == pid){
		tp_next = imgList[0][0]['url'];
		ti_next = imgList[0][0]['img'];
	}else{
		tp_next = imgList[pid+1][0]['url'];
		ti_next = imgList[pid+1][0]['img'];
	}
	tags_a[2].href = tp_next;
	tags_img[2].src = ti_next;
	tags_img[2].style.border = '1px solid #dddddd';
}

if(imgList.length < 3){
	document.getElementById('prevbtn').style.display = 'none';
	document.getElementById('nextbtn').style.display = 'none';
}

function parallelSlide(types){
	if(types == 'right'){
		pid = pid+1;
		if(imgList.length == pid){
			pid = 0;
		}
	}else if(types == 'left'){
		pid = pid-1;
		if(-1 == pid){
			pid = imgList.length - 1;
		}
	}
	//左画像
	if(0 == pid){
		tp_prev = imgList[imgList.length - 1][0]['url'];
		ti_prev = imgList[imgList.length - 1][0]['img'];
		if(15630 == imgList[imgList.length - 1][0]['id']) tags_img[0].style.border = '2px solid #ff9900';
		else tags_img[0].style.border = '1px solid #dddddd';
	}else{
		tp_prev = imgList[pid-1][0]['url'];
		ti_prev = imgList[pid-1][0]['img'];
		if(15630 == imgList[pid-1][0]['id']) tags_img[0].style.border = '2px solid #ff9900';
		else tags_img[0].style.border = '1px solid #dddddd';
	}
	//中心画像
	tp_this = imgList[pid][0]['url'];
	ti_this = imgList[pid][0]['img'];
	if(15630 == imgList[pid][0]['id']) tags_img[1].style.border = '2px solid #ff9900';
	else tags_img[1].style.border = '1px solid #dddddd';
	//右画像
	if(imgList.length - 1 == pid){
		tp_next = imgList[0][0]['url'];
		ti_next = imgList[0][0]['img'];
		if(15630 == imgList[0][0]['id']) tags_img[2].style.border = '2px solid #ff9900';
		else tags_img[2].style.border = '1px solid #dddddd';
	}else{
		tp_next = imgList[pid+1][0]['url'];
		ti_next = imgList[pid+1][0]['img'];
		if(15630 == imgList[pid+1][0]['id']) tags_img[2].style.border = '2px solid #ff9900';
		else tags_img[2].style.border = '1px solid #dddddd';
	}
	tags_a[0].href = tp_prev;
	tags_a[1].href = tp_this;
	tags_a[2].href = tp_next;
	tags_img[0].src = ti_prev;
	tags_img[1].src = ti_this;
	tags_img[2].src = ti_next;
}