// JavaScript Document
$(document).ready(function() {
//$("table#videot td a").fancybox({ 'zoomSpeedIn': 300, 'zoomSpeedOut': 300, 'frameWidth': 630, 'frameHeight': 650 });

$('#submitform').ajaxForm({
	target: '#error',
	success: function() {
	$('#error').fadeIn('slow');
	}
});

/*/marquee
$('div#feed-line marquee').marquee('noclass').mouseover(function () {
	  $(this).trigger('stop');
	}).mouseout(function () {
	  $(this).trigger('start');
	}).mousemove(function (event) {
	  if ($(this).data('drag') == true) {
		this.scrollLeft = $(this).data('scrollX') + ($(this).data('x') - event.clientX);
	  }
	}).mousedown(function (event) {
	  $(this).data('drag', true).data('x', event.clientX).data('scrollX', this.scrollLeft);
	}).mouseup(function () {
	  $(this).data('drag', false);
	});*/
//fontSize
fontSize("#fontSize", ".text-content", 10, 12, 18);

// Expand Panel
	var panel = $("div#panel");
	var button = $("a.top-box");
	var initialState = "collapsed"; 
	var activeClass = "hidden";
	var visibleText = "Закрити";
	var hiddenText = "Налаштування";

	if($.cookie("panelState") == undefined) {
		$.cookie("panelState", initialState, { path: '/' });
	}
	var state = $.cookie("panelState");
	if(state == "collapsed") {
		panel.hide();
		button.text(hiddenText);
		button.addClass(activeClass);
		button.addClass("open-panel");
	}
    if(state == "expanded") {
		panel.show();
		button.text(visibleText);
        button.addClass("close-panel");
	}
	button.click(function(){
		if($.cookie("panelState") == "expanded") {
			$.cookie("panelState", "collapsed", { path: '/' });
			button.text(hiddenText);
			button.addClass(activeClass);
			button.removeClass("close-panel");
			button.addClass("open-panel");
		} else {
			$.cookie("panelState", "expanded", { path: '/' });
			button.text(visibleText);
			button.removeClass(activeClass);
			button.removeClass("open-panel");
			button.addClass("close-panel");
		}
		panel.slideToggle("slow");
		return false;
	});
	
/// Right Panel
    var rightButton = $('a.right_box');
    //check the cookie when the page loads
    if ($.cookie('currentToggle') === 'hiddenRight') {
        togglePanel(rightButton, false);
    }
    else {
        togglePanel(rightButton, true);
    }
    //handle the clicking of the show/hide toggle button
    rightButton.click(function() {
        //toggle the panel as required, base on current state
        if (rightButton.text() === "Показати праву панель") {
            togglePanel($(this), true);
        }
        else {
            togglePanel($(this), false);
        }
    });

function togglePanel(rightButton, show) {
    var panel0 = $('.right-box');
    if (show) {
        panel0.removeClass('hiddenRight');
		rightButton.removeClass("open-panel");
		rightButton.addClass("close-panel");
        rightButton.text('Сховати праву панель');
		$('.right-box').fadeIn();
		$('.middle-box').animate({ width: "525px"}, 500)
        $.cookie('currentToggle', '', { path: '/' });
    }
    else {
        panel0.addClass('hiddenRight');
		rightButton.removeClass("close-panel");
		rightButton.addClass("open-panel");
        rightButton.text('Показати праву панель');
		$('.right-box').fadeOut();
		$('.middle-box').animate({ width: "720px"}, 500)
        $.cookie('currentToggle', 'hiddenRight', { path: '/' });
    }
}

/// Glossary Panel
    var chatButton = $('a.glossary_box');
    //check the cookie when the page loads
    if ($.cookie('currentToggle1') === 'hiddenChat') {
        togglePanel1(chatButton, false);
    }
    else {
        togglePanel1(chatButton, true);
    }
    //handle the clicking of the show/hide toggle button
    chatButton.click(function() {
        //toggle the panel as required, base on current state
        if (chatButton.text() === "Показати словничок") {
            togglePanel1($(this), true);
        }
        else {
            togglePanel1($(this), false);
        }
    });

function togglePanel1(chatButton, show) {
    var panel1 = $('.glossary-box');
    if (show) {
        panel1.removeClass('hiddenChat');
		chatButton.removeClass("open-panel");
		chatButton.addClass("close-panel");
        chatButton.text('Сховати словничок');
		$('.glossary-box').fadeIn();
        $.cookie('currentToggle1', '', { path: '/' });
    }
    else {
        panel1.addClass('hiddenChat');
		chatButton.removeClass("close-panel");
		chatButton.addClass("open-panel");
        chatButton.text('Показати словничок');
		$('.glossary-box').fadeOut();
        $.cookie('currentToggle1', 'hiddenChat', { path: '/' });
    }
}	

//// Expand articles
    var entriesButton = $('a.articles_box');
    //check the cookie when the page loads
    if ($.cookie('currentToggle2') === 'hiddenEntries') {
        togglePanel2(entriesButton, false);
    }
    else {
        togglePanel2(entriesButton, true);
    }
    //handle the clicking of the show/hide toggle button
    entriesButton.click(function() {
        //toggle the panel as required, base on current state
        if (entriesButton.text() === "Показати статті") {
            togglePanel2($(this), true);
        }
        else {
            togglePanel2($(this), false);
        }
    });

function togglePanel2(entriesButton, show) {
    var panel2 = $('.articles-box');
    if (show) {
        panel2.removeClass('hiddenEntries');
		entriesButton.removeClass("open-panel");
		entriesButton.addClass("close-panel");
        entriesButton.text('Сховати статті');
		$('.articles-box').fadeIn();
        $.cookie('currentToggle2', '', { path: '/' });
    }
    else {
        panel2.addClass('hiddenEntries');
		entriesButton.removeClass("close-panel");
		entriesButton.addClass("open-panel");
        entriesButton.text('Показати статті');
		$('.articles-box').fadeOut();
        $.cookie('currentToggle2', 'hiddenEntries', { path: '/' });
    }
}
//// Expand Manual
    var cloudButton = $('a.manual_box');
    //check the cookie when the page loads
    if ($.cookie('currentToggle3') === 'hiddenCloud') {
        togglePanel3(cloudButton, false);
    }
    else {
        togglePanel3(cloudButton, true);
    }
    //handle the clicking of the show/hide toggle button
    cloudButton.click(function() {
        //toggle the panel as required, base on current state
        if (cloudButton.text() === "Показати інструкції") {
            togglePanel3($(this), true);
        }
        else {
            togglePanel3($(this), false);
        }
    });

function togglePanel3(cloudButton, show) {
    var panel3 = $('.manual');
    if (show) {
        panel3.removeClass('hiddenCloud');
		cloudButton.removeClass("open-panel");
		cloudButton.addClass("close-panel");
        cloudButton.text('Сховати інструкції');
		$('.manual').fadeIn();
        $.cookie('currentToggle3', '', { path: '/' });
    }
    else {
        panel3.addClass('hiddenCloud');
		cloudButton.removeClass("close-panel");
		cloudButton.addClass("open-panel");
        cloudButton.text('Показати інструкції');
		$('.manual').fadeOut();
        $.cookie('currentToggle3', 'hiddenCloud', { path: '/' });
    }
}

//// Expand Demo-site
    var userButton = $('a.demo_box');
    //check the cookie when the page loads
    if ($.cookie('currentToggle4') === 'hiddenUser') {
        togglePanel4(userButton, false);
    }
    else {
        togglePanel4(userButton, true);
    }
    //handle the clicking of the show/hide toggle button
    userButton.click(function() {
        //toggle the panel as required, base on current state
        if (userButton.text() === "Показати DEMO-сайт") {
            togglePanel4($(this), true);
        }
        else {
            togglePanel4($(this), false);
        }
    });

function togglePanel4(userButton, show) {
    var panel4 = $('.demo');
    if (show) {
        panel4.removeClass('hiddenUser');
		userButton.removeClass("open-panel");
		userButton.addClass("close-panel");
        userButton.text('Сховати DEMO-сайт');
		$('.demo').fadeIn();
        $.cookie('currentToggle4', '', { path: '/' });
    }
    else {
        panel4.addClass('hiddenUser');
		userButton.removeClass("close-panel");
		userButton.addClass("open-panel");
        userButton.text('Показати DEMO-сайт');
		$('.demo').fadeOut();
        $.cookie('currentToggle4', 'hiddenUser', { path: '/' });
    }
}

//// Expand Partners
    var partnersButton = $('a.partners_box');
    //check the cookie when the page loads
    if ($.cookie('currentToggle5') === 'hiddenPartners') {
        togglePanel5(partnersButton, false);
    }
    else {
        togglePanel5(partnersButton, true);
    }
    //handle the clicking of the show/hide toggle button
    partnersButton.click(function() {
        //toggle the panel as required, base on current state
        if (partnersButton.text() === "Показати партнерів") {
            togglePanel5($(this), true);
        }
        else {
            togglePanel5($(this), false);
        }
    });

function togglePanel5(partnersButton, show) {
    var panel5 = $('.partners-box');
    if (show) {
        panel5.removeClass('hiddenUser');
		partnersButton.removeClass("open-panel");
		partnersButton.addClass("close-panel");
        partnersButton.text('Сховати партнерів');
		$('.partners-box').fadeIn();
        $.cookie('currentToggle5', '', { path: '/' });
    }
    else {
        panel5.addClass('hiddenPartners');
		partnersButton.removeClass("close-panel");
		partnersButton.addClass("open-panel");
        partnersButton.text('Показати партнерів');
		$('.partners-box').fadeOut();
        $.cookie('currentToggle5', 'hiddenPartners', { path: '/' });
    }
}

//// Expand links
    var linksButton = $('a.links_box');
    //check the cookie when the page loads
    if ($.cookie('currentToggle6') === 'hiddenLinks') {
        togglePanel6(linksButton, false);
    }
    else {
        togglePanel6(linksButton, true);
    }
    //handle the clicking of the show/hide toggle button
    linksButton.click(function() {
        //toggle the panel as required, base on current state
        if (linksButton.text() === "Показати хмаринку тегів") {
            togglePanel6($(this), true);
        }
        else {
            togglePanel6($(this), false);
        }
    });

function togglePanel6(linksButton, show) {
    var panel6 = $('.links-box');
    if (show) {
        panel6.removeClass('hiddenLinks');
		linksButton.removeClass("open-panel");
		linksButton.addClass("close-panel");
        linksButton.text('Сховати хмаринку тегів');
		$('.links-box').fadeIn();
        $.cookie('currentToggle6', '', { path: '/' });
    }
    else {
        panel6.addClass('hiddenUser');
		linksButton.removeClass("close-panel");
		linksButton.addClass("open-panel");
        linksButton.text('Показати хмаринку тегів');
		$('.links-box').fadeOut();
        $.cookie('currentToggle6', 'hiddenLinks', { path: '/' });
    }
}
})