// Switch Products Layout
// Copyright 2010 xcartmods.co.uk

$(document).ready(function() {

    // Initialise

    if ($.cookie('view_Layout') == null) {
        // Set initial layout cookie
        $.cookie('view_Layout', 'row', {	// Set initial products layout: row or grid
            expires: 30
        });


        // View layout state
        var view_Layout = $.cookie('view_Layout');
        // Set the users selection for the initial layout state
        if (view_Layout == 'row') {
            $('ul.grid_view').addClass('row_view');
        } else {
            $('ul.row_view').addClass('grid_view');
        };
    };

    //////////////////////////////

    $('a.switch_layout').click(function() {
        $('a.switch_layout').toggleClass('switch_layout_button');
        $('ul.row_view').fadeOut('fast', function() {
            $(this).fadeIn('fast').toggleClass('grid_view');
        });
        // Set cookie for chosen layout state
        $.cookie('view_Layout', $('ul.row_view').is('.grid_view') ? 'row' : 'grid', {
            expires: 30
        });
    });

    // Get layout state
    var view_Layout = $.cookie('view_Layout');
    // Set the users selection for the chosen layout state
    if (view_Layout == 'grid') {
        $('ul.row_view').addClass('grid_view');
        $('a.switch_layout').addClass('switch_layout_button');
    } else {
        $('a.switch_layout').removeClass('switch_layout_button');
    };

    //////////////////////////////

    $('.switch_layout').click(function() {
        $('<div style="position:absolute;left:120px;"><img src="skin/smart_template/custom/images/ajax_loader.gif" alt="" class="notlazy" /></div>').insertBefore($(this)).fadeIn('slow').animate({
            opacity: 1.0
        }, 1500).fadeOut('slow', function() {
            $(this).remove();
        });
    });

});