﻿var thedate=new Date();
var rndNum = thedate.getHours()+'a' + thedate.getDay()  ;
function selectTab(num) {
    if (onId > 0) {
        if (onId == num) {
            onId = 0;
            if (isIE)
                mySlide.slideOut();
            else
                $('categories_area').innerHTML = '';
            $('cat_' + num).className = "menu_item";
        }
        else {
            onId = num;
            for (i = 1; i <= 10; i++) {
                $('cat_' + i).className = "menu_item";
                $('cat_div_' + i).style.display = 'none';
            }
            $('cat_' + num).className = "menu_item sel";
            $('cat_div_' + num).style.display = 'block';
            var url = "/hidden/homepage/newcattab.aspx?cat=" + catArr[num - 1] + "&num=" + num + "&p=" + rndNum;
            if (isIE) {
                mySlide.toggle().chain(function () {
                    new Ajax(url, {
                        method: 'get',
                        update: $('categories_area'), evalScripts: true,
                        onComplete: function () {
                            mySlide.slideIn();
                        }
                    }).request();
                });
            }
            else {
                new Ajax(url, {
                    method: 'get',
                    update: $('categories_area'), evalScripts: true
                }).request();
            }
        }
    }
    else {
        onId = num;
        $('cat_' + num).className = "menu_item sel";
        $('cat_div_' + num).style.display = 'block';
        var url = "/hidden/homepage/newcattab.aspx?cat=" + catArr[num - 1] + "&num=" + num + "&p=" + rndNum;
        new Ajax(url, {
            method: 'get',
            update: $('categories_area'), evalScripts: true,
            onComplete: function () {
                if (isIE)
                    mySlide.slideIn();
            }
        }).request();
    }
}

function openItem(id, realID, incNum) {
    on = id;
    clearTimeout(openProd);
    openProd = setTimeout(function () {
        if (on == id) {
            if (id != nowOpen) {
                $('promoMain').className = 'promo_tabs opened';
                if (nowOpen > 0) {
                    if (nowOpen == 1) {
                        $('promo1').className = 'tab closedtop';
                    }
                    else if (nowOpen == 6)
                        $('promo6').className = 'tab closedbottom';
                    else
                        $('promo' + nowOpen).className = 'tab closed';
                }
                else {
                    $('first_Image').style.display = 'none';
                    $('prd').style.display = 'block';
                }

                if (id == 1)
                    $('promo1').className = 'tab opened top';
                else if (id == 6)
                    $('promo6').className = 'tab opened bottom';
                else
                    $('promo' + id).className = 'tab opened';

                var fade = $('prd');
                fade.setOpacity(0);
                var url = "/hidden/homepage/promo.aspx?prdid=" + realID + "&p=" + rndNum + "&c=" + incNum;
                new Ajax(url, {
                    method: 'get',
                    update: $('prd'), evalScripts: true,
                    onComplete: function () {

                        var fx = new Fx.Style(fade, 'opacity', { duration: 350 });
                        fx.start(0, 1).chain(function () {
                            isOut = false;
                        })

                    }
                }).request();
                nowOpen = id;
            } 
        }
    }, 130);
}
function closeItem(id) {
    on = 0;
    clearTimeout(closeProd);
    closeProd = setTimeout(function () {
    }, 0); // Set the timeout value here. I used 1 second for testing. 
}


function showAjaxprd(id, incNum) {
    i = (id % numOfItems);
    if (i == -1)
        i = numOfItems - 1;
    var t = i + 1;
    for (j = 1; j <= numOfItems; j++)
        $('pnum' + j).className = "number";
    $('pnum' + t).className = "number sel";
    var fade = $('ajaxDivProd');
    fade.setOpacity(0);
    var url = "/hidden/homepage/promo.aspx?prdid=" + prdID + "&prdNum=" + i + "&p=" + rndNum + "&c=" + incNum;
    new Ajax(url, {
        method: 'get',
        update: $('ajaxDivProd'), evalScripts: true,
        onComplete: function () {
            var fx = new Fx.Style(fade, 'opacity', { duration: 350, wait: false });
            fade.setStyle('display', 'block');
            fx.start(0, 1);
        }
    }).request();
}

function showAjax(id) {
    i = (id % 5);
    if (i == -1)
        i = 4;
    var t = i + 1;
    for (j = 1; j <= 5; j++)
        $('num' + j).className = "number";
    $('num' + t).className = "number sel";
    var fade = $('mainPageProducts');
    fade.setOpacity(0);
    var url = "/hidden/homepage/product.aspx?sog=" + sogArr[i].toLocaleLowerCase() + "&p=" + rndNum;
    new Ajax(url, {
        method: 'get',
        update: $('mainPageProducts'),
        onComplete: function () {
            var fx = new Fx.Style(fade, 'opacity', { duration: 500, wait: false });
            fade.setStyle('display', 'block');
            fx.start(0, 1);
        }
    }).request();
}


