/**
 * Common JS for autostar @ Encommerce3.0
 * (c) Envisionext, http://www.envisionext.com
 */

// Event-Selectors
var Rules = {
	
	// Search Advanced button
	'#search_adv:click': function(element,event) {
		showAny('s_adv', true); 
		//showing advanced search selects  back
		//$$('#s_adv select').each(function(element){element.style.visibility='visible'});		
		if(!sliderInitialized) {
			sliderInit();
			sliderInitialized=true;
		}
		
	},
	// cancel advanced search button
	'#cancel_btn:click': function(element,event){
		showAnyCancel();
	},
	
	// buttons for changing color scheme
	'#select_languages span:click': function(element,event) {
		hideColors(element.getAttribute('id'));
	},
	
	// make text in color-schemes button underlined (hover-effect)
	'#select_languages span:mouseover': function(element,event) {
		colorHover(element.getAttribute('id'));
	},
	'#select_languages span:mouseout': function(element,event) {
		colorHoverOut(element.getAttribute('id'));
	},
	// make text in currencies button underlined (hover-effect)
	'#flags span:mouseover': function(element,event) {
		colorHover(element.getAttribute('id'));
	},
	'#flags span:mouseout': function(element,event) {
		colorHoverOut(element.getAttribute('id'));
	}
}

var sliderInitialized=false;


/*Ajax.Responders.register({
  onComplete: function() { EventSelectors.assign(Rules);}
})*/


function init111() {
	Corners('div.grey_border');	
	EventSelectors.start(Rules);
	myRbir = new Rbir(imgDirjs+'/content/radio/radio_on.gif', imgDirjs+'/content/radio/radio_off.gif', imgDirjs+'/content/radio/radio_dis.gif');
	myCbir = new Cbir(imgDirjs+'/content/check/check_on.gif', imgDirjs+'/content/check/check_off.gif', imgDirjs+'/content/check/check_dis.gif');
	Sbr.init();
}

function toggler(id) {
	if (!id) return false;
	if (!(el = $(id))) {
		return false;
	} else {
		if (el.offsetHeight) {
			el.style.display = 'none';
			return -1;
		} else {
			el.style.display = '';
			return 1;
		}
	}
}



/* make simple corners for divs */
function Corners(selector) {
	if (!selector) return false;
	var names = Array('lt','rt','lb','rb');
	var el = $$(selector);
	var elNum = el.length;
	for (var i=elNum-1; i>=0; i--) {
		//addWrap(el[i]);
		if (typeof(getComputedStyle)=='function') el[i].currentStyle = getComputedStyle(el[i], null);

		el[i].style.position = el[i].currentStyle.position=='absolute' ? 'absolute' : 'relative';
		
		if(el[i].offsetWidth){
			makeEvenSizes(el[i]);
		}
		
		for(j=0; j<4; j++) {
			var corner = document.createElement('b');
			corner.className = 'corn corner_'+names[j];
			corner.style.display='block';
			corner.style.position='absolute';
			corner.style.overflow='hidden';
			switch (names[j]) {
				case 'lt':
					corner.style.left = el[i].currentStyle.borderLeftWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderLeftWidth;
					corner.style.top = el[i].currentStyle.borderTopWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderTopWidth;
				break;
				case 'rt':
					corner.style.right = el[i].currentStyle.borderRightWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderRightWidth;
					corner.style.top = el[i].currentStyle.borderTopWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderTopWidth;
				break;
				case 'lb':
					corner.style.left = el[i].currentStyle.borderLeftWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderLeftWidth;
					corner.style.bottom = el[i].currentStyle.borderBottomWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderBottomWidth;
				break;
				case 'rb':
					corner.style.right = el[i].currentStyle.borderRightWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderRightWidth;
					corner.style.bottom = el[i].currentStyle.borderBottomWidth=='medium' ? '0' : '-'+el[i].currentStyle.borderBottomWidth;
				break;
			}
			el[i].appendChild(corner);
		}
	}
}
/* for correct display of absolute corners in stupid ie */
function makeEvenSizes(el, mod) {
	if (!el.tagName) return false;
	mod = mod ? mod : '';
	switch (mod) {
		case 'ie':
			forBro = document.all && !window.opera;
		break;
		case 'ie7':
			forBro = navigator.appVersion.indexOf('MSIE 7.0')==-1;
		break;
		case 'opera':
			forBro = document.all && !window.opera;
		break;
		case 'all':
			forBro = true;
		break;
		default: // for ie<7
			forBro = document.all && navigator.appVersion.indexOf('MSIE 7.0')==-1 && !window.opera;
		break;		
	}
	
	if (forBro) {
		el.defWidth = el.defWidth ? el.defWidth : el.currentStyle.width;
		el.defWHeight = el.defWHeight ? el.defWHeight : el.currentStyle.height;
		
		el.style.width = el.defWidth;
		el.style.height = el.defWHeight;
		w = el.offsetWidth;
		h = el.offsetHeight;		
		
		wN = w - parseInt(el.currentStyle.paddingRight) - parseInt(el.currentStyle.paddingLeft) - parseInt('0'+el.currentStyle.borderLeftWidth) - parseInt('0'+el.currentStyle.borderRightWidth);
		el.style.width = (w % 2) ? (wN+1)+'px' : wN+'px';
		
		hN = h - parseInt(el.currentStyle.paddingTop) - parseInt(el.currentStyle.paddingBottom) - parseInt('0'+el.currentStyle.borderTopWidth) - parseInt('0'+el.currentStyle.borderBottomWidth);
		el.style.height = (h % 2) ? (hN+1)+'px' : hN+'px';
	}
	return true;
}


