// 
// 
// Product image rollover functions
// 
// Copyright 2010 Capisce Design
//

if(__fade_image == 'undefined'){
	var __fade_image = null;
}

if(detail_image_ro == 'undefined'){
	var detail_image_ro = null;
}

var docPos_ro;

addLoadEvent(product_image_rollover);

function product_image_rollover () {
	
	//alert("rollover");
	
	if(!document.images){

		if(__fade_image == null) __fade_image = document.getElementById("__fade_image");
		if(detail_image_ro == null) detail_image_ro = document.getElementById("detail_image");
		
	}else{
		
		if(__fade_image == null) __fade_image = document.images.__fade_image;
		if(detail_image_ro == null) detail_image_ro = document.images.detail_image;
		
	}
	
	docPos_ro = getPositionRollover(detail_image_ro);
	
	__fade_image.style.left = docPos_ro.x+"px";
	__fade_image.style.top = docPos_ro.y+"px";
	
}


function ImageRollOver (dir, id) {
	if	(dir == 'on') { 
		__fade_image.src = eval("Image"+id+".src");
		fadeIn(__fade_image);
		
		
//		detail_image.src = eval("Image"+id+".src");
//		detail_image.width = eval("Image"+id+".width");
//		detail_image.height = eval("Image"+id+".height");
	} else if (dir == 'off') { 
		detail_image_ro.src = DefaultImage.src; 
		detail_image_ro.width = DefaultImage.width;
		detail_image_ro.height = DefaultImage.height;
	}
	return false;
}


function fadeIn(target){
	
	//alert(document.getElementById("main_cont").offsetLeft);
	//alert('here');
	
	
	
	
	//var leftOffset = (document.getElementById("detail_image").offsetLeft);
	//var topOffset = (document.getElementById("detail_image").offsetTop);
	//target.style.left = docPos_ro.x+"px";
	//target.style.top = docPos_ro.y+"px";
	//alert(document.getElementById("main_section").style);
	//alert(document.getElementById("main_cont").style.paddingLeft);
	if(document.getElementById("popup_main_section")){
		popupChangeOpac(0,'__fade_image');
	}else{
		changeOpac(0,'__fade_image');
	}
	target.style.visibility = "visible";
	
	var new_value = 10;
	add();
	
	function add(){
		//alert("add");
		//alert(new_value);
		if(document.getElementById("popup_main_section")){
			popupChangeOpac(new_value,'__fade_image');
		}else{
			changeOpac(new_value,'__fade_image');
		}
		new_value+=10;
		
		if(new_value < 100){
			//alert("again");
			setTimeout(add,20);
			
		}else{
			target.style.visibility = "hidden";
			detail_image_ro.src = target.src;
			target.src = "images/blank.gif";
			
		}
		
	}
	
}


function getPositionRollover(e){
	if( typeof( e.offsetParent ) != 'undefined' ) {
		for( var posX = 0, posY = 0; e; e = e.offsetParent ) {
		  posX += e.offsetLeft;
		  posY += e.offsetTop;
		}
		if(document.getElementById("popup_main_section")){
			switch(navigator.appName)
			{
			  case 'Microsoft Internet Explorer':
				//var myregex = /MSIE 7\.0/i;
				//var myArray = navigator.appVersion.match(myregex);
				//if(myArray != null){
				posY += 0;
				//}else{
				//	scrollY = document.body.scrollTop;
				//}
				break;
			  default:
				posY += 1;
				break;
			}
		}
		return {x:posX, y:posY};
	} else {
		return {x:e.x, y:e.y};
	}

}