// JavaScript Document
// 
// tabmenu /  subtabmenu /       state
var tabmenu_id;       // 0 - Images    1 - Artists
var subtabmenuul_id0; // 0-Medium   1-Style     2-Stat
var subtabmenuul_id1; // 3-Medium   4-Style    5-Stat
var leftpart_id;      // -1  - no selected items
var leftpart_name;

var req_leftpart;
var req_centerpart;

var strCenterPartLoading =  "<FONT COLOR='blue' SIZE=5px> <SPAN>  The panel is loading! Wait please!</SPAN><MARQUEE  BGCOLOR='WHITE' COLOR='BLUE'> The panel is loading! Wait please!</MARQUEE></FONT>";
var strLeftPartLoading = "<FONT COLOR='blue' SIZE=5px> <SPAN>  The list is loading! Wait please!</SPAN><MARQUEE  BGCOLOR='WHITE' COLOR='BLUE'> The list is loading! Wait please!</MARQUEE></FONT>";


function retrieveURL_leftpart(url) {
     document.getElementById("centerpart").innerHTML =strCenterPartLoading;
	 document.getElementById("leftpart").innerHTML =strLeftPartLoading;
    if (window.XMLHttpRequest) { // Non-IE browsers
      req_leftpart = new XMLHttpRequest();
      req_leftpart.onreadystatechange = processStateChange_leftpart;
      try {
        req_leftpart.open("GET", url, true);
      } catch (e) {
        alert(e);
      }
      req_leftpart.send(null);
    } else if (window.ActiveXObject) { // IE
      req_leftpart = new ActiveXObject("Microsoft.XMLHTTP");
      if (req_leftpart) {
        req_leftpart.onreadystatechange = processStateChange_leftpart;
        req_leftpart.open("GET", url, true);
        req_leftpart.send();
      }
    }
  }



function processStateChange_leftpart() {
    if (req_leftpart.readyState == 4) { // Complete
      if (req_leftpart.status == 200) { // OK response
       document.getElementById("leftpart").innerHTML = req_leftpart.responseText;
		  	 
      } else {
        alert("Problem: " + req_leftpart.statusText);
      }
    }
  }
  

function  fill_leftpart(){

     var s="fill_leftpart.php?";
	 s = s+"tabmenu_id="+tabmenu_id;
	 s = s+"&subtabmenuul_id0="+subtabmenuul_id0; 
	 s = s+"&subtabmenuul_id1="+subtabmenuul_id1; 	
	 s = s+"&leftpart_id="+leftpart_id; 	

	 retrieveURL_leftpart(s);
	
	}
	  
 
  
  

  
function retrieveURL_centerpart(url) {
     document.getElementById("centerpart").innerHTML =strCenterPartLoading;
	 
    if (window.XMLHttpRequest) { // Non-IE browsers
      req_centerpart = new XMLHttpRequest();
      req_centerpart.onreadystatechange = processStateChange_centerpart;
      try {
        req_centerpart.open("GET", url, true);
      } catch (e) {
        alert(e);
      }
      req_centerpart.send(null);
    } else if (window.ActiveXObject) { // IE
      req_centerpart = new ActiveXObject("Microsoft.XMLHTTP");
      if (req_centerpart) {
        req_centerpart.onreadystatechange = processStateChange_centerpart;
        req_centerpart.open("GET", url, true);
        req_centerpart.send();
      }
    }
  }
  
  

function processStateChange_centerpart() {
    if (req_centerpart.readyState == 4) { // Complete
      if (req_centerpart.status == 200) { // OK response
        document.getElementById("centerpart").innerHTML = req_centerpart.responseText;

      } else {
        alert("Problem: " + req_centerpart.statusText);
      }
    }
  }



	
function  fill_centerpart_random(){

     var s="fill_centerpart.php?";
	 s = s+"tabmenu_id="+tabmenu_id;

	retrieveURL_centerpart(s);

	}
	
	
function fillContent(){

    fill_leftpart();
	fill_centerpart_random();
	}



function rewriteStateInfo(){
	var info_part = document.getElementById("part_info");	
	if (tabmenu_id==0)
	    info_part.innerHTML = "Images";
	if (tabmenu_id==1)
	    info_part.innerHTML = "Artists";


	var info_style = document.getElementById("style_info");	
	if (tabmenu_id==0) {
	    // 0-Medium   1-Style     2-Stat
		if(subtabmenuul_id0==0)
			info_style.innerHTML = "&nbsp;-> Medium";
		if(subtabmenuul_id0==1)
			info_style.innerHTML = "&nbsp;-> Style";
		if(subtabmenuul_id0==2)
		   info_style.innerHTML = "&nbsp;-> Stats";
		}
			
	if (tabmenu_id==1){
	     // 3-Medium   4-Style    5-Stat
		if(subtabmenuul_id1==3)
			info_style.innerHTML = "&nbsp;-> Medium";
		if(subtabmenuul_id1==4)
			info_style.innerHTML = "&nbsp;-> Style";
		if(subtabmenuul_id1==5)
		   info_style.innerHTML = "&nbsp;-> Stats";
		}
		
	var info_item = document.getElementById("item_info");	
    if (leftpart_id	> 0)
	   info_item.innerHTML ="&nbsp;->&nbsp;"+leftpart_name;	
	else
	   info_item.innerHTML ="";	
	   
	var info_caption = document.getElementById("caption");		   
    if (leftpart_id	> 0)
	   info_caption.innerHTML =leftpart_name;	
	else
	   caption.innerHTML ="";	
	   
}


