var DDSPEED = 10;
var DDTIMER = 15;
var MODE = 1;
var MODE_LANG = 1;
var ACTIVE_TAB_PRODUCTS = 1;


// main function to handle the mouse events //
function ddMenu(id,d){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearInterval(c.timer);
  //if(d == 1){
  if(MODE == 1){
    MODE = -1;
    clearTimeout(h.timer);
    if(c.maxh && c.maxh <= c.offsetHeight){return}
    else if(!c.maxh){
      c.style.display = 'block';
      c.style.height = 'auto';
      c.maxh = c.offsetHeight;
      c.style.height = '0px';
    }
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }else{
  	MODE = 1;
    h.timer = setTimeout(function(){ddCollapse(c)},50);
  }
}

function ddMenuLang(id,d){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearInterval(c.timer);
  if(MODE_LANG == 1){
  	MODE_LANG = -1;
    clearTimeout(h.timer);
    if(c.maxh && c.maxh <= c.offsetHeight){return}
    else if(!c.maxh){
      c.style.display = 'block';
      c.style.height = 'auto';
      c.maxh = c.offsetHeight;
      c.style.height = '0px';
    }
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }else{
  	MODE_LANG = 1;
    h.timer = setTimeout(function(){ddCollapse(c)},50);
  }
}

// collapse the menu //
function ddCollapse(c){
  c.timer = setInterval(function(){ddSlide(c,-1)},DDTIMER);
}

// cancel the collapse if a user rolls over the dropdown //
function cancelHide(id){
  var h = document.getElementById(id + '-ddheader');
  var c = document.getElementById(id + '-ddcontent');
  clearTimeout(h.timer);
  clearInterval(c.timer);
  if(c.offsetHeight < c.maxh){
    c.timer = setInterval(function(){ddSlide(c,1)},DDTIMER);
  }
}

// incrementally expand/contract the dropdown and change the opacity //
function ddSlide(c,d){
  var currh = c.offsetHeight;
  var dist;
  if(d == 1){
    dist = (Math.round((c.maxh - currh) / DDSPEED));
  }else{
    dist = (Math.round(currh / DDSPEED));
  }
  if(dist <= 1 && d == 1){
    dist = 1;
  }
  c.style.height = currh + (dist * d) + 'px';
  c.style.opacity = (currh / c.maxh) - 0.1 ;
  c.style.filter = 'alpha(opacity=' + (currh * 100 / c.maxh) + ')';
  if((currh < 2 && d != 1) || (currh > (c.maxh - 2) && d == 1)){
    clearInterval(c.timer);
  }
}

function setProcessingText(){
	var idiv = document.getElementById('msg_info');
	var lang = document.getElementById('language_flag').name;
	var style = document.getElementById('design').value;

	var text = "";
	switch(lang){
		case("DE"):
			text = "Bitte warten...";
			break;
		case("EN"):
			text = "Please wait...";
			break;
	}
	idiv.innerHTML = '<div><table cellspacing="5px" class="message"><tr><td width="20px"><img src="gui/images/' + style + '/throbber.gif"></td valign="top"><td align="left">' + text + '</td></tr></table></div>';
}


// text fields color
function focusTextBox(objTextbox){
	objTextbox.style.backgroundColor='#F1F5F9';
	objTextbox.style.borderStyle='solid';
	objTextbox.style.borderWidth='1px';
	objTextbox.style.borderColor='#87AED6';
	objTextbox.style.height='20px';
	objTextbox.style.width='190px';
}

function blurTextBox(objTextbox){
	objTextbox.style.backgroundColor='#FFFFFF';
	objTextbox.style.borderStyle='solid';
	objTextbox.style.borderWidth='1px';
	objTextbox.style.borderColor='#969696';
}

function focusTextArea(objTextbox){
	objTextbox.style.backgroundColor='#F1F5F9';
	objTextbox.style.borderStyle='solid';
	objTextbox.style.borderWidth='1px';
	objTextbox.style.borderColor='#87AED6';
}

