var ROOT_URL = "http://www.habitare.si/";


function outLeft()
{
	var myDiv = document.getElementById("levo");
	myDiv.style.left = "11px";
	setTimeout("outLeft1()", 20);
	setTimeout("outLeft2()", 20);
	var myDiv1 = document.getElementById("desno");
	myDiv1.style.left = "-19px";
	setTimeout("hideRight2()", 20);
	setTimeout("hideRight3()", 20);
}
function outLeft1()
{
	var myDiv = document.getElementById("levo");
	myDiv.style.left = "10px";
}
function outLeft2()
{
	var myDiv = document.getElementById("levo");
	myDiv.style.left = "9px";
}
function hideRight2()
{
	var myDiv1 = document.getElementById("desno");
	myDiv1.style.left = "-26px";
}
function hideRight3()
{
	var myDiv1 = document.getElementById("desno");
	myDiv1.style.left = "-33px";
}
function inLeft()
{
	var myDiv = document.getElementById("levo");
	myDiv.style.left = "10px";
	setTimeout("inLeft1()", 10);
	setTimeout("inLeft2()", 10);
	var myDiv1 = document.getElementById("desno");
	myDiv1.style.left = "-26px";
	setTimeout("showRight2()", 10);
	setTimeout("showRight3()", 10);
}
function inLeft1()
{
	var myDiv = document.getElementById("levo");
	myDiv.style.left = "11px";
}
function inLeft2()
{
	var myDiv = document.getElementById("levo");
	myDiv.style.left = "12px";
}
function showRight2()
{
	var myDiv1 = document.getElementById("desno");
	myDiv1.style.left = "-19px";
}
function showRight3()
{
	var myDiv1 = document.getElementById("desno");
	myDiv1.style.left = "-12px";
}
function chImgLeft()
{
	// it doesn't matter if we click left or right arrow - we want same image order. That's why we call chImgRight function.
	chImgRight();
}


function outRight()
{
	var myDiv = document.getElementById("desno");
	myDiv.style.left = "-11px";
	setTimeout("outRight1()", 20);
	setTimeout("outRight2()", 20);
	var myDiv1 = document.getElementById("levo");
	myDiv1.style.left = "19px";
	setTimeout("hideLeft2()", 20);
	setTimeout("hideLeft3()", 20);
}
function outRight1()
{
	var myDiv = document.getElementById("desno");
	myDiv.style.left = "-10px";
}
function outRight2()
{
	var myDiv = document.getElementById("desno");
	myDiv.style.left = "-9px";
}
function hideLeft2()
{
	var myDiv1 = document.getElementById("levo");
	myDiv1.style.left = "26px";
}
function hideLeft3()
{
	var myDiv1 = document.getElementById("levo");
	myDiv1.style.left = "33px";
}
function inRight()
{
	var myDiv = document.getElementById("desno");
	myDiv.style.left = "-10px";
	setTimeout("inRight1()", 10);
	setTimeout("inRight2()", 10);
	var myDiv1 = document.getElementById("levo");
	myDiv1.style.left = "26px";
	setTimeout("showLeft2()", 10);
	setTimeout("showLeft3()", 10);
}
function inRight1()
{
	var myDiv = document.getElementById("desno");
	myDiv.style.left = "-11px";
}
function inRight2()
{
	var myDiv = document.getElementById("desno");
	myDiv.style.left = "-12px";
}
function showLeft2()
{
	var myDiv1 = document.getElementById("levo");
	myDiv1.style.left = "19px";
}
function showLeft3()
{
	var myDiv1 = document.getElementById("levo");
	myDiv1.style.left = "12px";
}
function chImgRight()
{
	var img1 = document.getElementById("leftImg");
	var img2 = document.getElementById("rightImg");
	var url1 = document.getElementById("leftImgUrl");
	var url2 = document.getElementById("rightImgUrl");
	
	switch (img1.src)
	{
	case ROOT_URL + "reference/images/razstavni-prostor-dormeo-1.jpg":
		img1.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-3.jpg";
		img2.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-4.jpg";
		url1.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-3.jpg";
		url2.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-4.jpg";
		url1.title = "Razstavni prostor Dormeo";
		url2.title = "Razstavni prostor Dormeo";
		break;   
	case ROOT_URL + "reference/images/razstavni-prostor-dormeo-3.jpg":
		img1.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-5.jpg";
		img2.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-6.jpg";
		url1.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-5.jpg";
		url2.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-6.jpg";
		url1.title = "Razstavni prostor Dormeo";
		url2.title = "Razstavni prostor Dormeo";
		break; 
	case ROOT_URL + "reference/images/razstavni-prostor-dormeo-5.jpg":
		img1.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-7.jpg";
		img2.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-8.jpg";
		url1.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-7.jpg";
		url2.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-7.jpg";
		url1.title = "Razstavni prostor Dormeo";
		url2.title = "Razstavni prostor Dormeo";
		break; 
	case ROOT_URL + "reference/images/stanovanje-v-ljubljani-7.jpg":
		img1.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-1.jpg";
		img2.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-2.jpg";
		url1.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-1.jpg";
		url2.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-velika-2.jpg";
		url1.title = "Razstavni prostor Dormeo";
		url2.title = "Razstavni prostor Dormeo";
		break;
	default:
		img1.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-1.jpg";
		img2.src = ROOT_URL + "reference/images/razstavni-prostor-dormeo-2.jpg";
		url1.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-1.jpg";
		url2.href = ROOT_URL + "reference/images/razstavni-prostor-dormeo-2.jpg";
		url1.title = "Razstavni prostor Dormeo";
		url2.title = "Razstavni prostor Dormeo";
	}
}