function selectItem(itmnum,menuel,submenuel,height){
	var container  = document.getElementById(menuel);
	if (!container) return;
	var submenuul = document.getElementById(submenuel);
	if (!submenuul) return;
	var itms = container.getElementsByTagName('a');
	var subitms = submenuul.getElementsByTagName('a');
     
	for (var i=0;i<itms.length;i++){
		if (itmnum == itms[i].id){
                if (tabmenu_id==itmnum) return;
		         
				itms[i].className="selected"; 
				var t = itmnum * -1 * height; //25 pixels - the height of LI element
				submenuul.style.top= t+"px";
				tabmenu_id=itmnum;
				clearSelectedItem();
				rewriteStateInfo();
				fillContent();
		}else itms[i].className="n";
	}
	
	

}

function selectItem_Sub(itmnum,menuel,submenuel,height){
	var container  = document.getElementById(menuel);
	if (!container) return;
	var itms = container.getElementsByTagName('a');

	var submenuul = document.getElementById(submenuel);
	if (!submenuul) return;
	var subitms = submenuul.getElementsByTagName('a');
     
	var items_menu_len=3;
	for (var ic=0;ic<itms.length;ic++){
		if (itms[ic].className=="selected") {
		
		var i0=	ic*items_menu_len;  
		var i1=	i0+items_menu_len
		for (var i=i0;i<i1;i++){
				if (itmnum == subitms[i].id) {
					if ((ic==0) &&	(subtabmenuul_id0==itmnum)) return;
					if ((ic==1) &&	(subtabmenuul_id1==itmnum)) return;
					subitms[i].className="selected_sub"; 
					
					if (ic==0) 	subtabmenuul_id0=itmnum;
					if (ic==1)	subtabmenuul_id1=itmnum;
					clearSelectedItem();
					rewriteStateInfo();
					fillContent();
					
				}else subitms[i].className="n";
			}
		}
	}
	rewriteStateInfo();		
	
}

function selectItemMain(itmnum,menuel,submenuel,height){
var container  = document.getElementById(menuel);
if (!container) return;
var submenuul = document.getElementById(submenuel);
if (!submenuul) return;
var itms = container.getElementsByTagName('a');

	for (var i=0;i<itms.length;i++){
		if (itmnum == itms[i].id) {
				itms[i].className="selected"; 
				var t = itmnum * -1 * height; //25 pixels - the height of LI element
				submenuul.style.top= t+"px";
		}else itms[i].className="n";
	}
}

function initMenu(menuel,submenuel,height){
	var container  = document.getElementById(menuel);
	if (!container) return;

	var itms = container.getElementsByTagName('a');

	for (var i=0;i<itms.length;i++){
		itms[i].id=i;
		itms[i].className="n";
		itms[i].onclick = function(e){ //setup a new
			selectItemMain(this.id,menuel,submenuel,height);
		}
		
	}
    itms[0].className="selected";	

	}



function clearSelectedItem(){
	leftpart_id=-1;
	var itms = container.getElementsByTagName('p');
	for (var i=0;i<itms.length;i++){
		itms[i].className="im";	
		}
	}

function setImagePaneX(item,action,prm_name,val,item_name){

	//alert(action+'    '+prn_name+'    '+val+'      '+item_name);

	clearSelectedItem();
	item.className="selected_item";

	leftpart_id	= 1;	
    leftpart_name =item_name;
	
	rewriteStateInfo();
	
	
     var s="fill_centerpart.php?";
	 s = s+ "action="+action;  // category : images/artists
	 s = s+"&"+prm_name+"="+ val;  // param
	 s = s+"&prm_name="+ prm_name; 
	 s = s+"&val_name="+ val;
	retrieveURL_centerpart(s);	
	}
	
function setImagePaneXPage(action,prm_name,val,pg){

     var s="fill_centerpart.php?";
	 s = s+ "action="+action;  // category : images/artists
	 s = s+"&"+prm_name+"="+ val;  // param
	 s = s+"&prm_name="+ prm_name; 
	 s = s+"&val_name="+ val;
	 s = s+"&pg="+ pg;
	retrieveURL_centerpart(s);	
	}
		
	
	
//function setImagePane(item,action,prm_name,val){
function setImagePane(item){

	var leftpane="leftpart";
	var container  = document.getElementById(leftpane);
	if (!container) return;

	clearSelectedItem();
	item.className="selected_item";

	leftpart_id	= 1;
	var vs = item.innerHTML;	

	var ind_end =vs.indexOf("(");
	if (ind_end!=-1)
		leftpart_name =vs.substring(0,ind_end);
	else
		leftpart_name =vs;
	
	rewriteStateInfo();
	return;
	// Load Center Pane
	
     var s="fill_centerpart.php?";
	 s = s+ "action="+action;  // category : images/artists
	 s = s+"&prm_name="+prn_name;  // param
	 s = s+"&val="+val;  // param

	retrieveURL_centerpart(s);

	}	
	
	
	

/*
window.onload = function() {
	initMenu('menu','submenuul',25);
	initMenu('tabmenu','subtabmenuul',250);
	Nifty("ul#nav a","small transparent top");	
}
*/