// JavaScript Document
var i =0;
function openWin(path)
{
window.open(path,"","scrollbars=1,resizable=yes");
}

function paintPageSmall(catid)
{
	var str="query-smallImagePaint.php?catid=" + catid;
	getID(str,"small_image_paint");
}

function paintPageBig(id)
{
	var str="query-bigImagePaint.php?Id=" + id ;
	getID(str,"main_image_paint"); 
}

function firstLoadPain(catid)
{
	paintPageSmall(catid);
	paintPageBig(1);
	document.getElementById('menu1').style.color = "#FF9900";
}

function menuViewAllPaint(catid,id)
{
	paintPageSmall(catid);
	paintPageBig(id);
}


/* page bois*/

function boisPageSmall(catid)
{
	var str="query-smallbois.php?catid="+ catid;
	getID(str,"small_image_bois");
	
}

function boisPageBig(id)
{
	var str="query-bigbois.php?Id=" + id ;
	getID(str,"main_image_bois"); 
}

function firstLoadbois(catid){
	
	boisPageSmall(catid);
	boisPageBig(1);
	document.getElementById('menu1').style.color = "#FF9900";
	
}

function menuViewAllbois(catid,id)
{
	boisPageSmall(catid);
	boisPageBig(id);
}





function getID(dataSource, divID){
	// create XML Request Object
	var XMLHttpRequestObject;
	if (window.XMLHttpRequest) {
	XMLHttpRequestObject = new XMLHttpRequest();
	} 
	else if (window.ActiveXObject) {
		XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
	}

	if(XMLHttpRequestObject) {
		var obj=document.getElementById(divID);
		XMLHttpRequestObject.open('GET', dataSource);
		
		XMLHttpRequestObject.onreadystatechange = function(){																			
												if(XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {														
															obj.innerHTML=XMLHttpRequestObject.responseText;														
												}else {
														if (XMLHttpRequestObject.readyState == 1){
																obj.innerHTML="<img style='margin-top:150px' src='image/ajax-loader.gif' />";
															}
														}
												  }
		XMLHttpRequestObject.send(null);
	}
	
}

function changeFont(id)
{
	for(i=1;i<=2;i++)
	{
		document.getElementById("menu"+i).style.color = "#FFFFFF";
	}
		document.getElementById(id).style.color = "#FF9900";			
}

function changeFont1(id)
{
	for(i=1;i<=3;i++)
	{
		document.getElementById("menu"+i).style.color = "#FFFFFF";
	}
		document.getElementById(id).style.color = "#FF9900";			
}