/* display some div in js-popup almost like lightbox displays images */
function showAny(id, noCancel) {
	if (!(el = $(id))) return false;
	flag = noCancel ? true : false;
	var objBody = document.getElementsByTagName("body").item(0);
	
	if (!(objOverlay = $('showAnyOverlay'))) {
		var objOverlay = document.createElement("div");
		objOverlay.setAttribute('id','showAnyOverlay');
		objOverlay.style.display = 'none';
		objBody.appendChild(objOverlay)
		
		var objW = document.createElement("div");
		objW.setAttribute('id','showAnyWrap');
		objW.style.display = 'none';
		objBody.appendChild(objW);
		
		var objContent = document.createElement("div");
		objContent.setAttribute('id','showAnyContent');
		objContent.className = 'clearfix';
		objContent.appendChild(el);	
		objW.appendChild(objContent);
		
		var objBottomNav = document.createElement("div");
		objBottomNav.setAttribute('id','showAnyBottom');
		objBottomNav.style.display = 'none';
		objW.appendChild(objBottomNav);
	
		var objBottomNavCloseLink = document.createElement("a");
		objBottomNavCloseLink.setAttribute('id','showAnyClose');
		objBottomNavCloseLink.setAttribute('href','#');
		objBottomNavCloseLink.onclick = function() { showAnyCancel(); return false; }
		objBottomNavCloseLink.appendChild(document.createTextNode('Close this'));
		objBottomNav.appendChild(objBottomNavCloseLink);		
	} else { $('showAnyContent').appendChild(el); }
	
	!flag ? objOverlay.onclick = function() { showAnyCancel(); return false; } : objOverlay.onclick = function() {};
	
	//hideSelectBoxes();
	$('showAnyWrap').style.zIndex = '-100';
	Element.show('showAnyWrap');
	Element.show(el);
	
	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();
	wCur = Element.getWidth(el);
	var showAnyLeft = arrayPageScroll[0] + parseInt(arrayPageSize[2]/2 - wCur/2);
	var showAnyTop = arrayPageScroll[1] + (arrayPageSize[3]/15);
	
	Element.setHeight('showAnyOverlay', arrayPageSize[1]);
	Element.setWidth('showAnyWrap', wCur);
	Element.setLeft('showAnyWrap',showAnyLeft);
	Element.setTop('showAnyWrap', showAnyTop);	
	
	//new Effect.Appear('showAnyOverlay', { duration: 0.2, from: 0.0, to: 0.4 });	
	//new Effect.Opacity('showAnyOverlay', { duration: 0.2, from: 0.0, to: 0.4 });
	$('showAnyOverlay').style.opacity = 0.4;
	$('showAnyOverlay').style.display = "block";
	$('showAnyWrap').style.zIndex = '1000';
	
	if (!flag) new Effect.Parallel(
				[ new Effect.SlideDown( 'showAnyBottom', { sync: true, duration: resizeDuration + 0.25, from: 0.0, to: 1.0 }), 
					new Effect.Appear('showAnyBottom', { sync: true, duration: 1.0 }) ], 	{ duration: 0.65 } );	
}
/* hide upper js-popup */
function showAnyCancel() {
	if (!(objW = $('showAnyOverlay'))) return false;
	
	Element.hide('showAnyBottom');
	Element.hide('showAnyWrap');
	el = $('showAnyContent').firstChild;
	Element.hide(el);
	var objBody = document.getElementsByTagName("body").item(0);
	objBody.appendChild(el);
	
	//new Effect.Fade('showAnyOverlay', { duration: 0.2});
	$('showAnyOverlay').style.display = "none";
	//showSelectBoxes();
}