function blurTextArea(objTextbox){
	objTextbox.style.backgroundColor='#FFFFFF';
	objTextbox.style.borderStyle='solid';
	objTextbox.style.borderWidth='1px';
	objTextbox.style.borderColor='#969696';
}

function focusLoginTextBox(objTextbox){
	objTextbox.style.backgroundColor='#F1F5F9';
	objTextbox.style.borderStyle='solid';
	objTextbox.style.borderWidth='1px';
	objTextbox.style.borderColor='#87AED6';
	objTextbox.style.height='20px';
	objTextbox.style.width='190px';
}

function blurLoginTextBox(objTextbox){
	objTextbox.style.backgroundColor='#FFFFFF';
	objTextbox.style.borderStyle='solid';
	objTextbox.style.borderWidth='1px';
	objTextbox.style.borderColor='#969696';
}

// contact form clear fields
function clearContactFields(){
	document.getElementById('contact_firstname').value = "";
	document.getElementById('contact_lastname').value = "";
	document.getElementById('contact_mail').value = "";
	document.getElementById('contact_text').value = "";
	document.getElementById('msg_info').innerHTML = "";
}

function initActiveTab(){
	var objDiv = document.getElementById("content_box_tab1");
	var contentDiv = document.getElementById('content_box_news');
	
	var p = objDiv.getElementsByTagName("*")[0];
	p.className = 'pTab_active';	
	
	if(objDiv.id == "content_box_tab1"){
		contentDiv.innerHTML = '<div class="loading_div"></div>'; 
		objDiv.className = 'tab_active';
		inactiveTabByObjectID("content_box_tab2");
		inactiveTabByObjectID("content_box_tab3");
		ACTIVE_TAB_PRODUCTS = 1;
		ajInitProducts(1);
	}
}

function activeTab(objDiv){
	var contentDiv = document.getElementById('content_box_news');
	
	var p = objDiv.getElementsByTagName("*")[0];
	p.className = 'pTab_active';	
	
	if(objDiv.id == "content_box_tab1" && ACTIVE_TAB_PRODUCTS != 1){
		contentDiv.innerHTML = '<div class="loading_div"></div>'; 
		objDiv.className = 'tab_active';
		inactiveTabByObjectID("content_box_tab2");
		inactiveTabByObjectID("content_box_tab3");
		ACTIVE_TAB_PRODUCTS = 1;
		ajLoadProducts(1, 1);
	}
	else if(objDiv.id == "content_box_tab2" && ACTIVE_TAB_PRODUCTS != 2){
		contentDiv.innerHTML = '<div class="loading_div"></div>'; 
		objDiv.className = 'tab_active';
		inactiveTabByObjectID("content_box_tab1");
		inactiveTabByObjectID("content_box_tab3");
		ACTIVE_TAB_PRODUCTS = 2;
		ajLoadProducts(2, 1);
	}
	else if(objDiv.id == "content_box_tab3" && ACTIVE_TAB_PRODUCTS != 3){
		contentDiv.innerHTML = '<div class="loading_div"></div>'; 
		objDiv.className = 'tab_active';
		inactiveTabByObjectID("content_box_tab1");
		inactiveTabByObjectID("content_box_tab2");
		ACTIVE_TAB_PRODUCTS = 3;
		ajLoadProducts(3, 1);
	}
	
}

function inactiveTabByObjectID(objId){
	var obj = document.getElementById(objId);
	obj.className = 'tab_inactive';
	var p = obj.getElementsByTagName("*")[0];
	p.className = 'pTab_inactive';
}

function load(iPaging){
	var contentDiv = document.getElementById('content_box_news');
	contentDiv.innerHTML = '<div class="loading_div"></div>'; 
	ajLoadProducts(ACTIVE_TAB_PRODUCTS, iPaging);
}