$(document).ready(function () {
    $('#dvb_switcher').click(function () {
		$('#bgselectpanel').slideToggle('fast');
    });
	
		var blackbg = readCookie('dvbblack');
		if (blackbg === null) {
			$('html').css('background-image', "url(digitalvb/blackstreamv2/blackstreamv2_base/blackstreamv2_bg.jpg)");
		} else {
			$('html').css('background-image', "url("+blackbg+")");
		}
		
	var dvbText = $('body,.forumdescription,.forumtitle,.forumlastpost,.threadbit .threadstats,.threadbit .threadlastpost,.postbitlegacy .postrow,.navtabs ul.floatcontainer li a');
	var blackfont = readCookie('dvbfont');	
	dvbText.css('font-size', blackfont+"px");
			
	$("#dvb_fontplus").click(function(){
  	var currentFontSize = dvbText.css('font-size');
 	var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*1.1;
	dvbText.css('font-size', newFontSize);
	createCookie('dvbfont',newFontSize,7);
	return false;
  });
    $("#dvb_fontminus").click(function(){
  	var currentFontSize = dvbText.css('font-size');
 	var currentFontSizeNum = parseFloat(currentFontSize, 10);
    var newFontSize = currentFontSizeNum*0.9;
	dvbText.css('font-size', newFontSize);
	createCookie('dvbfont',newFontSize,7);
	return false;
  });
})


function bgSwap(imageUrl) { 
	 $('html').css('background-image', "url("+imageUrl+")");
	 createCookie('dvbblack',imageUrl,7)
}

function createCookie(name,value,days){
	if (days)
	{
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name)
{
	var nameEQ = name + "=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++)
	{
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
	}
	return null;
}

function eraseCookie(name)
{
	createCookie(name,"",-1);
}

$(function(){
    var div = $('div#bgselectpanel'),
    ul = $('ul.stylegfx'),
    ulPadding = 15;
    var divWidth = div.width();
    div.css({overflow: 'hidden'});
    var lastLi = ul.find('li:last-child');
    div.mousemove(function(e){
      var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + ulPadding;
      var left = (e.pageX - div.offset().left) * (ulWidth-divWidth) / divWidth;
      div.scrollLeft(left);
    });
});