window.addEvent('domready', function() {
    //var path = 'http://www.hcahospitals.co.uk/css/';
    var path = 'http://work.2cs.com/HCAMain/css/';
    var style_1, style_2, style_3
    
    var userStyle = Cookie.get("style")
    if (userStyle == 'style2.css'){
        if (style_2) style_2.remove();
        new Asset.css(path + 'style2.css', {id: 'style2'}); style_2 = $('style2'); storeStyle('style2.css');
    }
    var userStyle = Cookie.get("style")
        if (userStyle == 'style3.css'){
        if (style_3) style_3.remove();
        new Asset.css(path + 'style3.css', {id: 'style3'}); style_3 = $('style3'); storeStyle('style3.css');
    }
    
    if ($$('s1')){
        /* Style 1 */
        $('s1').addEvent('click', function(e) {e = new Event(e).stop(); if (style_1) style_1.remove(); new Asset.css(path + 'style1.css', {id: 'style1'}); style_1 = $('style1'); storeStyle('style1.css');});
        /* Style 2 */
        $('s2').addEvent('click', function(e) {e = new Event(e).stop(); if (style_2) style_2.remove(); new Asset.css(path + 'style2.css', {id: 'style2'}); style_2 = $('style2'); storeStyle('style2.css');});
        /* Style 3 */
        $('s3').addEvent('click', function(e) {e = new Event(e).stop(); if (style_3) style_3.remove(); new Asset.css(path + 'style3.css', {id: 'style3'}); style_3 = $('style3'); storeStyle('style3.css');});
    }
    function storeStyle(css){
        Cookie.set('style', css, {duration: 365});
    }
});
