if(!$.browser.msie){
    $('<img />')
        .attr('src', '/skin/test/images/loader.gif')
        .load(function(){
            loader="<div class='MainLoader'><div class='LoadingName'>Half Past Four </div><div class='LoadingText'>is loading</div></div>";
            $('body').prepend(loader);
        });
    window.onload= function() {
        $('.Notes').show();
        $('.MainLoader').remove();
    };
}
//console.log($.browser);

$(document).ready(function() {
    //player

    $(document).pngFix();
    if(!$.browser.msie){
        $('.Notes').hide();
    }
    var Playlist = function(instance, playlist, options) {
        var self = this;

        this.instance = instance; // String: To associate specific HTML with this playlist
        this.playlist = playlist; // Array of Objects: The playlist
        this.options = options; // Object: The jPlayer constructor options for this playlist

        this.current = 0;

        this.cssId = {
            jPlayer: "jquery_jplayer_",
            interface: "jp_interface_",
            playlist: "jp_playlist_"
        };
        this.cssSelector = {};
        $.each(this.cssId, function(entity, id) {
            self.cssSelector[entity] = "#" + id + self.instance;
        });

        if(!this.options.cssSelectorAncestor) {
            this.options.cssSelectorAncestor = this.cssSelector.interface;
        }

        $(this.cssSelector.jPlayer).jPlayer(this.options);

        $(this.cssSelector.interface + " .jp-previous").click(function() {
            self.playlistPrev();
            $(this).blur();
            return false;
        });

        $(this.cssSelector.interface + " .jp-next").click(function() {
            self.playlistNext();
            $(this).blur();
            return false;
        });
    };

    Playlist.prototype = {
        displayPlaylist: function() {
            var self = this;
            $(this.cssSelector.playlist + " ul").empty();
            for (i=0; i < this.playlist.length; i++) {
                var listItem = (i === this.playlist.length-1) ? "<li class='jp-playlist-last'>" : "<li>";
                listItem += "<a href='#' id='" + this.cssId.playlist + this.instance + "_item_" + i +"' tabindex='1'>"+ this.playlist[i].name +"</a>";

                // Create links to free media
                if(this.playlist[i].free) {
                    var first = true;
                    listItem += "<div class='jp-free-media'>(";
                    $.each(this.playlist[i], function(property,value) {
                        if($.jPlayer.prototype.format[property]) { // Check property is a media format.
                            if(first) {
                                first = false;
                            } else {
                                listItem += " | ";
                            }
                            listItem += "<a id='" + self.cssId.playlist + self.instance + "_item_" + i + "_" + property + "' href='" + value + "' tabindex='1'>" + property + "</a>";
                        }
                    });
                    listItem += ")</span>";
                }

                listItem += "</li>";

                // Associate playlist items with their media
                $(this.cssSelector.playlist + " ul").append(listItem);
                $(this.cssSelector.playlist + "_item_" + i).data("index", i).click(function() {
                    var index = $(this).data("index");
                    if(self.current !== index) {
                        self.playlistChange(index);
                    } else {
                        $(self.cssSelector.jPlayer).jPlayer("play");
                    }
                    $(this).blur();
                    return false;
                });

                // Disable free media links to force access via right click
                if(this.playlist[i].free) {
                    $.each(this.playlist[i], function(property,value) {
                        if($.jPlayer.prototype.format[property]) { // Check property is a media format.
                            $(self.cssSelector.playlist + "_item_" + i + "_" + property).data("index", i).click(function() {
                                var index = $(this).data("index");
                                $(self.cssSelector.playlist + "_item_" + index).click();
                                $(this).blur();
                                return false;
                            });
                        }
                    });
                }
            }
        },
        playlistInit: function(autoplay) {
            if(autoplay) {
                this.playlistChange(this.current);
            } else {
                this.playlistConfig(this.current);
            }
        },
        playlistConfig: function(index) {
            $(this.cssSelector.playlist + "_item_" + this.current).removeClass("jp-playlist-current").parent().removeClass("jp-playlist-current");
            $(this.cssSelector.playlist + "_item_" + index).addClass("jp-playlist-current").parent().addClass("jp-playlist-current");
            $('.jp-current-song').html(($(this.cssSelector.playlist + "_item_" + index).html()))
            this.current = index;
            $(this.cssSelector.jPlayer).jPlayer("setMedia", this.playlist[this.current]);
            collapse_list($('.jp-playlist'));
        },
        playlistChange: function(index) {
            this.playlistConfig(index);
            $(this.cssSelector.jPlayer).jPlayer("play");
        },
        playlistNext: function() {
            var index = (this.current + 1 < this.playlist.length) ? this.current + 1 : 0;
            this.playlistChange(index);
        },
        playlistPrev: function() {
            var index = (this.current - 1 >= 0) ? this.current - 1 : this.playlist.length - 1;
            this.playlistChange(index);
        }
    };


    var audioPlaylist = new Playlist("1", [
    {
        name:"Missing Sevenths",
        mp3:"/music/01_Missing_Sevenths.mp3"
 
    },
    {
        name:"Johnny",
        mp3:"/music/02_Johnny.mp3"
    },
    {
        name:"Poisoned Tune",
        mp3:"/music/03_Poisoned_Tune.mp3"
    },
    {
        name:"Southern Boogie",
        mp3:"/music/04_Southern_Boogie.mp3"
    },
    {
        name:"Twelve Little Words",
        mp3:"/music/05_Twelve_Little_Words.mp3"
    },
    {
        name:"Underwater",
        mp3:"/music/06_Underwater.mp3"
    },
    {
        name:"Lullaby",
        mp3:"/music/07_Lullaby.mp3"
    },
    {
        name:"Strangest Dream",
        mp3:"/music/08_Strangest_Dream.mp3"
    },
    {
        name:"Biel",
        mp3:"/music/09_Biel.mp3"
    },
    {
        name:"The Ballad Of Dwayne's Plane",
        mp3:"/music/10_The_Ballad_Of_Dwayne_s_Plane.mp3"
    },
    {
        name:"Salome",
        mp3:"/music/11_Salome.mp3"
    },
    {
        name:"Bamboo",
        mp3:"/music/12_Bamboo.mp3"
    },
    {
        name:"Rabbit",
        mp3:"/music/13_Rabbit.mp3"
    },


    ], {
        ready: function() {
            audioPlaylist.displayPlaylist();
            audioPlaylist.playlistInit(false); // Parameter is a boolean for autoplay.
        },
        ended: function() {
            audioPlaylist.playlistNext();
        },
        play: function() {
            $(this).jPlayer("pauseOthers");
        },
        swfPath: "/skin/test/js/jQuery.jPlayer.2.0.0.demos/js",
        supplied: "mp3"
    });
    collapse_list($('.jp-playlist'));
    $(".jp-current-song").click(function () {
        toggle_list($('.jp-playlist'));
    });
    
    $(".ClosePlaylist").click(function () {
        collapse_list($('.jp-playlist'));
    });
    // end player
    $('.Container').roundabout({
        childSelector: '.MainNavItem',
        duration: 2000,
        minOpacity: 0.3,
        minScale: 0.3,
        tilt:6.2,
        easing: 'easeInOutBack'
    });
    $('.SubMenu').roundabout({
        childSelector: '.MainNavItem',
        duration: 2000,
        maxOpacity: 1,
        minOpacity: 1,
        minScale: 1,
        tilt:-8,
        easing: 'easeInOutBack'
    });
    $('.SubMenu').hide();
    $('a').live('click',function(e) {
        e.preventDefault();
        clickUrlItem($(this))   
    })
    $('.Container .MainNavItem').focus(function(e) {
        $('.Animated').remove();
    }).click(function(e) {       
        clickUrlItem($(this))         
    });
    $('.FooterMenu div').click(function(e) {
        clickUrlItem($(this))
    }).mouseover(function(e) {
        $(this).addClass('Hover')
    }).mouseout(function(e) {
        $(this).removeClass('Hover')
    });
    $('.ControllerMenu .controllerMenu').click(function(e) {
        clickUrlItem($(this));
    }).mouseover(function(e) {
        $(this).addClass('Hover')
    }).mouseout(function(e) {
        $(this).removeClass('Hover')
    });
    
    $('#ContactForm a.Submit').live('click',function(e) {
        loader="<div class='Loader'>Loading...</div>";
        $('.Container').prepend(loader);
        post=$("#ContactForm form").serialize()
        $.post($('.roundabout-in-focus').attr('data-url')
            ,post, function(data){
                //if(data.status==0){
                $('.Loader').remove();
                $('.MainContent').html(data);

            //  }
            })
            


    });
    $('#SearchButton input').live('click',function(e) {
        e.preventDefault();
        loader="<div class='Loader'>Loading...</div>";
        $('.Container').prepend(loader);
        post=$("#PageFormSearch form").serialize()
        $.get('/search.html'
            ,post, function(data){
                //if(data.status==0){
                $('.Loader').remove();
                $('.MainContent').html(data);

            //  }
            })



    });
    $('.SubmitLink').live('click',function(e) {
        item=$(this)
        e.preventDefault();
        loader="<div class='Loader'>Loading...</div>";
            $('.Container').prepend(loader);
        post=$("#SearchFormDiv form").serialize()
        $.get('/search.html'
            ,post, function(data){
                //if(data.status==0){
                $('.Loader').remove();
                $('.MainContent').html(data);
                $('.search_input').val('');

            //  }
            })



    });
    $('#query').keypress(function(e){
        
        if(e.which == 13){
            e.preventDefault();
            loader="<div class='Loader'>Loading...</div>";
            $('.Container').prepend(loader);
            post=$("#SearchFormDiv form").serialize()
            $.get('/search.html'
                ,post, function(data){
                    //if(data.status==0){
                    $('.Loader').remove();
                    $('.MainContent').html(data);
                    $('.search_input').val('');

                //  }
                })
        }
    });

    $('.HomeSkin .NewsListItem .Text').live('click',function(e) {
        url=$(this).parents('.NewsListItem').find('.Crumbs .Last a').attr('href');
        load_url(url);

    });
    $('.NewsListItem .Text').live('click',function(e) {
        if($(this).parents('.HomeSkin').length){
            url=$(this).parents('.NewsListItem').find('.Crumbs .Last a').attr('href');
        }else if($(this).parents('.RandomQuotes').length){
            url=$(this).attr('href');
        }else{
            url=$(this).parents('.NewsListItem').find('.NewsListItemInfo .Title').attr('href');
        }
        load_url(url);

    });
    $('.NewsListItem .Text').live('mouseover',function(e) {
        url=$(this).addClass('Hover');

    });
    $('.NewsListItem .Text').live('mouseout',function(e) {
        url=$(this).removeClass('Hover');

    });
    $('#mailingList .OK').live('click',function(e) {
        $('.SignUpResponce').remove();
        responce=$('<div/>').attr('class','SignUpResponce')
        $('.ContactUsForm').prepend(responce);
        $('.SignUpResponce').show("slide", {
            direction: "up"
        }, 1000).addClass('Open');
        post=$("#ContactUsForm form").serialize()
        $.post('/mailman/subscribe/live_halfpastfour.com'
            ,post, function(data){
             
                //if(data.status==0){
                // $('.Loader').remove();
                arr=data.split('</h1>');
                text=arr[1].split('<hr>')
                $('.SignUpResponce').html(text[0]);

            //  }
            })



    });
    $('.Logo').click(function(e) {
        launchHome();
    }).mouseover(function(e) {
        $(this).addClass('Hover')
    }).mouseout(function(e) {
        $(this).removeClass('Hover')
    });
    $.history.init(function(page){    
        if(page == "") {
            referrer=$('body').attr('data-local-referrer');
            if(referrer==''){
                launchHome(true);
            }else{
                launchReferrer(referrer);
            }
        } else {
            
            add_loaders();
            var hide_loaders=false;
            collapse_list($('.jp-playlist'));
            $('html, body').animate({
                scrollTop:0
            }, 'slow');
            $('.MainContent').fadeOut(100);
            var splitted=page.split('/')
            if(splitted.length==2){
                top_parent=page;
                second_parent=false
                $('.SubMenu').fadeOut(100);
            }else if(splitted.length==3){
                top_parent='/'+splitted[1]+'.html';
                second_parent=page;
                hide_loaders=true
            }else{
                hide_loaders=true
                top_parent='/'+splitted[1]+'.html';
                second_parent='/'+splitted[1]+'/'+splitted[2]+'.html';
            }
            $('.Container .MainNavItem').each(function(e) {
                if($(this).parent().hasClass('SubMenu')){
                    $(this).find('img').attr('src','/skin/test/images/silver_plate.jpg')
                }else{         
                    $(this).find('img').attr('src','/skin/test/images/bronze_plate.jpg')
                }
                if($(this).attr('data-url').toLowerCase()==top_parent.toLowerCase()){
                    //                    if(!$(this).parent().hasClass('SubMenu')){
                    //                        $('.SubMenu').fadeOut(100);
                    //                    }
                    $(this).find('img').attr('src','/skin/test/images/gold_plate.jpg')
                    $('.Container').roundabout_animateToChild($(this).attr('data-roundabout-position'))
                    $('.SubMenu'+$(this).attr('data-page-id')).fadeIn(200);
                }
            });
            $('.controllerMenu').each(function(e) {
                $(this).removeClass('Selected')
                if($(this).attr('data-url')==top_parent || $(this).attr('data-url')==second_parent){
                    $(this).addClass('Selected')
                }
            });
            if(second_parent){
                $('.SubMenu .MainNavItem').each(function(e) {
                    $(this).find('img').attr('src','/skin/test/images/silver_plate.jpg')
                    if($(this).attr('data-url').toLowerCase()==second_parent.toLowerCase()){    
                        $(this).find('img').attr('src','/skin/test/images/gold_plate.jpg')
                        $(this).parent().roundabout_animateToChild($(this).attr('data-roundabout-position'))
                    }
                });
            }
            $('.MainContent').load(page, function() {
                $(this).fadeIn(200)
                $('.Loader').remove()
                if(hide_loaders==true){
                    $('.Animated').remove();
                }
                init()
            });
          

        }
    },
    {
        unescape: ",/"
    });
    $('.Animated').remove();
});
function processJson(data){
//                $('.DefaultWideBlockBody').html(data);
//                $('#FieldDivButton_cancel').attr('data-click-type','cancel');
//                $('#FieldDivButton_save_changes').attr('data-click-type','save_changes');
//                set_fields();

}
function add_loaders(){
    loader1="<div class='Animated Animated1'>Loading...</div>";
    loader2="<div class='Animated Animated2'>Loading...</div>";
    loader3="<div class='Animated Animated3'>Loading...</div>";
    loader4="<div class='Animated Animated4'>Loading...</div>";
    loader5="<div class='Animated Animated5'>Loading...</div>";
            
    loader="<div class='Loader'>Loading...</div>";
    $('.Container').prepend(loader);
    $('.Container').prepend(loader1);
    $('.Container').prepend(loader2);
    $('.Container').prepend(loader3);
    $('.Container').prepend(loader4);
    $('.Container').prepend(loader5);
}
function toggle_list(list){
    if(list.hasClass('Open')){
        list.hide("slide", {
            direction: "up"
        }, 1000).removeClass('Open');
    }else{
        list.show("slide", {
            direction: "up"
        }, 1000).addClass('Open');
    }

}
function collapse_list(list){
    if(list.hasClass('Open')){
        list.hide("slide", {
            direction: "up"
        }, 1000).removeClass('Open');
    }

}
function launchHome(){
    clickUrlItem($('.HomePage'));
}
function launchReferrer(referrer){
    load_url(referrer)
}
function clickUrlItem(item) {
    var page;
    page=false;
    if(item.attr('target')=='_blank'){      
        window.open(item.attr('href'))
    }else if(!item.attr('href')||(item.attr('href') && item.attr('href')!='javascript:void(0);' )){
        if(item.attr('href')){
            page=item.attr('href')
        }else{
            page=item.attr('data-url')
        }

        //if(page && current_page!=page){
        load_url(page)
    //}
    }
}
function load_url(page) {
    $.history.load(page);
}
function init() {
    $('.FAQList').accordion(
    {
        autoHeight:false,
        active:false,
        collapsible: true

    }
    );
    $('#Links').accordion(
    {
        autoHeight:false
    });
    $("#slider").easySlider({
        auto: true,
        speed: 800,
        pause:15000,
        continuous: true
    });
    $("#PhotoSlider").easySlider({
        auto: false,
        speed: 800,
        pause:15000,
        continuous: false
    });
    $( "#tabs" ).tabs()
    $(".ShareButton").click(function () {

        toggle_list($('.ShareDiv'));
    });
    $(".ShareClose").click(function () {

        collapse_list($('.ShareDiv'));
    });
    $(".ShareButton").mouseover(function () {

        $(this).addClass('Hover');
    });
    $(".ShareButton").mouseout(function () {

        $(this).removeClass('Hover');
    });
    startGallery();
}
function startGallery() {
    $('.galleryAlbum .NewsListImageDiv').removeClass('Current');
    url=$('.galleryAlbum .ProductThumb').first().attr('data-url')
    $('.galleryAlbum .ProductThumb').first().parent().addClass('Current')
    if(url){
        loadImage(url);
    }
    $('.galleryAlbum .ProductThumb').click(function(e) {
        $('.galleryAlbum .NewsListImageDiv').removeClass('Current');
        url=$(this).attr('data-url')
        $(this).parent().fadeTo("fast",1).addClass('Current')
        loadImage(url);
    }).mouseover(function(e) {
        $(this).parent().addClass('Hover').fadeTo("fast",0.8);

    }).mouseout(function(e) {
        $(this).parent().removeClass('Hover').fadeTo("fast",1)
    });
}
function loadImage(url){
    loader="<div class='ImageLoader'>Loading...</div>";
    left="<div class='LeftArrow Arrow'>LeftArrow...</div>";
    right="<div class='RightArrow Arrow'>RightArrow</div>";
    $('.ImageBox').parent().prepend(loader)
    $('.ImageBox img').fadeOut(900)
    $('<img />')
    .attr('src', url)
    .addClass('Image')
    .load(function(){
        $('.ImageLoader').remove()      
        $('.ImageBox').html( $(this).fadeIn(900)) ;
        $('.ImageBox').append(left)
        $('.ImageBox').append(right)
        $('.Arrow').mouseover(function(){
            $(this).addClass('Hover');
        }).mouseout(function(){
            $(this).removeClass('Hover');
        });
        $('.Arrow').mouseover(function(){
            $(this).addClass('Hover');
        }).mouseout(function(){
            $(this).removeClass('Hover');
        });
        $('.RightArrow').click(function(){
            prev=$('.Current').next();
            if(prev.length==0){
                next_slide=$('.Current').parent().next();
                if(next_slide.length==0){
                    next_slide=$('.Current').parent().prev();
                    if(next_slide.length==0){
                        next_slide=$('.Current').parent()
                    }
                }
                prev=next_slide.find('.NewsListImageDiv').first()
            }
            loadImage(prev.find('.ProductThumb').attr('data-url'));
            $('.Current').removeClass('Current')
            prev.addClass('Current')
        });
        $('.LeftArrow').click(function(){
            prev=$('.Current').prev();
            if(prev.length==0){
                next_slide=$('.Current').parent().prev();             
                if(next_slide.length==0){
                    next_slide=$('.Current').parent().next();
                    if(next_slide.length==0){
                        next_slide=$('.Current').parent()
                    }
                }
                prev=next_slide.find('.NewsListImageDiv').last()   
            }
            loadImage(prev.find('.ProductThumb').attr('data-url'));
            $('.Current').removeClass('Current')
            prev.addClass('Current')
        });
    });
    
}