/*  SLIDER CONTROL  CUSTOM FUNCTIONS */
/*
function sliderInit(){
	  
	  var multiplier=2000;
	  var maxvalue=160000;
	  
	  last_div = 'handle4';
	  s = new Control.Slider('handle4','left_road',{range:$R(0,80),
		values:[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,
		47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,79,80],
		onSlide:function(v)
		{
			
			if (s.activeHandle.id == 'handle4')
			{
				//$(last_div).innerHTML= v[0];  
				$('number_left').innerHTML = v[0]*multiplier;
				$('inp-priceBeg').value=v[0]*multiplier;
			}
			else
			{
				//$(last_div).innerHTML= v[1]; 
				$('number_right').innerHTML = v[1]*multiplier; 
				$('inp-priceEnd').value=v[1]*multiplier;
			}  
		},
		onChange:function(v)
		{
			$('number_left').innerHTML = v[0]*multiplier;
			$('inp-priceBeg').value=v[0]*multiplier;
			$('number_right').innerHTML = v[1]*multiplier;
			$('inp-priceEnd').value=v[1]*multiplier;
			
		}}
	);
	s.setValue(30, 0);
	s.setValue(40, 1);
	$('number_left').innerHTML = 30*multiplier;
	$('inp-priceBeg').value=30*multiplier;
	$('number_right').innerHTML = 35*multiplier;
	$('inp-priceEnd').value=35*multiplier;
}
*/
function sliderInit(){
	  
	  multiplier=2000;
	  maxvalue=160000;
	  
	  last_div = 'handle4';
	  var handles = ['handle1', 'handle2'];
	  var values = [30, 40]; // First handle at 0, 2nd at 100

s = new Control.Slider(handles, 'track', {
range:$R(0, 80, true),
step:1,
restricted:true,
sliderValue: values,
onChange:function(v){
	if (s.activeHandle.id == 'handle1')
			{
				v[0] = parseInt(v[0]);
				//$(last_div).innerHTML= v[0];  
				$('number_left').innerHTML = v[0]*multiplier;
				$('inp-priceBeg').value=v[0]*multiplier;
			}
			else
			{
				v[1] = parseInt(v[1]);
				//$(last_div).innerHTML= v[1]; 
				$('number_right').innerHTML = v[1]*multiplier; 
				$('inp-priceEnd').value=v[1]*multiplier;
			}  
},
onSlide:function(v){
			v[0] = parseInt(v[0]);
			v[1] = parseInt(v[1]);
			$('number_left').innerHTML = v[0]*multiplier;
			$('inp-priceBeg').value=v[0]*multiplier;
			$('number_right').innerHTML = v[1]*multiplier;
			$('inp-priceEnd').value=v[1]*multiplier;
			inc();
}
});
	$('number_left').innerHTML = 30*multiplier;
	$('inp-priceBeg').value=30*multiplier;
	$('number_right').innerHTML = 35*multiplier;
	$('inp-priceEnd').value=35*multiplier;
	inc();
}

