var mainpageSliderPos=180,mainpageImages={};$(document).ready(function(){if(!clrBrowser.canvas)return;$.ajax({'url': clrSampleURL,'type': 'GET','dataType': 'json','timeout': '15000','success': function(data){if(typeof(data)!='object'||typeof(data.sample)!='string')return;clrSample=clrImage.addSample({'dataHeader': 'data:image/gif;base64,','data64': data.sample,'parsed': false});loadIndexSample();}});});function loadIndexSample(){if(clrBrowser.transitions===false){$('body').addClass('index-transform index-transform2 index-transform3 index-transform4');$('#mainpage-slider, #mainpage-sample, #mainpage-download').css('opacity', 0).fadeTo(750, 1);}else{clrWebsite.transform(0, 'index-');}var data=clrImage.samples[clrSample];$('#mainpage-slider').html('<p>Change Colors</p><div title="Color that is being changed"></div><span title="Sample slider. You can change colors by using similar sliders in ColorizeIt editor."></span>');$('#mainpage-sample').clrCanvas({'width': data.width,'height': data.height,'id': 'mainpage-sample-canvas','border': 2,'picker': false,'zoom': false,'source': clrSample});$('#mainpage-sample').append('<a id="mainpage-sample-click" href="/styles/phpbb-30-css-styles/178.colorizeit.html"><span>Click to see ColorizeIt in action (phpBB style)</span></a>');$('#mainpage-sample-click').css({'width': (data.width+4)+'px','height': (data.height+4)+'px'});$('#mainpage-sample-click, #mainpage-sample-canvas').mouseover(function(){$('#mainpage-sample-click span').stop(true, true).fadeIn();}).mouseout(function(){$('#mainpage-sample-click span').stop(true, true).fadeOut();});$('#mainpage-sample-click span').css({'width': (data.width+4 - 70)+'px','height': (data.height+4 - 90)+'px'}).hide();mainpageImages['180']=data.dataHeader+data.data64;$('#mainpage-sample-canvas').clrCanvasDraw(mainpageImages[180]);var gray=clrImage.render(clrSample,{'data': 'AM4s00m1in6f4f4f4O'});$('#mainpage-sample-click span').css('background', 'url('+gray+')50% 50% no-repeat');setTimeout('setupSlider();', 200);};function setupSlider(){setInterval('updateSlider();', 500);};function updateSlider(){mainpageSliderPos+=12;if(mainpageSliderPos >=360)mainpageSliderPos -=360;$('#mainpage-slider span').css('background-position', mainpageSliderPos+'px 0px, 0 0, -36px 4px');if(typeof(mainpageImages[mainpageSliderPos])=='undefined'){var data={'data': 'H61d418bh'+clrURLs.encode32(mainpageSliderPos)};mainpageImages[mainpageSliderPos]=clrImage.render(clrSample, data);}$('#mainpage-sample-canvas').clrCanvasDraw(mainpageImages[mainpageSliderPos]);};