function mainToSub(dest){
	var sendVars="line="+dest;
	scrollDiv("menu", 50, 0, 200);
	setTimeout("fadeIn('mainContent', 0, 100)", 500);
	request("product", "product", sendVars);
}
function subToMain(dest){
	setTimeout("fadeIn('mainContent', 100, 0)", 500);	
	scrollDiv("menu", 50, 200, 0);	
}
function scrollDiv(div, speed, start, end){
	var theDiv=document.getElementById(div);
	if(start<end && theDiv.scrollLeft!=end){
		start+=speed;
		theDiv.scrollLeft+=speed;
		setTimeout('scrollDiv("menu", '+start+', '+speed+', '+end+')', speed);
	}
	else if(end<start && theDiv.scrollLeft!=end) {
		start-=speed;
		theDiv.scrollLeft-=speed;
		setTimeout('scrollDiv("menu", '+start+', '+speed+', '+end+')', speed);		
	}
}
function listFade(list){
	var divContainer=document.getElementById(list);
	var theList=divContainer.getElementsByTagName('li');
	var i=0;
	while(i<theList.length){
		var objId=theList[i].id;
		setTimeout("fadeIn('"+objId+"', 0, 100)", 500);
		i++;
	}
}
function fadeIn(id, start, end){
	var opacStart=start;
	var opacEnd=end;
	var millisec=500;
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;

    //determine the direction for the blending, if start and end are the same nothing happens
    if(opacStart > opacEnd) {
        for(i = opacStart; i >= opacEnd; i--) {
            setTimeout("changeOpac(" + i + ",document.getElementById('" + id + "'))",(timer * speed));
            timer++;
        }
    } else if(opacStart < opacEnd) {
        for(i = opacStart; i <= opacEnd; i++){
            setTimeout("changeOpac(" + i + ",document.getElementById('" + id + "'))",(timer * speed));
            timer++;
        }
    } 
}

//change the opacity for different browsers
function changeOpac(opacity, obj) {
    var object =obj.style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}
function openZoom(id, img){
	var maxDivWidth=285;
	var zoomDiv=document.getElementById(id);
	var butDiv=document.getElementById("prodZoom");
	butDiv.onclick=function() {
		document.getElementById(id).innerHTML=null;
		new Effect.MoveAndReSize(id,{resize:['x:-'+maxDivWidth],toggleIndex:1});
		/*setTimeout('resizeDiv("prodInfo", 700, "px")', 500);
		setTimeout('resizeDiv("products", 700, "px")', 500);
		setTimeout('resizeDiv("content", 100, "%")', 500);*/
		butDiv.onclick=function () {
			openZoom(id, img);
		}
	}
	zoomDiv.className="left show";
	zoomDiv.style.height="100%";
	/*resizeDiv("prodInfo", 860, "px");
	resizeDiv("products", 860, "px");
	resizeDiv("content", 1024, "px");*/
	new Effect.MoveAndReSize(id,{resize:['x:'+maxDivWidth],toggleIndex:1});
	sendVars="img="+img;
	setTimeout('request("/inc/closeUp", "'+id+'", "'+sendVars+'")', 500);
}
function animateDivSize(id, start, end){
	var movStart=start;
	var movEnd=end;
	var millisec=150;
	var speed=Math.round(millisec/100);
	var timer=0;
    if(movStart > movEnd) {
        for(i = movStart; i >= movEnd; i--) {
            setTimeout("changeSize(" + i + ",document.getElementById('" + id + "'))",(timer * speed));
            timer++;
        }
    } else if(movStart < movEnd) {
        for(i = movStart; i <= movEnd; i++){
            setTimeout("changeSize(" + i + ",document.getElementById('" + id + "'))",(timer * speed));
            timer++;
        }
    } 	
}
function changeSize(size, obj) {
    var object =obj.style;
    object.width = size+'px';
}
function addClass(theDest, theClass){
	theDest.className=theClass;
}
function removeClass(theDest){
	theDest.className="";	
}

function seqFadeIn(picNum){
	if(picNum<picArray.length){
		var pTarget=document.getElementById("products");
		pTarget.innerHTML += '<div id="picture_'+picNum+'" class="hide" onClick="StateManager.setState(\''+idArray[picNum]+'\'); viewProd('+idArray[picNum]+'); return false;" style="float:left; margin-left:10px; cursor:pointer;" ><img src="/img/product/'+picArray[picNum]+'" /></div>\n';
		fadeIn("picture_"+picNum+"", 0, 100);
		//new Effect.Appear("picture_"+picNum, , { from:0.0, to:1.0 });
		picNum++;
		setTimeout("seqFadeIn("+picNum+")", 250);
	}
}
function resizeDiv(target, size, meas){
	var targetDiv=document.getElementById(target);
	targetDiv.style.width=size+meas;
}