var RSajax = new Array();

function ArticleBackgroundSwap2(color_or_fazon)
{
	RScreateDiv();
		
	var sel_color = document.getElementById('articleColor');
	var mycolor = sel_color.options[sel_color.selectedIndex].value;
	
	var sel_fazon = document.getElementById('articleFazon');
	var myfazon = sel_fazon.options[sel_fazon.selectedIndex].value;	

	var sel_size = document.getElementById('articleSize');
	var mysize = sel_size.options[sel_size.selectedIndex].value;	
	
	var index = RSajax.length;
	RSajax[index] = new RSsack();
	//alert('c:'+mycolor+'f:'+myfazon);
	RSajax[index].requestFile = 'getBackgroundImage.php?mycolor='+mycolor+'&myfazon='+myfazon;
	RSajax[index].onCompletion = function(){ createArticleBackgroundSwap2(index) };	
	RSajax[index].runAJAX();
	
	if(color_or_fazon == 'color')
	{
		ColorByFazon(myfazon);
	}
	if(color_or_fazon == 'fazon')
	{
		FazonByColor(mycolor);
		FazonBySize(mysize);
	}
	ArticleBackgroundFazonSwap();
	
}
function createArticleBackgroundSwap2(index)
{
	var obj = document.getElementById('articleImg');
	var valasz = RSajax[index].response;
	if(valasz != '#')
	{
		obj.style.backgroundImage = "url('image/alap/"+valasz+"')";	
	}
	RSremoveDiv();
}


function ColorByFazon(origFazon)
{
	
	var sel_color = document.getElementById('articleColor');
	var mycolor = sel_color.options[sel_color.selectedIndex].value;
	
	var myarticle = document.getElementById('article_id').value;	
	
	var index = RSajax.length;
	RSajax[index] = new RSsack();
	
	document.getElementById('articleFazon').options.length = 0;	
	RSajax[index].requestFile = 'getColorByFazon.php?mycolor='+mycolor+'&myarticle='+myarticle+'&origfazon='+origFazon;
	RSajax[index].onCompletion = function(){ createColorByFazon(index) };	
	RSajax[index].runAJAX();
	
}
function createColorByFazon(index)
{
	var obj = document.getElementById('articleFazon');	
	//obj.options[obj.options.length] = new Option('Válasszon...', '0');
	eval(RSajax[index].response);
}

////
function FazonByColor(origColor)
{
	
	var sel_fazon = document.getElementById('articleFazon');
	var myfazon = sel_fazon.options[sel_fazon.selectedIndex].value;
	
	var myarticle = document.getElementById('article_id').value;	
	
	var index = RSajax.length;
	RSajax[index] = new RSsack();
	
	document.getElementById('articleColor').options.length = 0;	
	RSajax[index].requestFile = 'getFazonByColor.php?myfazon='+myfazon+'&myarticle='+myarticle+'&origcolor='+origColor;
	RSajax[index].onCompletion = function(){ createFazonByColor(index) };	
	RSajax[index].runAJAX();
	
}
function createFazonByColor(index)
{
	var obj = document.getElementById('articleColor');	
	//obj.options[obj.options.length] = new Option('Válasszon...', '0');
	eval(RSajax[index].response);
}


////
function FazonBySize(origSize)
{
	
	var sel_fazon = document.getElementById('articleFazon');
	var myfazon = sel_fazon.options[sel_fazon.selectedIndex].value;
	
	var myarticle = document.getElementById('article_id').value;	
	
	var index = RSajax.length;
	RSajax[index] = new RSsack();
	
	document.getElementById('articleSize').options.length = 0;	
	RSajax[index].requestFile = 'getFazonBySize.php?myfazon='+myfazon+'&myarticle='+myarticle+'&origsize='+origSize;
	RSajax[index].onCompletion = function(){ createFazonBySize(index) };	
	RSajax[index].runAJAX();
	
}
function createFazonBySize(index)
{
	var obj = document.getElementById('articleSize');	
	//obj.options[obj.options.length] = new Option('Válasszon...', '0');
	eval(RSajax[index].response);
}

function ArticleBackgroundSwap()
{
	var sel = document.getElementById('articleColor');
	var a = sel.options[sel.selectedIndex].value;
	document.getElementById("articleImg").style.backgroundImage = "url('image/alap/"+mycolors[a]+"')";	
}
function ArticleBackgroundFazonSwap()
{
	var sel = document.getElementById('articleFazon');
	var a = sel.options[sel.selectedIndex].value;
	document.getElementById("myarplace").innerHTML = myfazons[a];	
}
function ShowHideDiv(a,b)
{
	document.getElementById(a).style.display = b;
}
function OneShowDiv(a,e)
{
	document.getElementById('kulonora_buborek').style.display = 'none';
	document.getElementById('szabadido_buborek').style.display = 'none';
	document.getElementById('ovodakereso_buborek').style.display = 'none';
	document.getElementById('regisztracio_buborek').style.display = 'none';
	document.getElementById('belepes_buborek').style.display = 'none';

	var evtobj=window.event? event : e;
	
	var x = (evtobj.clientX) - 200; 
	var y = (evtobj.clientY) + 15 ;
	if(x>620)
	{
		x=620;
	}
	document.getElementById(a).style.left = x + 'px';
	document.getElementById(a).style.top = y + 'px';
	document.getElementById(a).style.display = 'block';
}
function OneHideDiv(a)
{
	/*
	var x = (window.event.clientX)-240; 
	var y = (window.event.clientY)+10;
	var str = document.getElementById(a).style.left;
	var x2 = str.replace('px','');
	//alert (x + '---' + x2);
	if(x < x2)
	{
		document.getElementById(a).style.display = 'none';
	}
	if(x > (x2+300))
	{
		document.getElementById(a).style.display = 'none';
	}	
	
	*/
	document.getElementById(a).style.display = 'none';
}
function ShowDiv(a)
{

	document.getElementById('task1').style.display = 'none';
	document.getElementById('task2').style.display = 'none';
	document.getElementById('task3').style.display = 'none';
	document.getElementById('task4').style.display = 'none';
	document.getElementById('task5').style.display = 'none';
	document.getElementById('task6').style.display = 'none';
	document.getElementById('task7').style.display = 'none';
	document.getElementById('task8').style.display = 'none';
	document.getElementById('task9').style.display = 'none';
	document.getElementById(a).style.display = 'block';

	document.getElementById('task1a').className = 'tab1';
	document.getElementById('task2a').className = 'tab1';
	document.getElementById('task3a').className = 'tab1';
	document.getElementById('task4a').className = 'tab1';
	document.getElementById('task5a').className = 'tab1';
	document.getElementById('task6a').className = 'tab1';
	document.getElementById('task7a').className = 'tab1';
	document.getElementById('task8a').className = 'tab1';		
	document.getElementById('task9a').className = 'tab1';
	document.getElementById(a + 'a').className = 'tab1_active';
}

function RScreateDiv()    
{
	var ni = document.getElementById('articleImg');
	var divTag = document.createElement("div");
	divTag.id = "myAlertDiv";
	divTag.setAttribute("align","center");
	divTag.style.margin = "0px auto";
	divTag.className ="dynamicDiv";
	divTag.innerHTML = "Kép töltése...";
	ni.appendChild(divTag);
}
function RSremoveDiv() {

  var ni = document.getElementById('articleImg');
  var olddiv = document.getElementById('myAlertDiv');
  ni.removeChild(olddiv);

}