function inc()
{
	var digit = $('number_right').innerHTML*1;
	/*if (digit == maxvalue)
	{
		return false;  
	}
	s.setValue(s.values[1]+1, 1);
	if (s.activeHandle.id == 'handle1' && s.values[0]+10 > s.values[1])
	{ 
		if (!document.all)
			s.draw(event);
		s.setValue(s.values[0]-5, 0);
		s.endDrag(event);
		s.startDrag(event);	
		//s.values[0] = s.values[1];

	}
	else if (s.activeHandle.id == 'handle2' && s.values[1]-10 < s.values[0])
	{ 
		if (!document.all)s.draw(event);
		s.setValue(s.values[1]+5, 1);
		s.endDrag(event);
		s.startDrag(event);
		s.values[1] = s.values[0];		
	}
	if (s.values[0] > s.values[1])
	{
		s.setValue(s.values[0]-3, 0);
		s.setValue(s.values[1]+3, 1);  
	}
	if (s.values[1]<5)
		s.setValue(s.values[1]+2, 1);
	if (s.values[0]>80)
		s.setValue(80, 0);	 
	*/
	var left_object  =  $('handle1');
	var left_handle  =  parseInt(left_object.style.left);
	var right_handle =  parseInt($('handle2').style.left);
		
	//var left_handle = s.str_replace('px', '', left_handle);
	//var right_handle = s.str_replace('px', '', right_handle);
		
	var bg_width = right_handle-left_handle+left_object.offsetWidth;	
	var hm =$('handle_middle'); 
	hm.style.width = bg_width+'px';	
	hm.style.left = left_handle+'px';
	digit += multiplier;
	$('number_right').innerHTML = digit;
	$('inp-priceEnd').value=digit;
}
					
function dec()
{
	var digit = $('number_right').innerHTML*1;
	if (digit == 0 || s.values[0]+10 >= s.values[1])
	{
		return false;  
	}
	s.setValue(s.values[1]-1, 1);
	if (s.activeHandle.id == 'handle4' && s.values[0]+10 > s.values[1])
	{ 
		if (!document.all)
			s.draw(event);
		s.setValue(s.values[0]-5, 0);
		s.endDrag(event);
		s.startDrag(event);	
		//s.values[0] = s.values[1];

	}
	else if (s.activeHandle.id == 'handle5' && s.values[1]-10 < s.values[0])
	{ 
		if (!document.all)
			s.draw(event);
		s.setValue(s.values[1]+5, 1);
		s.endDrag(event);
		s.startDrag(event);
		//s.values[1] = s.values[0];		
	}
	if (s.values[0] > s.values[1])
	{
		s.setValue(s.values[0]-3, 0);
		s.setValue(s.values[1]+3, 1);  
	}
	if (s.values[1]<5)
		s.setValue(s.values[1]+2, 1);
	if (s.values[0]>80)
		s.setValue(80, 0);	 

	var left_object  =  document.getElementById('handle4');
	var left_handle  =  document.getElementById('handle4').style.left;
	var right_handle =  document.getElementById('handle5').style.left;
		
	var left_handle = s.str_replace('px', '', left_handle);
	var right_handle = s.str_replace('px', '', right_handle);
		
	var bg_width = right_handle-left_handle-left_object.offsetWidth;	
	document.getElementById('slider_bg12').style.width = bg_width+'px';	
	digit -= multiplier;
	$('number_right').innerHTML = digit;
	$('inp-priceEnd').value=digit;
}

