var current_sign = '';

function getHoroscope(sign)
{

	if (current_sign==sign)
	{
		current_sign = '';
		//document.getElementById("horoscop").innerHTML = '';
		doSlide("horoscop1");
	}
	else
	{
		var xmlhttph;
		
		current_sign = sign;
		
		try //each time we remove and add a new div in order to have a different offsetHeight
		{
			var obj = document.getElementById("horoscop1");
			obj.parentNode.removeChild(obj);
		}
		catch (e)
		{}
				
		var ndiv = document.createElement('div'); //bug fixed for offsetHeight (on multiple clicks only the first offsetHeight is stored)
		ndiv.setAttribute('id', "horoscop1");
		document.getElementById("horoscop").appendChild(ndiv);
		document.getElementById("horoscop1").innerHTML = "Va rugam asteptati";
		
		if (window.XMLHttpRequest)
		{
			// code for IE7+, Firefox, Chrome, Opera, Safari
			xmlhttph=new XMLHttpRequest();
		}
		else if (window.ActiveXObject)
		{
			// code for IE6, IE5
			xmlhttph=new ActiveXObject("Microsoft.XMLHTTP");
		}
		else
		{
			alert("Your browser does not support XMLHTTP!");
		}
  
		xmlhttph.onreadystatechange=function()
		{
			if(xmlhttph.readyState==4)
			{
				var font;
				if (sign=="pesti") font="#9900FF"; 
				if (sign=="varsator") font="#7595D4";
				if (sign=="capricorn") font="#339900";
				if (sign=="sagetator") font="#C8C800";
				if (sign=="scorpion") font="#FF0099";
				if (sign=="balanta") font="#669900";
				if (sign=="fecioara") font="#FF6600";
				if (sign=="leu") font="#CC0000";
				if (sign=="rac") font="#0000FF";
				if (sign=="gemeni") font="#63009C";
				if (sign=="taur") font="#FF0099";
				if (sign=="berbec") font="#C02525";
				var image = "<hr/><img src=\"Images/"+sign+".gif\" width=\"32\" height=\"44\" style=\"float:left; padding-right: 5px;\" /><font color=\""+font+"\" > <h4 style=\"padding-right: 5px;\">";
				var text = image + xmlhttph.responseText + "</font></h4>";
				
				try //each time we remove and add a new div in order to have a different offsetHeight
				{
					var obj = document.getElementById("horoscop1");
					obj.parentNode.removeChild(obj);
				}
				catch (e)
				{}
				
				var newdiv = document.createElement('div'); //bug fixed for offsetHeight (on multiple clicks only the first offsetHeight is stored)
				newdiv.setAttribute('id', "horoscop1");
				document.getElementById("horoscop").appendChild(newdiv);
				
				document.getElementById("horoscop1").innerHTML = text.replace("Horoscop oferit de www.acvaria.com","<i>"+"Horoscop oferit de www.acvaria.com"+"</i>");
				document.getElementById("horoscop1").style.display = "none";
				document.getElementById("horoscop1").style.overflow = "hidden";
				doSlide("horoscop1");
			}

		}
		xmlhttph.open("GET", "getHoroscope.php?z="+sign, true);
		xmlhttph.send(null);
	}
}

function on_sign(id)
{
	var obj = document.getElementById(id);
	
	obj.width='40';
	obj.height='52';
	obj.style.position = "relative";
	obj.style.left = "4px";
}

function out_sign(id)
{
	var obj = document.getElementById(id);
	
	obj.width='46';
	obj.height='59';
	obj.style.left = "0px";
}

function doSlide(id)
{
	if (navigator.userAgent.toLowerCase().indexOf('firefox')!=-1) timeToSlide = 100;
	else timeToSlide = 50; // in milliseconds
	obj = document.getElementById(id);
	if(obj.style.display == "none"){ // if it's allready hidden we slide it down
	   obj.style.visibility = "hidden";
	   obj.style.display = "block";
	   height = obj.offsetHeight;
	   obj.style.height="0px";
	   obj.style.visibility = "visible";
	   slideDown(obj,0,height,Math.ceil(height/timeToSlide));
	} else {
	   slideUp(obj,Math.ceil(obj.offsetHeight/timeToSlide),obj.offsetHeight);
	}
}
	 
function slideDown(obj,offset,full,px)
{
	if(offset < full){
	   obj.style.height = offset+"px";
	   offset=offset+px;
	   setTimeout((function(){slideDown(obj,offset,full,px);}),1);
	} else {
	   obj.style.height = full+"px"; //If the data inside is updated on runtime you can use auto instead...
	}
}
	 
function slideUp(obj,px,full)
{
	if((obj.offsetHeight-px) > 0){
	      obj.style.height = obj.offsetHeight-px+"px";
	      setTimeout((function(){slideUp(obj,px,full);}),1);
	   } else {
	      obj.style.height=full+"px"; // we reset the height if we were to slide it back down
	      obj.style.display = 'none';
	   }
}