window.addEvent('domready', function(){
	$$('body').removeClass('noscript');
	myClass.imageHelper.fixPng.init();
	imageSwaper.active($$('img.swap'));
	
	if($chk($('head_slide'))){
		new mooSlide('#head_slide', 'p', 'img');
	}
	
	
	if($type($('blog_comment'))){
		$$('#blog_comment form input.submit').addEvent('click', function(){
			blog_comment_submit(this.form);
		});
	}
	
	if($chk($('index_slide'))){
		new mooSlide('#index_slide', 'p', 'img');
	}else if ($chk($('shop_slide'))) {
		new mooSlide('#shop_slide', 'p', 'img, object');
	}else if($chk($('news_list'))){
		
		$$('#news_list .list dl').addClass('off');
		$$('#news_list .list dl dd.content').addClass('hide');
		
		var controlEleA = new Element('a').set('html', '> Close');
		var controlEle = new Element('dd').addClass('txtR');
		controlEle.adopt(controlEleA);

        controlEleA.addEvent('click', function(){
            this.getParent().getParent().getElement('dt').fireEvent('click');
            return false;
        });

		active_title_toggle( $$('#news_list .list dl dt'), 'off', 'dd.content', 'hide', controlEle);
		
		var scrollEle = window.location.hash.substr(1); 
        if (scrollEle != '' && $(scrollEle)) {
            var scroll = new Fx.Scroll(window, {
                wait: false,
                duration: 2500
            });
			
            scroll.toElement( scrollEle );
            $$('#'+scrollEle+' dt').fireEvent('click');
        }
		
/*
		$$('#article_list .list dl:first-child').adopt(controlEle);
*/
	}else if ($chk($('product_previewOthers'))) {
		
        var myTween = new Fx.Tween('product_previewTarget', {
            property: 'opacity',
            duration: 'long'
        });
			
		$$('#product_previewOthers .thumbList a').addEvent('click', function(e){
			myTween.cancel();
			
			var target = $('product_previewTarget');
			var newSrc = this.get('href');
			
			myTween.start(0).chain(
			function(){
                target.update(newSrc, function(){
                    myTween.start(1);
                });
			});
			
			e.stop();
		});
		
		$$('#product_previewOthers .scrollL').addEvent('click', function(){
			previewOtherScroll('left', 100);
			return false;
		});
		$$('#product_previewOthers .scrollR').addEvent('click', function(){
			previewOtherScroll('right', 100);
			return false;
		});
		
		$('product_previewOthers').addEvent('mousewheel', function(e){
			e.stop();
			
			//e.wheel < 0 ? 'down' : 'up'
			if(e.wheel < 0){
				previewOtherScroll('right', 100);
			}else if(e.wheel > 0){
				previewOtherScroll('left', 100);
			}
		});
	}else if($chk($('fiction_detail'))){
		
		window.addEvent('keydown', function(event){
			switch(event.key){
				case 'left':
					if($$('#fiction_detail > .pager').hasChild('a.floatL')){
						window.location = $$('#fiction_detail > .pager > a.floatL').get('href');
					}else{
						alert('b');
					}
					break;
				case 'right':
				
					if($$('#fiction_detail > .pager').hasChild('a.floatR')){
						window.location = $$('#fiction_detail > .pager > a.floatR').get('href');
					}
					break;
			}
		});

	}
});

function previewOtherScroll(direction, shift){
	var target = $$('#product_previewOthers .thumbList')[0];
	
	
	if($chk(target)){
		var currentLeft = target.getScroll();
		if (direction == 'left') {
			target.scrollTo(currentLeft.x - shift);
		}else{
			target.scrollTo(currentLeft.x + shift);
		}
	}
}

function active_title_toggle(titleSelector, titleToggleClass, targetSelector, toggleClass, controlEle){
    $$(titleSelector).addEvent('click', function(){
        var target = this.getParent().getElement(targetSelector);
        var ele = this;
		
        if ($chk(controlEle)) {
            if (!this.getParent().hasChild(controlEle)) {
                controlEle.inject(this.getParent());
            }
        }
		
		if (this.hasClass(titleToggleClass)) {
            this.removeClass(titleToggleClass);
        }
        else {
            this.addClass(titleToggleClass);
        }
		
        if (target.hasClass(toggleClass)) {
            target.removeClass(toggleClass);
			controlEle.removeClass(toggleClass)
        }
        else {
            target.addClass(toggleClass);
			controlEle.addClass(toggleClass)
        }
		
        return false;
    });
}



function blog_comment_submit(submitForm){
	var urlString = submitForm.getAttributeNode('action').nodeValue;
	
    var myHTMLRequest = new Request.JSON({
        url: urlString,
        onSuccess: function(response, txt){            
            if (response.success == true) {
                $(submitForm).getElements('.messageArea').set('html', response.message);
				
				blog_comment_reload(blog_comment.articleID, blog_comment.articlePage, blog_comment.page);
				document.getElementById(submitForm.id).reset();
				alert('done');
            }
            else {
				var vaild_src = '/blog/valid_image';
				submitForm.getElement('.valid_code').src = vaild_src+'?ts='+new Date().getTime();
;
                $(submitForm).getElements('.messageArea').set('html', response.message);
            }
            
        }
    }).post($(submitForm));
}

function blog_comment_reload(articleID, articlePage, page){
	var urlString = '/blog/ajah/' + articleID + '/' + articlePage + '/' + page;
	console.log(urlString);
    var myHTMLRequest = new Request.HTML({
        url: urlString,
        onSuccess: function(response, response2, responseHTML){            
            $('blog_comment').empty();            
            $('blog_comment').set('html', responseHTML);
            
        }
    }).get();
}