// JavaScript Document
var loop = 0;
var loopInterval = 3000;
var cnt = 2;

window.addEvent('domready', function() {

	if(window.refreshCartInTable)
		refreshCartInTable();
	if(window.refreshMiniCart)
		refreshMiniCart();

	// fill menu 'categories'
	xajax_catMenu();
	// fill the menus 'articles' and 'recipes'
	xajax_articipes();


if( $('disable_price_table_functions') ) {
		$('disable_price_table_functions').setStyle('width', $('table_price').getStyle('width'));
		$('disable_price_table_functions').setStyle('height', $('table_price').getStyle('height'));
		$('disable_price_container').setStyle('width', $('table_price').getStyle('width'));
		$('disable_price_loading').setStyle('left', ($('table_price').getStyle('width').toInt()/2-16)+'px');
		$('disable_price_loading').setStyle('top', ($('table_price').getStyle('height').toInt()/2-16)+'px');
	}

	
	// menu -------------------------------------------------------
	$('btn1').addEvent('mouseenter', function(){
		changeBtnState('.top_menu div', 'top_menu_link_dd', $(this));
		
		var offsetLeft = getMenuLeftOffset();
		
		$$('.catalog_container').setStyle('left', offsetLeft+'px');
		$$('.catalog_container').set('tween', {duration: 600});
		$$('.catalog_container').tween('height', '380px');
		if(menu_js_default_cat > 0)
			showContainer( menu_js_default_cat );
		else
			showContainer( 0 );
//			hideAllContainers()
	});
	$('btn1').addEvent('mouseleave', function(){
		changeBtnState('#top_menu div', 'top_menu_link_dd', false);
		$$('.catalog_container').set('tween', {duration: 300});
		$$('.catalog_container').tween('height', '0px');
	});
	
	// articles menu
	if($('btn3')) {
		$('btn3').addEvent('mouseenter', function(){
			changeBtnState('.top_menu div', 'top_menu_link_dd', $(this));
		
			var offsetLeft = getMenuLeftOffset();
		
			$('textsection_container_btn3').setStyle('left', offsetLeft+'px');
			$('textsection_container_btn3').set('tween', {duration: 600});
			$('textsection_container_btn3').tween('height', '380px');
			if(menu_js_default_cat > 0)
				showContainer( menu_js_default_cat );
			else
				showContainer( 0 );
	//			hideAllContainers()
		});
		$('btn3').addEvent('mouseleave', function(){
			changeBtnState('#top_menu div', 'top_menu_link_dd', false);
			$('textsection_container_btn3').set('tween', {duration: 300});
			$('textsection_container_btn3').tween('height', '0px');
		});
	}
	
	// recipes menu
	if($('btn4')) {
		$('btn4').addEvent('mouseenter', function(){
			changeBtnState('.top_menu div', 'top_menu_link_dd', $(this));
		
			var offsetLeft = getMenuLeftOffset();
		
			$('textsection_container_btn4').setStyle('left', offsetLeft+'px');
			$('textsection_container_btn4').set('tween', {duration: 600});
			$('textsection_container_btn4').tween('height', '380px');
			if(menu_js_default_cat > 0)
				showContainer( menu_js_default_cat );
			else
				showContainer( 0 );
	//			hideAllContainers()
		});
		$('btn4').addEvent('mouseleave', function(){
			changeBtnState('#top_menu div', 'top_menu_link_dd', false);
			$('textsection_container_btn4').set('tween', {duration: 300});
			$('textsection_container_btn4').tween('height', '0px');
		});
	}



	// mini cart ---------------------------------------------------
	$$('.shopping_cart_top_menu').addEvent('mouseenter', function(){
		$$('.container_items').set('tween', {duration: 1000, transition: 'bounce:out'});
		$$('.container_items').tween('height', '411px');
	});
	$$('.shopping_cart_top_menu').addEvent('mouseleave', function(){
		$$('.container_items').set('tween', {duration: 500});
		$$('.container_items').tween('height', '0px');
	});

	// prev next product -------------------------------------------
	if( $('prev_image') && $('next_image') ) {
		$('prev_image').setStyle('opacity', '0');
		$('next_image').setStyle('opacity', '0');
		
		$('prev_btn').addEvent('mouseenter', function(){
			$('prev_image').setStyle('display', 'block');	
			$('prev_image').set('tween', {duration: 200});
			$('prev_image').tween('opacity', '1');
		});
		$('prev_btn').addEvent('mouseleave', function(){
			$('prev_image').set('tween', {duration: 200});
			$('prev_image').tween('opacity', '0');
		});
		$('next_btn').addEvent('mouseenter', function(){
			$('next_image').setStyle('display', 'block');	
			$('next_image').set('tween', {duration: 200});
			$('next_image').tween('opacity', '1');
		});
		$('next_btn').addEvent('mouseleave', function(){
			$('next_image').set('tween', {duration: 200});
			$('next_image').tween('opacity', '0');
		});
	}

	// tabs home ---------------------------------------------------
	if( $('tm1') ) {
		
		$('tm1').setStyle('opacity', '1');
		$('tm2').setStyle('opacity', '0');
		$('tm3').setStyle('opacity', '0');
		$('tm4').setStyle('opacity', '0');
	
		loop = setInterval( "loopTabs()", loopInterval );
	
		$('tabs_menu_btn1').addEvent('click', function(){
			clearInterval( loop );
			changeBtnState('.tabs_menu div', 'tabs_menu_link_dd', $(this));
			
			$('tm2').setStyle('opacity', '0');
			$('tm2').setStyle('display', 'none');
			$('tm3').setStyle('opacity', '0');
			$('tm3').setStyle('display', 'none');
			$('tm4').setStyle('opacity', '0');
			$('tm4').setStyle('display', 'none');
			$('tm1').setStyle('display', 'block');
			$('tm1').set('tween', {duration: 900});
			$('tm1').tween('opacity', '1');
		});
		$('tabs_menu_btn2').addEvent('click', function(){
			clearInterval( loop );
			changeBtnState('.tabs_menu div', 'tabs_menu_link_dd', $(this));
	
			$('tm1').setStyle('opacity', '0');
			$('tm1').setStyle('display', 'none');
			$('tm3').setStyle('opacity', '0');
			$('tm3').setStyle('display', 'none');
			$('tm4').setStyle('opacity', '0');
			$('tm4').setStyle('display', 'none');
			$('tm2').setStyle('display', 'block');
			$('tm2').set('tween', {duration: 900});
			$('tm2').tween('opacity', '1');
		});
		$('tabs_menu_btn3').addEvent('click', function(){
			clearInterval( loop );
			changeBtnState('.tabs_menu div','tabs_menu_link_dd', $(this));
	
			$('tm1').setStyle('opacity', '0');
			$('tm1').setStyle('display', 'none');
			$('tm2').setStyle('opacity', '0');
			$('tm2').setStyle('display', 'none');
			$('tm4').setStyle('opacity', '0');
			$('tm4').setStyle('display', 'none');
			$('tm3').setStyle('display', 'block');	
			$('tm3').set('tween', {duration: 900});
			$('tm3').tween('opacity', '1');
		});
		$('tabs_menu_btn4').addEvent('click', function(){
			clearInterval( loop );
			changeBtnState('.tabs_menu div','tabs_menu_link_dd', $(this));
	
			$('tm1').setStyle('opacity', '0');
			$('tm1').setStyle('display', 'none');
			$('tm2').setStyle('opacity', '0');
			$('tm2').setStyle('display', 'none');
			$('tm3').setStyle('opacity', '0');
			$('tm3').setStyle('display', 'none');
			$('tm4').setStyle('display', 'block');	
			$('tm4').set('tween', {duration: 900});
			$('tm4').tween('opacity', '1');
		});
	}

	// tabs inner ------------------------------------------------
	if( $('tim1') ) $('tim1').setStyle('opacity', '1');
	if( $('tim2') ) $('tim2').setStyle('opacity', '0');
	if( $('tim3') ) $('tim3').setStyle('opacity', '0');

	if( $('tabs_inner_menu_btn1') ) {
		$('tabs_inner_menu_btn1').addEvent('click', function(){
			changeBtnState('#tabs_inner_menu div', 'tabs_inner_menu_link_dd', $(this));
			
			if( $('tim2') ) $('tim2').setStyle('opacity', '0');
			if( $('tim2') ) $('tim2').setStyle('display', 'none');
			if( $('tim3') ) $('tim3').setStyle('opacity', '0');
			if( $('tim3') ) $('tim3').setStyle('display', 'none');
			if( $('tim1') ) $('tim1').setStyle('display', 'block');
			if( $('tim1') ) $('tim1').set('tween', {duration: 300});
			if( $('tim1') ) $('tim1').tween('opacity', '1');
		});
	}
	if( $('tabs_inner_menu_btn2') ) {
		$('tabs_inner_menu_btn2').addEvent('click', function(){
			changeBtnState('#tabs_inner_menu div', 'tabs_inner_menu_link_dd', $(this));
	
			if( $('tim1') ) $('tim1').setStyle('opacity', '0');
			if( $('tim1') ) $('tim1').setStyle('display', 'none');
			if( $('tim3') ) $('tim3').setStyle('opacity', '0');
			if( $('tim3') ) $('tim3').setStyle('display', 'none');
			if( $('tim2') ) $('tim2').setStyle('display', 'block');
			if( $('tim2') ) $('tim2').set('tween', {duration: 300});
			if( $('tim2') ) $('tim2').tween('opacity', '1');
		});
	}
	if( $('tabs_inner_menu_btn3') ) {
		$('tabs_inner_menu_btn3').addEvent('click', function(){
			changeBtnState('#tabs_inner_menu div','tabs_inner_menu_link_dd', $(this));
	
			if( $('tim1') ) $('tim1').setStyle('opacity', '0');
			if( $('tim1') ) $('tim1').setStyle('display', 'none');
			if( $('tim2') ) $('tim2').setStyle('opacity', '0');
			if( $('tim2') ) $('tim2').setStyle('display', 'none');
			if( $('tim3') ) $('tim3').setStyle('display', 'block');	
			if( $('tim3') ) $('tim3').set('tween', {duration: 300});
			if( $('tim3') ) $('tim3').tween('opacity', '1');
		});
	}

	// tabs inner products details ------------------------------------
	if( $('tipm1') ) $('tipm1').setStyle('opacity', '1');
	if( $('tipm2') ) $('tipm2').setStyle('opacity', '0');
	if( $('tipm3') ) $('tipm3').setStyle('opacity', '0');
	if( $('tipm4') ) $('tipm4').setStyle('opacity', '0');
	if( $('tipm5') ) $('tipm5').setStyle('opacity', '0');

	if( $('tabs_product_details_menu_btn1') ) {
		$('tabs_product_details_menu_btn1').addEvent('click', function(){
			changeBtnState('#tabs_product_details div', 'tabs_inner_menu_link_dd', $(this));
			
			if( $('tipm2') ) $('tipm2').setStyle('opacity', '0');
			if( $('tipm2') ) $('tipm2').setStyle('display', 'none');
			if( $('tipm3') ) $('tipm3').setStyle('opacity', '0');
			if( $('tipm3') ) $('tipm3').setStyle('display', 'none');
			if( $('tipm4') ) $('tipm4').setStyle('opacity', '0');
			if( $('tipm4') ) $('tipm4').setStyle('display', 'none');
			if( $('tipm5') ) $('tipm5').setStyle('opacity', '0');
			if( $('tipm5') ) $('tipm5').setStyle('display', 'none');
			if( $('tipm1') ) $('tipm1').setStyle('display', 'block');
			if( $('tipm1') ) $('tipm1').set('tween', {duration: 300});
			if( $('tipm1') ) $('tipm1').tween('opacity', '1');
		});
	}
	if( $('tabs_product_details_menu_btn2') ) {
		$('tabs_product_details_menu_btn2').addEvent('click', function(){
			changeBtnState('#tabs_product_details div', 'tabs_inner_menu_link_dd', $(this));
	
			if( $('tipm1') ) $('tipm1').setStyle('opacity', '0');
			if( $('tipm1') ) $('tipm1').setStyle('display', 'none');
			if( $('tipm3') ) $('tipm3').setStyle('opacity', '0');
			if( $('tipm3') ) $('tipm3').setStyle('display', 'none');
			if( $('tipm4') ) $('tipm4').setStyle('opacity', '0');
			if( $('tipm4') ) $('tipm4').setStyle('display', 'none');
			if( $('tipm5') ) $('tipm5').setStyle('opacity', '0');
			if( $('tipm5') ) $('tipm5').setStyle('display', 'none');
			if( $('tipm2') ) $('tipm2').setStyle('display', 'block');
			if( $('tipm2') ) $('tipm2').set('tween', {duration: 300});
			if( $('tipm2') ) $('tipm2').tween('opacity', '1');
		});
	}
	if( $('tabs_product_details_menu_btn3') ) {
		$('tabs_product_details_menu_btn3').addEvent('click', function(){
			changeBtnState('#tabs_product_details div','tabs_inner_menu_link_dd', $(this));
	
			if( $('tipm1') ) $('tipm1').setStyle('opacity', '0');
			if( $('tipm1') ) $('tipm1').setStyle('display', 'none');
			if( $('tipm2') ) $('tipm2').setStyle('opacity', '0');
			if( $('tipm2') ) $('tipm2').setStyle('display', 'none');
			if( $('tipm4') ) $('tipm4').setStyle('opacity', '0');
			if( $('tipm4') ) $('tipm4').setStyle('display', 'none');
			if( $('tipm5') ) $('tipm5').setStyle('opacity', '0');
			if( $('tipm5') ) $('tipm5').setStyle('display', 'none');
			if( $('tipm3') ) $('tipm3').setStyle('display', 'block');	
			if( $('tipm3') ) $('tipm3').set('tween', {duration: 300});
			if( $('tipm3') ) $('tipm3').tween('opacity', '1');
		});
	}
	if( $('tabs_product_details_menu_btn4') ) {
		$('tabs_product_details_menu_btn4').addEvent('click', function(){
			changeBtnState('#tabs_product_details div','tabs_inner_menu_link_dd', $(this));
	
			if( $('tipm1') ) $('tipm1').setStyle('opacity', '0');
			if( $('tipm1') ) $('tipm1').setStyle('display', 'none');
			if( $('tipm2') ) $('tipm2').setStyle('opacity', '0');
			if( $('tipm2') ) $('tipm2').setStyle('display', 'none');
			if( $('tipm3') ) $('tipm3').setStyle('opacity', '0');
			if( $('tipm3') ) $('tipm3').setStyle('display', 'none');
			if( $('tipm5') ) $('tipm5').setStyle('opacity', '0');
			if( $('tipm5') ) $('tipm5').setStyle('display', 'none');
			if( $('tipm4') ) $('tipm4').setStyle('display', 'block');	
			if( $('tipm4') ) $('tipm4').set('tween', {duration: 300});
			if( $('tipm4') ) $('tipm4').tween('opacity', '1');
		});
		
		// change big img
		$$('#tipm4 img').addEvent('mouseenter', function(){
			$('bigImgOverlay').setStyle('display', 'block');
			var img = $(this).get('src').substring(0,$(this).get('src').indexOf('?'));
			$('overlayImg').setProperty("src", img+'?cache&q=100&w=405&h=304&block');
			$('overlayImg').setStyle('display', 'block');
			$('bigImgOverlay').setStyle('z-index', '100');
		});
		$$('#tipm4 img').addEvent('mouseleave', function(){
			$('bigImgOverlay').setStyle('display', 'none');
		});
		
	}
	if( $('tabs_product_details_menu_btn5') ) {
		$('tabs_product_details_menu_btn5').addEvent('click', function(){
			changeBtnState('#tabs_product_details div','tabs_inner_menu_link_dd', $(this));
	
			if( $('tipm1') ) $('tipm1').setStyle('opacity', '0');
			if( $('tipm1') ) $('tipm1').setStyle('display', 'none');
			if( $('tipm2') ) $('tipm2').setStyle('opacity', '0');
			if( $('tipm2') ) $('tipm2').setStyle('display', 'none');
			if( $('tipm4') ) $('tipm4').setStyle('opacity', '0');
			if( $('tipm4') ) $('tipm4').setStyle('display', 'none');
			if( $('tipm3') ) $('tipm3').setStyle('opacity', '0');
			if( $('tipm3') ) $('tipm3').setStyle('display', 'none');
			if( $('tipm5') ) $('tipm5').setStyle('display', 'block');	
			if( $('tipm5') ) $('tipm5').set('tween', {duration: 300});
			if( $('tipm5') ) $('tipm5').tween('opacity', '1');
		});
		// 360 view button
		$('360Wiew').addEvent('click', function(){
			changeBtnState('#tabs_product_details div','tabs_inner_menu_link_dd', $('tabs_product_details_menu_btn5'));
	
			if( $('tipm1') ) $('tipm1').setStyle('opacity', '0');
			if( $('tipm1') ) $('tipm1').setStyle('display', 'none');
			if( $('tipm2') ) $('tipm2').setStyle('opacity', '0');
			if( $('tipm2') ) $('tipm2').setStyle('display', 'none');
			if( $('tipm4') ) $('tipm4').setStyle('opacity', '0');
			if( $('tipm4') ) $('tipm4').setStyle('display', 'none');
			if( $('tipm3') ) $('tipm3').setStyle('opacity', '0');
			if( $('tipm3') ) $('tipm3').setStyle('display', 'none');
			if( $('tipm5') ) $('tipm5').setStyle('display', 'block');	
			if( $('tipm5') ) $('tipm5').set('tween', {duration: 300});
			if( $('tipm5') ) $('tipm5').tween('opacity', '1');
		});
	}
});
function loopTabs () {
	if( cnt == 5 ) cnt = 1;
	changeBtnState( '.tabs_menu div', 'tabs_menu_link_dd', $('tabs_menu_btn'+cnt) );
	switch( cnt ) {
		case 1 : {
			$('tm2').setStyle('opacity', '0');
			$('tm2').setStyle('display', 'none');
			$('tm3').setStyle('opacity', '0');
			$('tm3').setStyle('display', 'none');
			$('tm4').setStyle('opacity', '0');
			$('tm4').setStyle('display', 'none');
			$('tm1').setStyle('display', 'block');
			$('tm1').set('tween', {duration: 300});
			$('tm1').tween('opacity', '1');
		} break;
		case 2 : {
			$('tm1').setStyle('opacity', '0');
			$('tm1').setStyle('display', 'none');
			$('tm3').setStyle('opacity', '0');
			$('tm3').setStyle('display', 'none');
			$('tm4').setStyle('opacity', '0');
			$('tm4').setStyle('display', 'none');
			$('tm2').setStyle('display', 'block');
			$('tm2').set('tween', {duration: 300});
			$('tm2').tween('opacity', '1');
		} break;
		case 3 : {
			$('tm1').setStyle('opacity', '0');
			$('tm1').setStyle('display', 'none');
			$('tm2').setStyle('opacity', '0');
			$('tm2').setStyle('display', 'none');
			$('tm4').setStyle('opacity', '0');
			$('tm4').setStyle('display', 'none');
			$('tm3').setStyle('display', 'block');
			$('tm3').set('tween', {duration: 300});
			$('tm3').tween('opacity', '1');
		} break;
		case 4 : {
			$('tm1').setStyle('opacity', '0');
			$('tm1').setStyle('display', 'none');
			$('tm2').setStyle('opacity', '0');
			$('tm2').setStyle('display', 'none');
			$('tm3').setStyle('opacity', '0');
			$('tm3').setStyle('display', 'none');
			$('tm4').setStyle('display', 'block');
			$('tm4').set('tween', {duration: 300});
			$('tm4').tween('opacity', '1');
		} break;
	}
	cnt ++;
}
function changeBtnState( container, cssClass, currentObj ) {
	// remove all over states
	$$(container).each(function(el) {
		if( el.className == cssClass+'_o' ) {
			el.removeClass(cssClass+'_o');
			el.addClass(cssClass+'_n');
		}
	});
	// make current state over
	if( currentObj ) {
		currentObj.removeClass(cssClass+'_n');
		currentObj.addClass(cssClass+'_o');
	}
}
function getMenuLeftOffset() {
	var offsetLeft = 0;
	var conainerWidth = 948;
	var screenWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0;
	if( screenWidth <= conainerWidth ) offsetLeft = 0;
	else offsetLeft = ((screenWidth - conainerWidth) / 2);
	return offsetLeft;
}

