window.addEvent("domready",function(){
    initProductZoom();
    initProductRollOvers();
});

function initProductZoom() {
    ReMooz.assign("a.remooz",{
        'origin':'img',
        'shadow':'onOpenEnd',
        'resizeFactor':0.7,
        'cutOut':false,
        'opacityResize':0.4,
        'dragging':false,
        'centered':true
    });
    
}

function initProductRollOvers() {
    $$("div.prodwrapper").addEvents({
        'mouseover':function(){
            this.getChildren('div.prodzoom').each(
                function(el)
                {
                    $(el).setStyle('background-position','86px 0px')
                }
            );
            this.getChildren('div.prodzoom-sml').each(
                function(el)
                {
                    $(el).setStyle('background-position','63px 0px')
                }                
            );
        },
        'mouseout':function(){
            this.getChildren('div.prodzoom').each(
                function(el){
                    el.setStyle('background-position','0px 0px')
                }
            );
            this.getChildren('div.prodzoom-sml').each(
                function(el){
                    el.setStyle('background-position','0px 0px')
                }
            );            
        }
    });
}

function _validate() {
    var _result = true;
    var _msg = '';
    
    $$('input.required, select.required').each(function(oEl) {
        if (oEl.value=='|0' || oEl.value=='') {
            _result = false;
            _msg += oEl.getProperty('title') + '\n';
        }
    });
    
    if (!_result)
        alert(_msg);
    
    return _result;
}

function countLetters(obj) 
{
    $('ctl00_MainBody_Qty').value = $(obj).value.split(' ').join('').length;
}

function closePreview() {
    if ($defined( $('preview-holder') ))
        $('preview-holder').fade('out');
}

function preview(id) {
    var oEl = $('ctl00_MainBody_Personalization_PersonalizationMessage');

    if(oEl.value.length>0) {

        if ($defined( $('preview-holder') )) {
            oHolder = $('preview-holder');
            
            $('pop_content').addClass('loader');
            

            $('preview-img').dispose();
            new Asset.image('/event/wall-letter-preview.ashx?t=' + oEl.value + '&i=' + id + '&rnd=' + $random(0,10000), {'id': 'preview-img', 'onload': function() {$('pop_content').removeClass('loader');} }).inject($('pop_content'), 'top');
        } else {
            
            oHolder = new Element('div', {'id':'preview-holder'});
            oHolder.setStyles({
                'position':'absolute',
                'top': $('left').getPosition().y,
                'left': $('left').getPosition().x,
                'z-index': '100',
                'opacity':0
            });
            
            // Pop Up
            var oTable = new Element('table', {'class':'pop_dialog_table', id:'pop_dialog_table'});
            
            // Top Row
            var oTr = new Element('tr');
            new Element('td', {'class':'pop_topleft'}).inject(oTr);
            new Element('td', {'class':'pop_border pop_top'}).inject(oTr);
            new Element('td', {'class':'pop_topright'}).inject(oTr);
            oTr.inject(oTable);
            
            // Middle Row
            oTr = new Element('tr');
            new Element('td', {'class':'pop_border pop_side'}).inject(oTr);
            new Element('td', {'class':'pop_content loader', 'id':'pop_content'}).inject(oTr);
            new Element('td', {'class':'pop_border pop_side'}).inject(oTr);
           
            oTr.inject(oTable);            

            // Bottom Row
            oTr = new Element('tr');
            new Element('td', {'class':'pop_bottomleft'}).inject(oTr);
            new Element('td', {'class':'pop_border pop_bottom'}).inject(oTr);
            new Element('td', {'class':'pop_bottomright'}).inject(oTr);
            oTr.inject(oTable);
            
            oTable.inject(oHolder);
            oHolder.inject(document.body);
            
            // Wall Letter Image
            new Asset.image('/event/wall-letter-preview.ashx?t=' + oEl.value + '&i=' + id + '&rnd=' + $random(0,10000), {'id': 'preview-img', 'onload': function() {$('pop_content').removeClass('loader');} }).injectInside($('pop_content'));            
            new Element('div', {'class':'close-preview'}).set('html','<a onclick="closePreview();">Close preview</a>').inject($('pop_content'));
            new Element('p', {'class':'note'}).set('text','*The letter size is measured from the tallest letter in the name. All of the other letters will be made proportionately smaller as shown in the example.').setStyle('padding','4px').inject($('pop_content'));
        }
        
        oHolder.fade('in');
        
    }
    
}


function hideLoader() {
    $('pop_content').removeClass('loader');
}

function RateProduct(i,r) {
    var jSonRequest = new Request.JSON({url:"/EVENT/RateProductReview.aspx", 
        onComplete: function(result){
	        if (result.status=="success") {
	            $('comment-'+i).set('html','Thanks for the valuable feedback to our readers and reviewers.');
	        } else {
	            window.location.href="/Login.aspx";
	        }
        }
    }).get({'i': i, 'r': r});
}

function submitReview() {
    var r = $('ctl00_MainBody_Review');
    ["1", "2", "3", "4", "5"].each(function(ix){
        if($('Review_'+ix).checked) { r.value = ix; }
    });
    return true;
}

function toggleOptions() {
    if(prodOpts!=null) {
        prodOpts.toggle();
        if ($('options-bg').hasClass('options-open')) {
            $('options-bg').removeClass('options-open');
            $('options-bg').addClass('options-close');
        } else {
            $('options-bg').addClass('options-open');
            $('options-bg').removeClass('options-close');
        }
    }
}

function stockreminder(p,v) {
$('ctl00_MainBody_varid').value=v;
$('stock_reminder_link').setProperty('href', '/StockReminder.aspx?p='+p+'&v='+v);
$('stock_reminder_link').fireEvent('click');
toggleOptions();
}
function submitReminder() {
    new Request.JSON({url:"/EVENT/StockReminder.aspx", 
        onComplete: function(result){
	        if (result.status=="success") {
	            SqueezeBox.close();
	        }
	        alert(result.message);
        }
    }).get({'e': $('emailaddress').value, 'v': $('ctl00_MainBody_varid').value});
}
function choose_variant(v,n,p,s) {
$('ctl00_MainBody_varid').value=v;
if (n.length>24)
    $('option-name').set('html',n.substring(0,24) + '...');
else
    $('option-name').set('html',n);
    
$('option-price').set('html',p);
$('option-stock').set('html',s);
$('ctl00_MainBody_po').value = p.replace('$','').toFloat();
toggleOptions();
}