var opacity = new Array();

function update_content(pic_id)
{
	http.open('get', 'http://www.eyelookupon.com/get_picture_details.php?pic_id='+pic_id);
	http.onreadystatechange = handleResponse;
	http.send(null);
	
	document.getElementById('content').className = 'textCenter';
}


function createRequestObject()
{
	var ro;
	var browser = navigator.appName;
	if(browser == "Microsoft Internet Explorer")
	{
		ro = new ActiveXObject("Microsoft.XMLHTTP");
	}
	else
	{
		ro = new XMLHttpRequest();
	}
	return ro;
}

var http = createRequestObject();

function handleResponse()
{
	if(http.readyState == 4)
	{
		var response = http.responseText;
		
		if(response.indexOf('||' != -1))
		{
			update = response.split('||');
            		document.getElementById(update[0]).innerHTML = update[1];
		}
	}
}

function addToCart(pic_id,size_id)
{
	var elem = document.getElementById('shopping_cart_status');
	
	http.open('get', 'http://www.eyelookupon.com/actions.php?action=add_to_cart&pic_id='+pic_id+'&size_id='+size_id);
	http.onreadystatechange = handleResponse;
	http.send(null);
	
	setOpacity('shopping_cart_status', 1);
	
	elem.className = 'display';
	opacity['shopping_cart_status'] = 0;
	setTimeout("increase_opacity('shopping_cart_status')",10);

	opacity['shopping_cart_status'] = 100;
	setTimeout("decrease_opacity('shopping_cart_status', '0')",2000);
	
	return false;
}



function increase_opacity(id, id_max)
{
	var object = document.getElementById(id).style; 

	if(opacity[id] < 100 && opacity[id] <= id_max)
	{
		//elem.style.filters.alpha.opacity=opacity[id]+'0'; //IE4 syntax
		
		opacity[id] = opacity[id]+8;
		
		if(opacity[id] < 100)
		{
			object.opacity = (opacity[id] / 100);
			object.MozOpacity = (opacity[id] / 100);
			object.KhtmlOpacity = (opacity[id] / 100);
			object.filter = "alpha(opacity=" + opacity[id] + ")";
		}
		else
		{
			object.opacity = '1';
			object.MozOpacity = '1';
			object.KhtmlOpacity = '1';
			object.filter = "alpha(opacity=100)";		
		
		}

		
		setTimeout("increase_opacity('"+id+"', '"+id_max+"')",10);
	}

}

function decrease_opacity(id, id_min)
{
	var object = document.getElementById(id).style; 

	if(opacity[id] > 0 && opacity[id] >= id_min)
	{
		//elem.style.filters.alpha.opacity=opacity[id]+'0'; //IE4 syntax
		
		opacity[id] = opacity[id]-2;
		
		if(opacity[id] < 100)
		{
			object.opacity = (opacity[id] / 100);
			object.MozOpacity = (opacity[id] / 100);
			object.KhtmlOpacity = (opacity[id] / 100);
			object.filter = "alpha(opacity=" + opacity[id] + ")";
	
		}
		
		setTimeout("decrease_opacity('"+id+"', '"+id_min+"')",50);
	}
}

function setOpacity(id, value)
{
	var object = document.getElementById(id).style; 
	
	object.opacity = value;
	object.MozOpacity = value;
	object.KhtmlOpacity = value;
	object.filter = "alpha(opacity=value)";

}