// cart functions -----------------
function refreshMiniCart() {
	xajax_minicartContent();
}

function setHomeTabsMenuWidth(){
		var screenWidth = window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth||0;
		if (screenWidth > 1120 ){
			if( $('tabs_home_page') ) {
				$$('.tabs_menu').setStyle('width', '1095px');
				$$('.tabs_container .catalog').setStyle('width', '1095px');
				$$('.banners').setStyle('width', '1095px');
				$('PROMOTION_5').setStyle('display', 'block');
				$('RECCOMENDED_5').setStyle('display', 'block');
				$('LATEST_5').setStyle('display', 'block');
				$('LAST_VIEW_5').setStyle('display', 'block');
			}
		} else {
			if( $('tabs_home_page') ) {
				$$('.tabs_menu').setStyle('width', '878px');
				$$('.tabs_container .catalog').setStyle('width', '878px');
				$$('.banners').setStyle('width', '892px');
				$('PROMOTION_5').setStyle('display', 'none');
				$('RECCOMENDED_5').setStyle('display', 'none');
				$('LATEST_5').setStyle('display', 'none');
				$('LAST_VIEW_5').setStyle('display', 'none');
			}
			//$('last_separator').setStyle('margin-right', '0px');
		}
		//$('last_separator').setStyle('margin-right', (document.getElementById('shopping_cart_top_menu').offsetLeft - $('logo').getStyle('width').toInt() -  document.getElementById('last_separator').offsetLeft + document.getElementById('first_separator').offsetLeft)/2+'px');
		document.getElementById('last_separator').style.marginRight = (document.getElementById('shopping_cart_top_menu').offsetLeft - $('logo').getStyle('width').toInt() - document.getElementById('last_separator').offsetLeft + document.getElementById('first_separator').offsetLeft)/2+'px';
}