function OpenNewWindow(mypage,myname,w,h,scroll)
{    
    var win = null;
    LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
    TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
    settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable=no,menubar=no'    
    win = window.open(mypage,"Virtual",settings)

}


function AjaxSlide(url,handler,method,data)
{
    var ajax=null;
    try
    {
        ajax=new XMLHttpRequest();
    }
    catch(e)
    {
        try
        {
            ajax=new ActiveXObject("Msxml2.XMLHTTP")
        }
        catch(e)
        {
            ajax=new ActiveXObject("Microsoft.XMLHTTP")
        }
    }
    
    ajax.onreadystatechange=function()
    {
        if(ajax.readyState==4 && ajax.status==200)
        {
            if(handler) handler(ajax.responseText);
        }
    }
    
    data=[data];
    if(!method) method="GET";
    if(typeof(method=="string") && method.toString().toLowerCase=="post")
    {
        ajax.setRequestHeader("content-type","application/x-www-form-urlencoded");
    }
    else{
        data=[];
    }
    
    ajax.open(method,url + "&r=" + Math.random(),true)
    ajax.send(data.join("&"));
}

var maxWidth = 800;
var slideShowDelay = 4000;

function onItemClick(e)
{
    document.getElementById("SlideImage").src = this.large;
    document.getElementById("SlideImage").item = this.item;
    document.getElementById("Content1").innerHTML = this.content1;
    document.getElementById("Content2").innerHTML = this.content2;
}
function buildItem(item)
{
    item.item = item;
    return item;
}
        
function SlideShow(container,ID)
{
    AjaxSlide("/web/slideshow.aspx?id=" + ID, function(data)
    {
        data = eval(data);
        var t = data.length;       
        var items = [];

        for (var i = 0; i < t; i++)
        {
            items.push(buildItem({ $tag: "img", src: data[i].anhNho, large: data[i].anhLon, content1: data[i].ngayTao, content2: data[i].khachHang, onclick: onItemClick }));                    
        }
        
        if(items.length > 0)
        {
            onItemClick.call(items[0]);
            slideShow('open', items, items[0], true);
        }
        else
        {
            document.getElementById("tblSlider").style.display = "none";
        }
    });
}

function SlideShowDay(container,ID,day,month,year)
{
   
    AjaxSlide("/web/slideshow.aspx?id=" + ID + "&day=" + day + "&month=" + month  + "&year=" + year , function(data)
    {
        data = eval(data);
        var t = data.length;       
        var items = [];

        for (var i = 0; i < t; i++)
        {
            items.push(buildItem({ $tag: "img", src: data[i].anhNho, large: data[i].anhLon, content1: data[i].ngayTao, content2: data[i].khachHang, onclick: onItemClick }));                    
        }
        
        if(items.length > 0)
        {
            onItemClick.call(items[0]);
            slideShow('open', items, items[0], true);
        }
        else
        {
            document.getElementById("tblSlider").style.display = "none";
        }
    });
}

function SlideShowWedding(container,ID)
{
    AjaxSlide("/web/slideWedding.aspx?id=" + ID, function(data)
    {
        data = eval(data);
        var t = data.length;       
        var items = [];

        for (var i = 0; i < t; i++)
        {
            items.push(buildItem({ $tag: "img", src: data[i].anhNho, large: data[i].anhLon, content1: data[i].ngayTao, content2: data[i].khachHang, onclick: onItemClick }));                    
        }
        
        if(items.length > 0)
        {
            onItemClick.call(items[0]);
            slideShow('open', items, items[0], true);
        }
        else
        {
            document.getElementById("tblSlider").style.display = "none";
        }
    });
}

function SlideShowDayWedd(container,ID,day,month,year)
{
    AjaxSlide("/web/slideWedding.aspx?id=" + ID + "&day=" + day + "&month=" + month  + "&year=" + year , function(data)
    {
        data = eval(data);
        var t = data.length;       
        var items = [];

        for (var i = 0; i < t; i++)
        {
            items.push(buildItem({ $tag: "img", src: data[i].anhNho, large: data[i].anhLon, content1: data[i].ngayTao, content2: data[i].khachHang, onclick: onItemClick }));                    
        }
        
        if(items.length > 0)
        {
            onItemClick.call(items[0]);
            slideShow('open', items, items[0], true);
        }
        else
        {
            document.getElementById("tblSlider").style.display = "none";
        }
    });
}

