// size 1: width 1000
// size 2: width 1150
// size 3: width 1450
// size 4: width 1850
var addToArguments = "";

$(document).ready(function () {
    var hash = window.location.hash;
    addToArguments = hash

    if (addToArguments != "") {
        window.setTimeout("resizeAndLoad();", 50);
    } else {
        window.setTimeout("resize();", 50);
    }
});

$(function () {
    var zIndexNumber = 1000;
    $('div').each(function () {
        $(this).css('zIndex', zIndexNumber);
        zIndexNumber -= 10;
    });
}); 


$(window).resize(function () {
    resize();
});

function resizeAndLoad() {
    //$('#contentshowall1, #contentshowall2').removeClass();

    if ($(window).width() < 1280) {
        if (currentSize == 1) return;
        currentSize = 1;
        $('body').css('font-size', '10px');
        $('#viewport').width(1000);
        $('#viewport').height(725);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall1');
        doPostBackAsync('resImgAndLoad', '1' + addToArguments);
    } else if ($(window).width() < 1480) {
        if (currentSize == 2) return;
        currentSize = 2;
        $('body').css('font-size', '11px');
        $('#viewport').width(1100);
        $('#viewport').height(797.5);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall2');
        doPostBackAsync('resImgAndLoad', '1,1' + addToArguments);
    } else if ($(window).width() < 1580) {
        if (currentSize == 3) return;
        currentSize = 3;
        $('body').css('font-size', '12px');
        $('#viewport').width(1200);
        $('#viewport').height(870);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall2');
        doPostBackAsync('resImgAndLoad', '1,2' + addToArguments);
    } else if ($(window).width() < 1680) {
        if (currentSize == 4) return;
        currentSize = 4;
        $('body').css('font-size', '13px');
        $('#viewport').width(1300);
        $('#viewport').height(942.5);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall3');
        doPostBackAsync('resImgAndLoad', '1,3' + addToArguments);
    } else {
        if (currentSize == 5) return;
        currentSize = 5;
        $('body').css('font-size', '14px');
        $('#viewport').width(1400);
        $('#viewport').height(1015);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall3');
        doPostBackAsync('resImgAndLoad', '1,4' + addToArguments);
    }
}

function resize() {
    //$('#contentshowall1, #contentshowall2').removeClass();
 
   if ($(window).width() < 1280) {
        if (currentSize == 1) return;
        currentSize = 1;
        $('body').css('font-size', '10px');
        $('#viewport').width(1000);
        $('#viewport').height(725);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall1');
        doPostBackAsync('resImg', '1');
    } else if ($(window).width() < 1480) {
        if (currentSize == 2) return;
        currentSize = 2;
        $('body').css('font-size', '11px');
        $('#viewport').width(1100);
        $('#viewport').height(797.5);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall2');
        doPostBackAsync('resImg', '1,1');
    } else if ($(window).width() < 1580) {
        if (currentSize == 3) return;
        currentSize = 3;
        $('body').css('font-size', '12px');
        $('#viewport').width(1200);
        $('#viewport').height(870);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall2');
        doPostBackAsync('resImg', '1,2');
    } else if ($(window).width() < 1680) {
        if (currentSize == 4) return;
        currentSize = 4;
        $('body').css('font-size', '13px');
        $('#viewport').width(1300);
        $('#viewport').height(942.5);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall3');
        doPostBackAsync('resImg', '1,3');
    } else {
        if (currentSize == 5) return;
        currentSize = 5;
        $('body').css('font-size', '14px');
        $('#viewport').width(1400);
        $('#viewport').height(1015);
        $('#contentshowall1, #contentshowall2').removeClass().addClass('contentshowall contentshowall3');
        doPostBackAsync('resImg', '1,4');
    }
}