function post_to_url(path, params) 
{
    method = "post"; // Set method to post by default, if not specified.

    // The rest of this code assumes you are not using a library.
    // It can be made less wordy if you use one.
    var form = document.createElement("form");
    form.setAttribute("method", method);
    form.setAttribute("action", path);
    
    for(var key in params) {
        var hiddenField = document.createElement("input");
        hiddenField.setAttribute("type", "hidden");
        hiddenField.setAttribute("name", key);
        hiddenField.setAttribute("value", params[key]);

        form.appendChild(hiddenField);
    }

    document.body.appendChild(form);    // Not entirely sure if this is necessary
    form.submit();
    
}

jQuery.fn.collapsible = function()
{
    return this.each(function()
    {
        //Create the nessecary elements 
        $(this).toggle(function()
        {
            var elementId = this.rel;
            $('#' + elementId).slideDown();
            return false;
        },
        function()
        {
            var elementId = this.rel;
            $('#' + elementId).slideUp();
            return false;
        });      
    });
}


$.viewer = {
    viewport: null,
    slides: ['/images/screens/2.jpg','/images/screens/3.jpg','/images/screens/1.jpg'],
    current: 0,
    interalID: 0,
    init: function()
    {
        $.viewer.viewport = $('#cmsviewport');
        $.viewer.intervalID = setInterval('$.viewer.changeImage()', 5000);
    },
    changeImage: function()
    {
        //Set Image to be below new image
        $.viewer.viewport.find('img').eq(0).css('zIndex', 2);
        
        //Create New Image
        var newImage = new Image();
        //Load Image
        newImage.onload = function()
        {
            var image = document.createElement('img');
           
            $(image).attr(
            {
                src: $.viewer.slides[$.viewer.current],
                width: newImage.width,
                height: newImage.height,
                alt: ''
            })
            .css(
            {
                position: 'absolute',
                top: 0,
                left: 0,
                zIndex: 3,
                display: 'none'
            });
            $.viewer.viewport.append(image);
            $(image).fadeIn(1000, $.viewer.removeImage);
            $.viewer.setCurrent();
        }
        newImage.src = $.viewer.slides[$.viewer.current];
    },
    removeImage: function()
    {
        $.viewer.viewport.find('img').eq(0).remove();        
    },
    setCurrent: function()
    {        
        $.viewer.current = ($.viewer.current == ($.viewer.slides.length-1))? 0 : $.viewer.current+1;
    }
}

$(document).ready(function()
{
    $('#main a').each(function()
    {
        if($(this).children().is('img'))
        {
            $(this).css('border', 'none');
        }
    });
    $('a.collaspeTrigger').collapsible();
});


