//
//
// Category page image rollovers
//
// Copyright 2010 Capisce Design

var category_block = null;

var fading = false;

var fadedIn = false;

var prod_links = null;

function ready_cat_rollovers(){
	
	category_block = document.getElementById("category_block");
	
	prod_links = category_block.getElementsByTagName("a");
	
	for(var i=0; i<prod_links.length; i++){
		if(prod_links[i].id != ""){
			//alert(prod_links[i].id);
			prod_links[i].fading = false;
			prod_links[i].fadedIn = false;
			prod_links[i].ready = false;
			
			var back_img = "__fade_image_"+prod_links[i].id.substr(5);
			var front_img = "__prod_image_"+prod_links[i].id.substr(5);
			changeOpac(0, back_img);
			var backimg = document.getElementById(back_img);
			var frontimg = document.getElementById(front_img);
			var front_position = getPosition(frontimg);
			var back_src = null;
			backimg.style.display = "block";
			
			if(frontimg.src.indexOf("img=") == -1){
				back_src = frontimg.src.replace("thumb","large");
				back_src = back_src.replace("-1.jpg","-3.jpg");
			}else{
				back_src = frontimg.src.replace("w=250&h=250","w=500&h=500");
			}
			
			backimg.src = back_src;
			backimg.style.left = front_position.x+"px";
			backimg.style.top = front_position.y+"px";
					
		}
		
//		prod_links[i].onmouseover = function() {
//			if(this.id != ""){
//				
//				if(this.fading == false && this.fadedIn == false){
//					
//					this.fading = true;
//					var back_img = "__fade_image_"+this.id.substr(5);
//					var front_img = "__prod_image_"+this.id.substr(5);
//					changeOpac(0, back_img);
//					var backimg = document.getElementById(back_img);
//					var frontimg = document.getElementById(front_img);
//					var front_position = getPosition(frontimg);
//					var back_src = null;
//					backimg.style.display = "block";
//					
//					if(frontimg.src.indexOf("img=") == -1){
//						back_src = frontimg.src.replace("thumb","large");
//						back_src = back_src.replace("-1.jpg","-3.jpg");
//					}else{
//						back_src = frontimg.src.replace("w=250&h=250","w=500&h=500");
//					}
//					
//					backimg.src = back_src;
//					backimg.style.left = front_position.x+"px";
//					backimg.style.top = front_position.y+"px";
//					
//					
//					//alert(front_img);
//					fadeIt(back_img, 0, 100, 500,this.id);
//					
//					fadeIt(front_img, 100, 0, 500,this.id);
//					
//				}
//			}
//			
//		}
		
//		prod_links[i].onmouseout = function() {
//			
//			if(this.id != ""){
//				//alert("out");
//				if(this.fading == false && this.fadedIn == true){
//					
//					this.fading = true;
//					var back_img = "__fade_image_"+this.id.substr(5);
//					var front_img = "__prod_image_"+this.id.substr(5);
//					//alert(front_img);
//					fadeIt(back_img, 100, 0, 500,this.id);
//					
//					fadeIt(front_img, 0, 100, 500,this.id);
//					
//					//this.fadedIn = false;
//					return;
//				}else if(this.fading == true && this.ready == true){
//					
//					var back_img = "__fade_image_"+this.id.substr(5);
//					var front_img = "__prod_image_"+this.id.substr(5);
//					setTimeout("fadeIt('" + back_img + "',100,0,500,'"+this.id+"')",500);
//					setTimeout("fadeIt('" + front_img + "',0,100,500,'"+this.id+"')",500);
//					this.fadedIn = false;
//					return;
//				}else if(this.fading == true && this.ready == false){
//					
//					var back_img = "__fade_image_"+this.id.substr(5);
//					var front_img = "__prod_image_"+this.id.substr(5);
//					setTimeout("fadeIt('" + back_img + "',100,0,500,'"+this.id+"')",1000);
//					setTimeout("fadeIt('" + front_img + "',0,100,500,'"+this.id+"')",1000);
//					this.fadedIn = false;
//					return;
//					
//				}
//				
//				
//			}
//			
//		}
		
		prod_links[i].onclick = function(){
			
			if(this.className == "quickinfo"){
				
				open_quick_box(this.href);
				return false;
				
				
			}
			
		}
		
	}
	
}

function open_quick_box(value){
	
	//alert(value);
	var top = 200;
	var scrollTop = getScrollTop();
	if(scrollTop > 200){
		top = scrollTop;
	}
	showPopWin(value, 775, 500, top);
}

function fadeIt(id, opacStart, opacEnd, millisec, which) {
	//alert("fading");
	var speed = Math.round(millisec / 100);
	var op_timer = 0;
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(op_timer * speed));
			op_timer++;
			
		}
		
		//top.document.getElementById(id).style.display = "none";
	}else if(opacStart < opacEnd) {
		//top.document.getElementById(id).style.display = "block";
		for(i = opacStart; i <= opacEnd; i++) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(op_timer * speed));
			op_timer++;
			
			if(op_timer == 99) setTimeout("finished('"+which+"')",(op_timer * speed));
		}
	}
	
	
	
}

function finished(which){
	//alert(which);
	var thisone = document.getElementById(which);
	
	thisone.fading = false;
	thisone.ready = true;
	
	if(thisone.fadedIn == false){
		thisone.fadedIn = true;
	}else{
		thisone.fadedIn = false;
	}
}

function getPosition(e){
	if( typeof( e.offsetParent ) != 'undefined' ) {
		for( var posX = 0, posY = 0; e; e = e.offsetParent ) {
		  posX += e.offsetLeft;
		  posY += e.offsetTop;
		}
		return {x:posX, y:posY};
	} else {
		return {x:e.x, y:e.y};
	}

}

addLoadEvent(ready_cat_rollovers);