window.addEvent('domready', function(){
	myClass.image.fixPng.init();
	imageSwaper.active($$('img.swap'));
	autoResizeImage(['.mainContent']);
	autoResizeImage(['#product_list .list'], 'dd', true);
	
	if($type($('blog_comment'))){
		$$('#blog_comment form input.submit').addEvent('click', function(){
			blog_comment_submit(this.form);
		});
	}
	
	if($type($('product_order_form'))){
		$$('#product_order_form input.submit').addEvent('click', function(){
			product_order_submit(this.form);
		});
	}
});


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();
}


function product_order_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);
				$(submitForm.id).reset();
            }
            else {
				var vaild_src = '/product/valid_image';
				submitForm.getElement('.valid_code').src = vaild_src+'?ts='+new Date().getTime();
                $(submitForm).getElements('.messageArea').set('html', response.message);
            }
            
        }
    }).post($(submitForm));
}

function autoResizeImage(items, parentEle, withHeight){  
    if (!$type(parentEle)) {
        var parentEle = '';
    }
    if (!$type(withHeight)) {
        var withHeight = false;
    }
		
	var imgselector = ' img[class!=noresize]';
	var selector = items.join(imgselector+',')+imgselector;
	var images = $$(selector);

	$each(images, function(img){
		if(img.complete){
			imageResize(img, parentEle, withHeight);
		}else{
            img.addEvent('load', function(){
                imageResize(img, parentEle, withHeight);
            });
		}
	});
	
	function imageResize(item, parentEle, withHeight){        
        if (!$type(parentEle)) {
            var parentEle = '';
        }
        if (!$type(withHeight)) {
            var withHeight = false;
        }
		
        var imageSize = item.getSize();
        var container = item.getParent(parentEle).getSize();
		var newSize = {};
		
		if(!withHeight && imageSize.x > container.x) {
			newSize.x = container.x;
			newSize.y = imageSize.y / (imageSize.x/newSize.x);;
		}else if (withHeight && imageSize.y > container.y){
			newSize.y = container.y;
			newSize.x = imageSize.x / (imageSize.y/newSize.y);
        }
		
		if ($type(newSize.x)) {
			item.setStyle('width', newSize.x + 'px');
		}
		if ($type(newSize.y)) {
			item.setStyle('height', newSize.y + 'px');
		}
	}
}