Event.observe(window, 'load', function() {
	var columns = $('decopedia-wide').select('.bottom');
	var max_height = columns.invoke('getHeight').max();
	columns.invoke('setStyle', {height: (max_height + 10) + 'px'});
	$('thumbnails').select('div').each(function(item) {
		item.observe('click', function() {
			$('thumbnails').select('.active').each(function(s) {
				$(s).removeClassName('active');
			});
			$(item).addClassName('active');
			$('hidden_image_id').setAttribute('value', $(item).getAttribute('id'));
			var imgSrc = $(item).down('img').src.sub('/small/','/large/');
			$('productLargeImage').writeAttribute('src',imgSrc);
		});
	});
	$('decopedia-wide').select('.bottom .readmore').each(function(item) {
		item.observe('click', function() {
			$(item).previous('.short').toggle().down('.dots').toggle();
			$(item).previous('.more').toggle();
			//$(item).hide();
			
			columns = $('decopedia-wide').select('.bottom');
			columns.invoke('setStyle', {height: 'auto'});
			max_height = columns.invoke('getHeight').max();
			columns.invoke('setStyle', {height: (max_height + 0) + 'px'});
		});
	});
});

function popup(location) {
	var iid=$('hidden_image_id').getAttribute('value');
    window.open(location+iid);
}

function showDetail() {
    if(document.getElementById('detail').style.display == 'none'){
      	document.getElementById('detail').style.display = '';
    } else if(document.getElementById('detail').style.display == ''){
      	document.getElementById('detail').style.display = 'none';
    }
	}

function showDetail2() {
    if(document.getElementById('detail2').style.display == 'none'){
      	document.getElementById('detail2').style.display = '';
    } else if(document.getElementById('detail2').style.display == ''){
      	document.getElementById('detail2').style.display = 'none';
    }
	}
	
	function showLogin() {
	$('login-section').show();
	}
	
	function toggleButton() {
	var button = $('registerbutton');
	if (button.disabled) {
		button.disabled = false;
	} else {
		button.disabled = true;
	}
}

function popitup(url) {
	newwindow=window.open(url,'name','height=825,width=730');
	if (window.focus) {newwindow.focus()}
	return false;
}

function validateLogin() {
	var pass = true;
	
		if($("email-login-input").value == ''){
		pass = false;
        $("email-login-error").innerHTML = 'Required';
    } else{
        $("email-login-error").innerHTML = '';
    }
    
		if($("password-login-input").value == ''){
		pass = false;
        $("password-login-error").innerHTML = 'Required';
    } else{
        $("password-login-error").innerHTML = '';
    }

    return pass;
}

function validateRegister() {
	var pass = true;
	
		if($("firstName-input").value == ''){
		pass = false;
        $("firstName-error").innerHTML = 'Required';
    } else{
        $("firstName-error").innerHTML = '';
    }
    
		if($("lastName-input").value == ''){
		pass = false;
        $("lastName-error").innerHTML = 'Required';
    } else{
        $("lastName-error").innerHTML = '';
    }
    
		if($("email-register-input").value == ''){
		pass = false;
        $("email-register-error").innerHTML = 'Required';
    } else{
        $("email-register-error").innerHTML = '';
        var isEmail_re=/^\s*[\w\-\+_]+(\.[\w\-\+_]+)*\@[\w\-\+_]+\.[\w\-\+_]+(\.[\w\-\+_]+)*\s*$/;
        if(String($("email-register-input").value).search (isEmail_re) == -1) {
        	pass = false;
        	$("email-register-error").innerHTML = 'Invalid';
        }
    }
    
		if($("password-register-input").value == ''){
		pass = false;
        $("password-register-error").innerHTML = 'Required';
    } else{
        $("password-register-error").innerHTML = '';
    }
    
		if($("rePassword-register-input").value == ''){
		pass = false;
        $("rePassword-register-error").innerHTML = 'Required';
    } else{
        $("rePassword-register-error").innerHTML = '';
        if($("password-register-input").value != $("rePassword-register-input").value){
        	$("rePassword-register-error").innerHTML = 'Not equal';
        }
    }
    
    return pass;
}