window.addEvent('domready', function() {
	var Tuoteryhmat = new Accordion($('accordion'), 'h2.toggler', 'div.element', {
		display: false,
	    alwaysHide: true,
		opacity: true,
		duration: 500,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#ffffff');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#ffffff');
			element.setStyle('height', element.offsetHeight);
			$$('div.toggler_inner').setStyle('height','0');//you close all sub accordion
		}
	});
	
	var Tuoteryhmat_inner = new Accordion($('accordion_inner'), 'h3.toggler_inner', 'div.element_inner', {
		display: false,
	    alwaysHide: true,
		opacity: true,
		duration: 500,
		onActive: function(toggler, element){
			toggler.getParent().setStyle("height", "auto");
			toggler.setStyle('color', '#000000');
			toggler.setStyle('border', 'none');
		},
		onBackground: function(toggler, element){
			element.setStyle('height',element.offsetHeight);
			toggler.setStyle('color', '#007AC3');
			toggler.setStyle('border-bottom', 'solid 1px #D2E0E6');
		}
	});

	var height = BrowserSize();
	if (height>750)
		height=height-150;
	else
		height=height+20;
	
	SqueezeBox.assign($$('a[rel=boxed]'), {
		size: {x: 820, y: height}
	});

	function BrowserSize() {
	  var myWidth = 0, myHeight = 0;
	  if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	  }
	  //window.alert( 'Width = ' + myWidth );
	  //window.alert( 'Height = ' + myHeight );
	  return myHeight-50;
	}
	
	
	
	//Slider
	var status = true;
	var active = false;
	
	var slide = function(slide_item){
		
		var transitionTime = 400;	
		var item_in = new Fx.Morph(slide_item, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
		});
		var item_out = new Fx.Morph(slide_item, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:false
		});
		var old_item_out = new Fx.Morph(active, {
			     duration: transitionTime, 
			     transition: Fx.Transitions.Quad.easeInOut, 
			     wait:400
		});	
		
		if (active) {
			if (active==slide_item) {
				var tee = true;
			}
			else {
				$(active).setStyle('z-index','100');
				(function(){
					old_item_out.start({
						'right': '-900'
					});
				}).delay(transitionTime);
				status=true;
			}
		}
		
		if (status) {
			$(slide_item).setStyle('z-index','101');
			item_in.start({
				'right': [-900, 0]
			});
			status=false;
			active = slide_item;
		}
		else {
			item_out.start({
				'right': '-900'
			});
			status=true;
			active=false;
		}
	};
	
	if ($('v1_toggle')) {
		$('v1_toggle').addEvent('click', function(e){ slide('slide_v1'); });
		$('v2_toggle').addEvent('click', function(e){ slide('slide_v2'); });
		$('v3_toggle').addEvent('click', function(e){ slide('slide_v3'); });
		$('v4_toggle').addEvent('click', function(e){ slide('slide_v4'); });
		$('v5_toggle').addEvent('click', function(e){ slide('slide_v5'); });
		$('v6_toggle').addEvent('click', function(e){ slide('slide_v6'); });
	}
	
		
	window.onload = load_pic;
	var lastID = 0;
	function load_pic(){
		lastID = 0;
	}
	
	function show_image(path,img,id) {
		alert ("jep");
		document.getElementById('shop_main_image').innerHTML = "<a href='"+path+"big_"+img+"' target='_blank'><img src='"+path+img+"' alt=''/></a>";
		if (lastID >= 0) {
			document.getElementById('eshop_thumb_'+lastID).style.border = 'solid 1px #FFFFFF';
		}
		document.getElementById('eshop_thumb_'+id).style.border = 'solid 1px #000000';
		lastID = id;
	}

});