var Slider = null;
var SlideSpeed = 10;
var SlideJump = 80;
var expoline_self = null;
var pp_slide1 = null;
var pp_slide2 = null;
var ccat =null;

/* */
var HotCat = null;
var HotBrands = null;

function init() {
	expoline_self = document.getElementById('expoline_self');
	HotCat = new WHighLight('hotcat');
	HotBrands = new WHighLight('hotbrands');
	HotCat.onInComplete = function() { changeIconState_up(document.getElementById('ddicon_1')); }
	HotBrands.onInComplete = function() { changeIconState_up(document.getElementById('ddicon_2')); }
	HotCat.onOutComplete = function() { changeIconState_down(document.getElementById('ddicon_1')); }
	HotBrands.onOutComplete = function() { changeIconState_down(document.getElementById('ddicon_2')); }
	
	initSlider();
	return true;
}

function changeIconState_up(ptr) { ptr.src = '/images/icon_up.png'; }
function changeIconState_down(ptr) { ptr.src = '/images/icon_down.png'; }

function initSlider() {
	Slider = new WSlideProcess();
	Slider.setScrollSize(350);

	if (BrowserDetect.browser == "Explorer" && BrowserDetect.version == 7) {
		SlideSpeed = 35;
		SlideJump = 150;
	} else {
		SlideSpeed = 10;
		SlideJump = 100;
	}
	Slider.setScrollStep(SlideSpeed);
	Slider.onStep = function(position) {
		expoline_self.scrollLeft = position;
	}
}

function jump(id) {
	var url = window.location.toString()
	url = url.substring(0, url.length-1);
	var rid = url;
	rid = rid.substring(0, url.lastIndexOf('\/'));
	rid = rid.substring(rid.lastIndexOf('\/')+1, rid.length);
	var c = parseInt(url.substring(url.lastIndexOf('\/')+1, url.length));
	if (rid != "cat") c=ccat;
	if (c) {
		var obj = document.getElementById('catref_'+c);
		var w = (document.all ? document.body.clientWidth : window.innerWidth) /2;
		var l = obj.childNodes.item(0).firstChild.nodeValue;
		var offset = l.length * 14;
		Slider.setScrollStep(SlideJump);
		Slider.slideRight(obj.offsetLeft-w+offset);
		Slider.onComplete = function(direction) {
			this.onComple = null;
			this.setScrollStep(SlideSpeed);
		}
	}
	return;
}

function sw2(id, ptr) {
		var obj = document.getElementById(id);
		if (obj.style.display == 'none' || obj.style.display == null || obj.style.display == 'undefined') {
			obj.style.display = 'block';
			ptr.className = "";
		} else {
			obj.style.display = 'none';
			ptr.className = "closed";
		}
}
function sw(id) {
		var ptr = document.getElementById(id);
		(ptr.style.display == 'none' || ptr.style.display == null || ptr.style.display == 'undefined') ? ptr.style.display = 'block' : ptr.style.display = 'none';
}
function switchBlock(id) {
		var ptr = document.getElementById('paramGroup_'+id);
		var imgptr = document.getElementById('paramImage_'+id);
		if (ptr.style.display == 'block') {
			ptr.style.display = 'none';
		} else {
			ptr.style.display = 'block';
		}
		lastSwitchBlockPtr = ptr;
}

function swViewMode() {
	if (nowByType) {
		modeByType.className = "Normal";
		modeByBrand.className = "Selected";
		listByType.style.display = "none";
		listByBrand.style.display = "block";
		nowByType = false;
		return false;
	} else {
		modeByType.className = "Selected";
		modeByBrand.className = "Normal";
		listByType.style.display = "block";
		listByBrand.style.display = "none";
		nowByType = true;
		return false;
	}
	return false;
}