$(function(){

});


// http://www.maratz.com/blog/archives/2006/06/11/fancy-checkboxes-and-radio-buttons/
var d = document;
var safari = (navigator.userAgent.toLowerCase().indexOf('safari') != -1) ? true : false;
var gebtn = function(parEl,child) { return parEl.getElementsByTagName(child); };
onload = function() {

    var body = gebtn(d,'body')[0];
    body.className = body.className && body.className != '' ? body.className + ' has-js' : 'has-js';

    if (!d.getElementById || !d.createTextNode) return;
    var ls = gebtn(d,'label');
    for (var i = 0; i < ls.length; i++) {
        var l = ls[i];
        if (l.className.indexOf('label_') == -1) continue;
        var inp = gebtn(l,'input')[0];
        if (l.className == 'label_check') {
            l.className = (safari && inp.checked == true || inp.checked) ? 'label_check c_on' : 'label_check c_off';
            l.onclick = check_it;
        };
        if (l.className == 'label_radio') {
            l.className = (safari && inp.checked == true || inp.checked) ? 'label_radio r_on' : 'label_radio r_off';
            l.onclick = turn_radio;
        };
    };
};
var check_it = function() {
    var inp = gebtn(this,'input')[0];
    if (this.className == 'label_check c_off' || (!safari && inp.checked)) {
        this.className = 'label_check c_on';
        if (safari) inp.click();
    } else {
        this.className = 'label_check c_off';
        if (safari) inp.click();
    };
};
var turn_radio = function() {
    var inp = gebtn(this,'input')[0];
    if (this.className == 'label_radio r_off' || inp.checked) {
        var ls = gebtn(this.parentNode,'label');
        for (var i = 0; i < ls.length; i++) {
            var l = ls[i];
            if (l.className.indexOf('label_radio') == -1)  continue;
            l.className = 'label_radio r_off';
        };
        this.className = 'label_radio r_on';
        if (safari) inp.click();
    } else {
        this.className = 'label_radio r_off';
        if (safari) inp.click();
    };
};



$(document).ready(function() {
    
    
    if($('#carousel_masthead .carouselImage').length > 1){
        setupSlide();
    }
    
    if($('#carousel_facilities .carouselImage').length > 1){
        setupSlide_facilities();
    }
});



function setupSlide(){
    
    window.moveInterval ="";
    window.cur = 1;

    window.total = $('#carousel_masthead .carouselImage').length;
    
    //window.cur = $('#startPoint').html();
    //moveSlide(start);

    $('#carousel_masthead .carouselImage').css('display','none');
    $('#carousel_masthead #carousel_'+window.cur).css('display','inline-block');
    
    
    $('#paging_masthead .page').find('a').click(function(){
        
        var str = $(this).parent().attr('id')
        str = String(str).replace("page_", "")
        
        moveSlide(window.cur,parseInt(str),'clicked'); 
        
        return false
    });
    
    $('#paging_masthead #page_'+window.cur+' a').css('display','none');
    
    intervalSlide(0);
}

function intervalSlide(end){
    window.clearInterval(moveInterval);
    
    if(end != 0){
        moveSlide(window.cur, end);
        window.cur++;
        if(window.cur == window.total+1){
            window.cur = 1;
        }
    }

    declareInterval();
    
}

function declareInterval(){
    moveInterval = window.setInterval(function () {
        
        moveSlide(window.cur, parseInt(window.cur)+1, 'normal');
        
        window.cur++;
        if(window.cur == window.total+1){
            window.cur = 1;
        }
    }, 10000);
}

function moveSlide(start, end, action){


    if(action == "clicked"){
        window.clearInterval(moveInterval);
        
        window.cur = end;
    }
    else{
        if(start == window.total){
            end = 1;
        }
    }
    
    $('#paging_masthead .page a').css('display','block');
    $('#paging_masthead #page_'+end+' a').css('display','none');


    $('#carousel_masthead #carousel_'+start).fadeOut(500, function() { 
    
        $(this).css('display','none');
    });

    $('#carousel_masthead #carousel_'+end).fadeIn(1000, function() {
        
        $(this).css('display','inline-block');
        
        if(action == "clicked"){
            declareInterval();
        }
        
    });
}

// Slide for facilities
function setupSlide_facilities(){
    
    
    window.moveInterval_facilities ="";
    window.cur_facilities = 1;

    window.total_facilities = $('#carousel_facilities .carouselImage').length;
    
    
    $('#carousel_facilities .carouselImage').css('display','none');
    $('#carousel_facilities #carousel_'+window.cur_facilities).css('display','inline-block');
    
    
    $('#paging_facilities .page').find('a').click(function(){
        
        var str = $(this).parent().attr('id')
        str = String(str).replace("page_", "")
        
        moveSlide_facilities(window.cur_facilities,parseInt(str),'clicked'); 
        
        return false
    });
    
    $('#paging_facilities #page_'+window.cur_facilities+' a').css('display','none');
    
    intervalSlide_facilities(0);
}

function intervalSlide_facilities(end){
    window.clearInterval(moveInterval_facilities);
    
    if(end != 0){
        moveSlide_facilities(window.cur_facilities, end);
        window.cur_facilities++;
        if(window.cur_facilities == window.total_facilities+1){
            window.cur_facilities = 1;
        }
    }

    declareInterval_facilities();
    
}

function declareInterval_facilities(){
    moveInterval_facilities = window.setInterval(function () {
        
        moveSlide_facilities(window.cur_facilities, parseInt(window.cur_facilities)+1, 'normal');
        
        window.cur_facilities++;
        if(window.cur_facilities == window.total_facilities+1){
            window.cur_facilities = 1;
        }
    }, 10000);
}

function moveSlide_facilities(start, end, action){


    if(action == "clicked"){
        window.clearInterval(moveInterval_facilities);
        
        window.cur_facilities = end;
    }
    else{
        if(start == window.total_facilities){
            end = 1;
        }
    }
    
    $('#paging_facilities .page a').css('display','block');
    $('#paging_facilities #page_'+end+' a').css('display','none');


    $('#carousel_facilities #carousel_'+start).fadeOut(500, function() { 
    
        $(this).css('display','none');
    });

    $('#carousel_facilities #carousel_'+end).fadeIn(1000, function() {
        
        $(this).css('display','inline-block');
        
        if(action == "clicked"){
            declareInterval_facilities();
        }
        
    });
}