// JavaScript Document

var reviewlinks = new Array();
reviewlinks[1] = "http://www.laptopmag.com/review/laptops/best-of-ces-2010.aspx?pid=7";
reviewlinks[2] = "http://www.laptopmag.com//review/storage/clickfree-transformer.aspx";
reviewlinks[3] = "http://www.pcmag.com/article2/0,2817,2346669,00.asp";
reviewlinks[4] = "http://blog.laptopmag.com/clickfree-makes-backing-up-easy-with-clickfreetraveler-and-clickfree-transformer ";
reviewlinks[5] = "http://blogs.zdnet.com/computers/?p=315";
reviewlinks[6] = "http://reviews.cnet.com/laptop-hard-drives/clickfree-portable-backup-drive/4505-9997_7-33497721.html?tag=txt%3bpage";
reviewlinks[7] = "http://venturebeat.com/2010/01/12/our-picks-for-the-best-of-the-consumer-electronics-show/";
var reviewimgs = new Array();
for(var n = 1; n <= 7; n++) reviewimgs[n] = new Image();
reviewimgs[1].src = "/images/Best of CES Award.jpg";
reviewimgs[2].src = "/images/Traveler-16-PCMAG-may-7-2009.jpg";
reviewimgs[3].src = "/images/Traveler-transformer-Laptopmag-may-7-2009.jpg";
reviewimgs[4].src = "/images/zdnet-ces-jan-14-2009.jpg";
reviewimgs[5].src = "/images/Cnet-video.jpg";
reviewimgs[6].src = "/images/portable-backup-pc-advisor-april-2-2009.jpg";
reviewimgs[7].src = "/images/Venture Bead in the News.jpg";

var reviewtits = new Array();
reviewtits[1] ="CES";
reviewtits[2] = "reviews";
reviewtits[3] = "reviews";
reviewtits[4] = "reviews";
reviewtits[5] = "reviews";
reviewtits[6] = "reviews";
//reviewtits[7] = "reviews";


var reviewimgwidth = 664;
var reviewimgheight = 100;

var reviewstr = "<style type='text/css'>";
reviewstr += "#reviewimgnv{display:none;position:absolute;bottom:-1px;right:0;height:16px;}#reviewimgnv div{float:left;margin-right:1px;}";
reviewstr += "#reviewimgnv div.on,#reviewimgnv div.off{margin-bottom:1px;width:30px;height:15px;line-height:18px!important;line-height:15px;font-size:9px;text-align:center;cursor:pointer;cursor:hand}";
reviewstr += "#reviewimgnv div.on{background:#CE0609;color:#FFF;font-weight:bold}";
reviewstr += "#reviewimgnv div.off{background:#323232;color:#FFF;text-decoration:none}";
reviewstr += "#reviewtitnv{margin-top:3px;color:#000;text-align:center;display:none;}";
reviewstr += "</style>";
reviewstr += "<div style='position:relative'>";
reviewstr += "<div><a id='reviewdlink' href='" + reviewlinks[1] + "' target='_blank'><img id='reviewdimg' src='" + reviewimgs[1].src + "' border='0' width='" + reviewimgwidth + "' height='"+reviewimgheight+"' style='filter:Alpha(opacity=100)' onmouseover='reviewPause(true)' onmouseout='reviewPause(false)'></a></div>";

//modify point1: add more div to get more images. now four images
reviewstr += "<div id='reviewimgnv'><div id='reviewit1' class='on' onmouseover='reviewImgSwitch(1, true)' onmouseout='reviewPause(false)'>1</div><div id='reviewit2' class='off' onmouseover='reviewImgSwitch(2, true)' onmouseout='reviewPause(false)'>2</div><div id='reviewit3' class='on' onmouseover='reviewImgSwitch(3, true)' onmouseout='reviewPause(false)'>3</div><div id='reviewit4' class='on' onmouseover='reviewImgSwitch(4, true)' onmouseout='reviewPause(false)'>4</div><div id='reviewit5' class='on' onmouseover='reviewImgSwitch(5, true)' onmouseout='reviewPause(false)'>5</div><div id='reviewit6' class='on' onmouseover='reviewImgSwitch(6, true)' onmouseout='reviewPause(false)'>6</div><div id='reviewit7' class='on' onmouseover='reviewImgSwitch(7, true)' onmouseout='reviewPause(false)'>7</div></div>";
reviewstr += "<div id='reviewtitnv'><b>" + reviewtits[1] + "</b></div>";
reviewstr += "</div>";
document.write(reviewstr);

var reviewoi = document.getElementById("reviewdimg");
var pause = false;
var reviewcurid = 1;
var reviewlastid = 1;
var reviewsw = 1;
var reviewopacity = 100;//100
var reviewspeed = 30;//15 modify point 3: the time for face in face out
var reviewdelay = (document.all)? 400:300;//400:700 modify point 5: the second parameter for how long the image will stay

function reviewSetAlpha(){
	if(document.all){
		if(reviewoi.filters && reviewoi.filters.Alpha) 
			reviewoi.filters.Alpha.opacity = reviewopacity;
	}else{
		reviewoi.style.MozOpacity = ((reviewopacity >= 100)? 99:reviewopacity) / 100;
	}
}



function reviewImgSwitch(id, p){
	if(p){
		pause = true;
		reviewopacity = 100;
		reviewSetAlpha();
	}
	reviewoi.src = reviewimgs[id].src;
	document.getElementById("reviewdlink").href = reviewlinks[id];
	document.getElementById("reviewit" + reviewlastid).className = "off";
	document.getElementById("reviewit" + id).className = "on";
	document.getElementById("reviewtitnv").innerHTML = "<b>" + reviewtits[id] + "</b>";
	reviewcurid = reviewlastid = id;
}

function reviewScrollImg(){
if(pause && reviewopacity >= 100) return;
if(reviewsw == 0){
reviewopacity += 2;
if(reviewopacity > reviewdelay){ reviewopacity = 100; reviewsw = 1; }
}
if(reviewsw == 1){
reviewopacity -= 3;
if(reviewopacity < 10){ reviewopacity = 10; reviewsw = 3; }
}
reviewSetAlpha();
if(reviewsw != 3) return;
reviewsw = 0;
reviewcurid++;
//modify point 2: 7 is a parameter, stand for 7 images. can be changed.
if(reviewcurid > 7) reviewcurid = 1;
reviewImgSwitch(reviewcurid, false);
}

function reviewPause(s){
pause = s;
}

function reviewStartScroll(){
setInterval(reviewScrollImg, reviewspeed);
}

function reviewCheckLoad(){
if (reviewimgs[1].complete == true && reviewimgs[2].complete == true) {
clearInterval(reviewcheckid);
setTimeout(reviewStartScroll, 3000);//modify point 4:the first start
}
}

var reviewcheckid = setInterval(reviewCheckLoad, 10);