window.addEvent('domready', function(){
	// smooth anchor scrolling
	new SmoothScroll(); 
	// style area
	if($('gkStyleArea')){
		$$('#gkStyleArea a').each(function(element,index){
			element.addEvent('click',function(e){
	            e.stop();
				changeStyle(index+1);
			});
		});
	}
	// font-size switcher
	if($('gkTools') && $('gkComponentWrap')) {
		var current_fs = 100;
		var content_fx = new Fx.Tween($('gkComponentWrap'), { property: 'font-size', unit: '%', duration: 200 }).set(100);
		$('gkToolsInc').addEvent('click', function(e){ 
			e.stop(); 
			if(current_fs < 150) { 
				content_fx.start(current_fs + 10); 
				current_fs += 10; 
			} 
		});
		$('gkToolsReset').addEvent('click', function(e){ 
			e.stop(); 
			content_fx.start(100); 
			current_fs = 100; 
		});
		$('gkToolsDec').addEvent('click', function(e){ 
			e.stop(); 
			if(current_fs > 70) { 
				content_fx.start(current_fs - 10); 
				current_fs -= 10; 
			} 
		});
	}
	// login popup
	if($('gkButtonLogin')) {
	    var login_fx = new Fx.Tween($('popupLogin'),{property: 'opacity', duration:300}).set(0);
	   	var hlogin_fx = new Fx.Tween($('popupLogin'),{property: 'height', duration:300}).set(0);
	    var login = false;
	    var login_over = false;
	    
	    $(document.body).addEvent('click', function(e) {
	    	if(!login_over && $('popupLogin').getSize().y > 0) {
	    		$('gkButtonLogin').fireEvent('click', e);
	    	}
	    });
	    
	    $('popupLogin').setStyle('display','block');
	    $('gkButtonLogin').addEvent('click', function(e){
	    	e.stop();
	    	if(!login){
	    		login_fx.start(1);
	    		var pw = $('popupLogin').getElement('.gkPopupWrap');
	    		hlogin_fx.start(pw.getSize().y + (pw.getStyle('margin-top').toInt() * 2));
	    		login = true;
	    		$('gkButtonLogin').addClass('popup');
	    
	    		$('popupLogin').setStyles({
	    			"left" : ($('gkButtonLogin').getCoordinates().right - $('popupLogin').getSize().x) + "px",
	    			"top" : ($('gkButtonLogin').getCoordinates().top) + "px"
	    		});
	    	}else{
	    		login_fx.start(0);
	    		hlogin_fx.start(0);
	    		login = false;
	    		$('gkButtonLogin').removeClass('popup');
	    	}
	    
	    	$('popupLogin').getElement('.gkPopupWrap').addEvent('mouseover',function(){login_over = true;});
	    	$('popupLogin').getElement('.gkPopupWrap').addEvent('mouseout',function(){login_over = false;});
	    }); 
	}
	// search button
	if($('gkButtonTools')) {
		$('gkToolsHide').set('tween', {duration: 250});
	
		$('gkButtonTools').addEvent('click', function(e){
			e.stop();
			if($('gkToolsHide').getSize().x > 0) {
				$('gkToolsHide').tween('width', 0);
			} else {
				$('gkToolsHide').tween('width', 90);
			}
		});
	}
});
// function to set cookie
function setCookie(c_name, value, expire) {
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expire);
	document.cookie=c_name+ "=" +escape(value) + ((expire==null) ? "" : ";expires=" + exdate.toUTCString());
}
// Function to change styles
function changeStyle(style){
	var file1 = $GK_TMPL_URL+'/css/style'+style+'.css';
	var file2 = $GK_TMPL_URL+'/css/typography.style'+style+'.css';
	new Asset.css(file1);
	new Asset.css(file2);
	Cookie.write('gk1_style',style, { duration:365, path: '/' });
}