function slideShow(action, items, current, play)
{
    slideShow.__load = function()
    {
        window.setTimeout(function()
        {
            document.getElementById("LabelCount").innerHTML = (slideShow.__index + 1) + "/" + slideShow.__length;
            document.getElementById("SlideImage").src = slideShow.__current.large;
        }, 0);
    };
    if(!slideShow.__slider)
    {
        slideShow.__slider = document.getElementById("tblSlider");
        slideShow.__load = function()
        {
            window.setTimeout(function()
            {
                var thutu = parseInt( slideShow.__index);
                var chieudai = parseInt(slideShow.__length);
                thutu =thutu +1;
                //document.getElementById("SlideImage").src = slideShow.__current.large;
                if (thutu >0)
                {
                    document.getElementById("LabelCount").innerHTML = thutu + "/" + chieudai ;
                }
                document.getElementById("SlideImage").src = slideShow.__current.large;
            }, 0);
            
        };
        slideShow.__open = function(items, current, play)
        {
            this.__index = 0;
            this.__show = true;
            this.__current = current;
            this.__items = items;
            this.__length = this.__items.length;
            document.getElementById("SlideImage").onload = function()
            {
                showModal({ target: slideShow.__slider, maxWidth: maxWidth });
                document.getElementById("SlideImage").onload = null;
                if(play) slideShow.__start();
            };
            this.__load();
        };
        slideShow.__close = function()
        {
            if(!this.__show) return;
            this.__show = false;
            this.__stop();
            document.getElementById("SlideImage").onload = null;
            showModal({ target: this.__slider, hide: true });
            this.__slider.style.display = "none";
        };
        slideShow.__next = function()
        {
            this.__index = -1;
            this.__length = this.__items.length;
            for(var i = 0; i < this.__items.length; i++)
            {
                if(this.__items[i] == this.__current)
                {
                    this.__index = i >= this.__items.length - 1 ? 0 : i + 1;
                    this.__current = this.__items[this.__index];
                    break;
                }
            }
            if(this.__current) this.__load();
        };
        slideShow.__previous = function()
        {
            this.__index = -1;
            this.__length = this.__items.length;
            for(var i = 0; i < this.__items.length; i++)
            {
                if(this.__items[i] == this.__current)
                {
                    this.__index = i == 0 ? this.__items.length - 1 : i - 1;
                    this.__current = this.__items[this.__index];
                    break;
                }
            }
            if(this.__current) this.__load();
        };
        
        slideShow.__stop = function()
        {
            if(!this.__slideShow) return;
            this.__slideShow = false;
            window.clearInterval(this.__timer);
        };
        slideShow.__start = function()
        {
            if(this.__slideShow) return;
            this.__slideShow = true;
            this.__timer = window.setInterval(function()
            {
                slideShow.__next();
            }, slideShowDelay);
        };
    }
    switch(action)
    {
        case "open":
            slideShow.__open(items, current, play);
            break;
        case "close":
            slideShow.__close();
            break;
        case "start":
            slideShow.__start();
            break;
        case "next":
            slideShow.__next();
            break;
        case "previous":
            slideShow.__previous();
            break;
        case "stop":
            slideShow.__stop();
            break;
    }
}


function setTopNavigator(tag, link)
{
    if(!tag) return;
    tag = document.getElementById(tag);
    if(!tag) return;
    tag.style.display = "inline";
    if(!link) tag.className = "Disabled";
    if(link) tag.parentNode.href = link;
}



function ajaxGallaryPage(container,cID,id,CreationDate)
{
    AjaxSlide("/web/PageGallery.aspx?cID=" + cID + "&id=" + id  + "&CreationDate=" + CreationDate , function(data)
    {
        data = eval(data);
        var t = data.length;       
        var items = [];

        for (var i = 0; i < t; i++)
        {
            items.push(buildItem({ $tag: "img", src: data[i].anhNho, large: data[i].anhLon, content1: data[i].ngayTao, content2: data[i].khachHang, onclick: onItemClick }));                    
        }
        
        if(items.length > 0)
        {
            onItemClick.call(items[0]);
            slideShow('open', items, items[0], true);
        }
        else
        {
            document.getElementById("Info").style.display = "none";
        }
    });
}