brwAgent = navigator.userAgent.toLowerCase();
var isMozilla = function(){
    if ((brwAgent.indexOf("gecko") != -1) && (brwAgent.indexOf("rv") != -1)) {
        if (!(brwAgent.indexOf("firefox") != -1) && !(brwAgent.indexOf("netscape") != -1)) {
            return true;
            
        }
        else {
            return false;
        }
        
    }
    else {
        return false;
    }
};

var detectBrwRes = function(){
    var imgCount = '';
    if (screen.width >= 1024 && screen.height >= 768) {
        imgCount = '1';
    }
    else {
        imgCount = '1';
    }
    return (imgCount);
};



var iconScroll = {

    //alert(isMozilla);
    slidecallingtime: (isMozilla) ? 1 :1,
    direction: 'P',
    container: '',
    content_container: '',
    content1: '',
    content2: '',
    pos_container: '',
    pos_content1: '',
    pos_content2: '',
    tblcellW: 150,
    imgShow:2, //parseInt('4'),
    per: '',
    t: 0,
    t1: 0,
    slideStart: 0,
    slideDur: 500,
    sliding: false,
    startX1: '',
    startX2: '',
    destX1: '',
    destX2: '',
    distX1: '',
    distX2: '',
    disp: 0,
    imagecount:0,
    
    init: function(){
        //alert(iconScroll.tblcellW);
        var tbl_scrolling = document.getElementById("tbl_scrolling");
        iconScroll.container = document.getElementById("trophy_container");
        iconScroll.content_container = document.getElementById("content_container");
        iconScroll.content1 = document.getElementById("content1");
        iconScroll.content2 = document.getElementById("content2");
        
        if (tbl_scrolling) {
            tbl_scrolling.style.width = (screen.width >= 1024) ? '300px' : '410px';
        }
        
        
        if (iconScroll.container) {
            iconScroll.container.style.position = 'relative';
            iconScroll.container.style.overflow = 'hidden';
            iconScroll.container.style.width = eval(iconScroll.imgShow * iconScroll.tblcellW) + 'px';
            iconScroll.container.style.height = '160px';
            iconScroll.container.style.left = '0px';
            iconScroll.container.style.top = '0px';
            iconScroll.container.style.textAlign = 'center';
            iconScroll.container.style.clip = 'rect(0px, ' + eval(iconScroll.imgShow * iconScroll.tblcellW) + 'px' + ', 130px, 0px)';
            iconScroll.container.style.border = '0px dashed red';
            iconScroll.container.style.zIndex = '0';
        }
        
        if (iconScroll.content_container) {
            iconScroll.content_container.style.position = 'absolute';
            iconScroll.content_container.style.left = '0px';
            iconScroll.content_container.style.top = '0px';
            iconScroll.content_container.style.border = '0px solid blue';
        }
        
        if (iconScroll.content1) {
            iconScroll.content1.style.position = 'absolute';
            iconScroll.content1.style.width = eval(iconScroll.imagecount * iconScroll.tblcellW) + 'px';
            iconScroll.content1.style.height = '130px';
            iconScroll.content1.style.left = '0px';
            iconScroll.content1.style.top = '0px';
            iconScroll.content1.style.border = '0px solid green';
            iconScroll.content1.style.zIndex = '0';
        }
        
        if (iconScroll.content2) {
            iconScroll.content2.style.position = 'absolute';
            iconScroll.content2.style.width = eval(iconScroll.imagecount * iconScroll.tblcellW) + 'px';
            iconScroll.content2.style.height = '130px';
            iconScroll.content2.style.left = '0px';
            iconScroll.content2.style.top = '0px';
            iconScroll.content2.style.border = '0px solid blue';
            iconScroll.content2.style.zIndex = '0';
        }
        
        
    },
    
    autoScroll: function(){
    
        if (!iconScroll.t) {
            if (iconScroll.t1) 
                clearInterval(iconScroll.t1);
            iconScroll.t1 = setInterval("iconScroll.nextprevious('" + iconScroll.direction + "');", 500);
        }
    },
    
    stopScroll: function(){
        if (!iconScroll.t) {
            clearInterval(iconScroll.t1);
        }
    },
    
    moveDiv: function(obj){
        var x1 = 0;
        iconScroll.pos_container = iconScroll.findPos(iconScroll.container);
        x1 = -((iconScroll.imagecount - iconScroll.imgShow) * iconScroll.tblcellW) + iconScroll.pos_container[0];
        var x2 = (0 * iconScroll.tblcellW) + iconScroll.pos_container[0];
        for (i = 0; i < obj.length; i++) {
            var obj_pos = iconScroll.findPos(obj[i]);
            if (parseInt(obj_pos[0]) == x1) {
                iconScroll.shiftDiv(obj[1 - i], [iconScroll.imgShow * iconScroll.tblcellW, 0]);
            }
            if (parseInt(obj_pos[0]) == x2) {
                iconScroll.shiftDiv(obj[1 - i], [-parseInt(rollImages.length) * iconScroll.tblcellW, 0]);
            }
        }
    },
    findPos: function(obj){
        var curleft = 0;
        var curtop = 0;
        if (obj.offsetParent) {
            curleft = obj.offsetLeft
            curtop = obj.offsetTop
            while (obj = obj.offsetParent) {
                curleft += obj.offsetLeft
                curtop += obj.offsetTop
            }
        }
        return [curleft, curtop];
    },
    shiftDiv: function(obj, pos){
        obj.style.left = parseInt(pos[0]) + 'px';
        obj.style.top = parseInt(pos[1]) + 'px';
    },
    slideDiv: function(){
        var elapse = (new Date()).getTime() - iconScroll.slideStart;
        if (elapse <= iconScroll.slideDur) {
            iconScroll.sliding = true;
            iconScroll.disp = iconScroll.distX1 * Math.sin(iconScroll.per * elapse);
            iconScroll.shiftDiv(iconScroll.content1, [iconScroll.startX1 + iconScroll.disp, 0]);
            iconScroll.shiftDiv(iconScroll.content2, [iconScroll.startX2 + iconScroll.disp, 0]);
        }
        else {
            iconScroll.disp = 0;
            clearInterval(iconScroll.t);
            iconScroll.t = 0;
            iconScroll.sliding = false;
            iconScroll.shiftDiv(iconScroll.content1, [iconScroll.destX1, 0]);
            iconScroll.shiftDiv(iconScroll.content2, [iconScroll.destX2, 0]);
            iconScroll.moveDiv([iconScroll.content1, iconScroll.content2]);
           
            //iconScroll.t1 = setInterval("iconScroll.nextprevious('" + iconScroll.direction + "');", scrollConfig.autoslidetime);
        }
    },
    glideDiv: function(start, dest){
        iconScroll.distX1 = iconScroll.destX1 - iconScroll.startX1;
        iconScroll.distX2 = iconScroll.destX2 - iconScroll.startX2;
        
        iconScroll.per = Math.PI / (2 * iconScroll.slideDur);
        iconScroll.slideStart = (new Date()).getTime();
        iconScroll.t = setInterval("iconScroll.slideDiv()", iconScroll.slidecallingtime);
        //alert('content1--->'+startX1+'<--->'+destX1+'<--->'+distX1);
        //alert('content2--->'+startX2+'<--->'+destX2+'<--->'+distX2);
    },
    nextprevious: function(op){
        if (!iconScroll.t) {
            clearInterval(iconScroll.t1);
            
            iconScroll.container = document.getElementById("trophy_container");
            iconScroll.content_container = document.getElementById("content_container");
            iconScroll.content1 = document.getElementById("content1");
            iconScroll.content2 = document.getElementById("content2");
            
            iconScroll.pos_container = iconScroll.findPos(iconScroll.container);
            iconScroll.pos_content1 = iconScroll.findPos(iconScroll.content1);
            iconScroll.pos_content2 = iconScroll.findPos(iconScroll.content2);
            
            iconScroll.startX1 = (parseInt(iconScroll.pos_content1[0]) - parseInt(iconScroll.pos_container[0]));
            iconScroll.startX2 = (parseInt(iconScroll.pos_content2[0]) - parseInt(iconScroll.pos_container[0]));
            
            if (op == 'N') {
                iconScroll.direction = 'N';
                iconScroll.destX1 = iconScroll.startX1 + iconScroll.tblcellW;
                iconScroll.destX2 = iconScroll.startX2 + iconScroll.tblcellW;
            }
            if (op == 'P') {
                iconScroll.direction = 'P';
                iconScroll.destX1 = iconScroll.startX1 - iconScroll.tblcellW;
                iconScroll.destX2 = iconScroll.startX2 - iconScroll.tblcellW;
            }
            iconScroll.glideDiv([iconScroll.startX1, iconScroll.startX2], [iconScroll.destX1, iconScroll.destX2]);
        }
    },
    preLoad: function(x){
        var showhtml = '';
        
        iconScroll.container = document.getElementById("trophy_container");
        iconScroll.content_container = document.getElementById("content_container");
        showhtml += '<table id="table_content' + x + '" border="0" cellpadding="0" cellspacing="0" width="' + eval(iconScroll.imagecount * iconScroll.tblcellW) + 'px">';
        showhtml += '<tbody><tr>';
        for (var i = 0; i < iconScroll.imagecount; i++) {
            showhtml += '<td  align="center">';
            showhtml += '<table>';
            
            showhtml += '<tr><td align="center" width="100px" height="100px">';
            showhtml += '<a>';
            showhtml += '<img src="/Image/Trophy/' + rollImages[i] + '" border="0">';
            showhtml += '</a></td></tr>';
            showhtml += '</table>';
            
            showhtml += '<table>';
            showhtml += '<tr>';
            showhtml += '<td  align="center">';
            showhtml +=  capTxt[i] + '<br>';
            
            showhtml += '</td></tr>';
            showhtml += '</table>';
            showhtml += '</td>';
        }
        showhtml += '</tr></tbody></table>';
        
        img_prev = new Image();
        img_nxt = new Image();
        img_prev.src = '';
        img_nxt.src = '';
        
        //document.write(showhtml);
        document.getElementById('content' + x).innerHTML = showhtml;
        iconScroll.init();
        if (x == '1') {
            iconScroll.content1 = document.getElementById("content1");
            iconScroll.shiftDiv(iconScroll.content1, [0, 0]);
        }
        if (x == '2') {
            iconScroll.content2 = document.getElementById("content2");
            iconScroll.shiftDiv(iconScroll.content2, [-parseInt(rollImages.length) * iconScroll.tblcellW, 0]);
        }
        
        
    }
};