var scrollit = false;
var first_time = true;
function displayAcc(acc_id, scroll){
	var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
		alwaysHide: true,
		opacity: false,
		display: acc_id,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#666');
			toggler.setStyle('font-weight', 'bold');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#aaa');
			toggler.setStyle('font-weight', 'normal');
		},
		onComplete: function(toggler, element){
			if(first_time == false){
    			var scroll = new Fx.Scroll(window, { wait: false, duration: 1500, transition: Fx.Transitions.Quad.easeInOut });
    			scroll.toElement('cattoggle_' + this.previous);
			}
            first_time = false;
		}
	});
}

*/

window.addEvent('domready',function() {
	new SmoothScroll({ duration:700 }, window);
});

	function activateandScrollHeadAcc(head_id){
		scrollit = false;
		var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
			alwaysHide: true,
			opacity: false,
			display: head_id,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#666');
				toggler.setStyle('font-weight', 'bold');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#aaa');
				toggler.setStyle('font-weight', 'normal');
			},
			onComplete: function(toggler, element){
				if(scrollit == false){
					var scroll = new Fx.Scroll(window, { wait: false, duration: 1500, transition: Fx.Transitions.Quad.easeInOut });
					scroll.toElement('cattoggle_' + head_id);
					scrollit = true;
				}else{
        			var scroll = new Fx.Scroll(window, { wait: false, duration: 1500, transition: Fx.Transitions.Quad.easeInOut });
        			scroll.toElement('cattoggle_' + this.previous);
				}
			}
		});
	}

	function activateandScrollSubHeadAcc(head_id,cat_id){
		scrollit = false;
		var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
			alwaysHide: true,
			opacity: false,
			display: head_id,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#666');
				toggler.setStyle('font-weight', 'bold');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#aaa');
				toggler.setStyle('font-weight', 'normal');
			},
			onComplete: function(toggler, element){
				if(scrollit == false){
					var scroll = new Fx.Scroll(window, { wait: false, duration: 1500, transition: Fx.Transitions.Quad.easeInOut });
					scroll.toElement('subcat_' + cat_id);
					scrollit = true;
				}else{
        			var scroll = new Fx.Scroll(window, { wait: false, duration: 1500, transition: Fx.Transitions.Quad.easeInOut });
        			scroll.toElement('cattoggle_' + this.previous);
				}
			}
		});
	}
	
	function displayAccProduct(acc_id, product_id){
		scrollit = false;
		var myAccordion = new Accordion($('accordion'), 'h3.toggler', 'div.element', {
			alwaysHide: true,
			opacity: false,
			display: acc_id,
			onActive: function(toggler, element){
				toggler.setStyle('color', '#666');
				toggler.setStyle('font-weight', 'bold');
			},
			onBackground: function(toggler, element){
				toggler.setStyle('color', '#aaa');
				toggler.setStyle('font-weight', 'normal');
			},
			onComplete: function(toggler, element){
				if(scrollit == false){
					var scroll = new Fx.Scroll(window, { wait: false, duration: 1500, transition: Fx.Transitions.Quad.easeInOut });
					scroll.toElement('product_' + product_id);
					scrollit = true;
				}else{
        			var scroll = new Fx.Scroll(window, { wait: false, duration: 1500, transition: Fx.Transitions.Quad.easeInOut });
        			scroll.toElement('cattoggle_' + this.previous);
				}
			}
		});
	}


	function buttonset(element){
		$(element).style.backgroundImage = "None";
		$(element).style.color = "#eee";
	}
	
	function buttonreset(element){
		$(element).style.backgroundImage = "url(/static/img/bar_bg.png)";
		$(element).style.color = "#666";
	}
	
    function addtoCart(product_id){
    	var bgPlatform = new Element('div', {id: 'bgplatform'});
    	getwinsize();
    	bgPlatform.setStyles({
    		"left":"0px",
    		"top":"0px",
    		"z-index":"900",
    		"width": (myWidth - 15) + "px",
    		"height": $(window).getScrollSize().y + "px",
    		"display":"block",
    		"margin":"0px",
    		"padding":"0px",
    		"background-color":"black",
    		"position":"absolute",
    	});
    	bgPlatform.inject(document.body);

    	var platformBox = new Element('div', {id: 'platformbox'});
    	platformBox.setStyles({
    		"left":((myWidth - 720) / 2) + "px",
    		"top": GoToTop + "px",
    		"z-index":"910",
    		"width": "700px",
    		"height": "400px",
    		"display":"none",
    		"margin":"0px",
    		"padding":"0px",
    		"background-color":"transparent",
    		"position":"absolute",
    	});
    	platformBox.inject(document.body);

    	var fadeFx = new Fx.Style(bgPlatform, 'opacity', {wait: false, duration: 500, onComplete:function(){
    		floatLayer(0,GoToTop,'platformbox').Fm();
    	    var myRequest = new Request({
    			method: 	'get',
    			url:		'/shoppingcart/popup/addproduct/',
    			onComplete: function(request){
    					platformBox.innerHTML = request;
    					platformBox.setStyles({"display":"block"});
    					var newfadeFx = new Fx.Style(platformBox, 'opacity', {wait: false, duration: 500, onComplete:function(){
    						clicked = false;

    						$("popupclose").removeEvents("click");
    						$("popupclose").addEvent("click", function(){
    							if(!clicked){
    								clicked = true;
    								var newfadeFx = new Fx.Style(platformBox, 'opacity', {wait: false, duration: 500, onComplete:function(){
    									platformBox.destroy();
    									var fadeFx = new Fx.Style(bgPlatform, 'opacity', {wait: false, duration: 500, onComplete:function(){
    										bgPlatform.destroy();
    										clicked = false;
    									}}).set(0.8);
    									fadeFx.start(0);
    								}}).set(1);
    								newfadeFx.start(0);
    							}
    						});

    					}}).set(0);
    					newfadeFx.start(1);
    			},
    	    }).send("product_id="+product_id);
    	}}).set(0);
    	fadeFx.start(0.8);

    	bgPlatform.addEvent("click", function(){
    		if(!clicked){
    			clicked = true;
    			var newfadeFx = new Fx.Style(platformBox, 'opacity', {wait: false, duration: 500, onComplete:function(){
    				platformBox.destroy();
    				var fadeFx = new Fx.Style(bgPlatform, 'opacity', {wait: false, duration: 500, onComplete:function(){
    					bgPlatform.destroy();
    					clicked = false;
    				}}).set(0.8);
    				fadeFx.start(0);
    			}}).set(1);
    			newfadeFx.start(0);
    		}
    	});
    }

    function closeWindow(){
    	$("popupclose").fireEvent("click");
    }

    function closeButtonWindow(){
    	$("popupclose").fireEvent("click");
    }