$(document).ready(function(){
// Font Replacement
	Cufon.replace('.cufon');

// clear input on focus
	var clearMePrevious = '';

	$('.clearMeFocus').focus(function(){
		if($(this).val()==$(this).attr('title')){
			clearMePrevious = $(this).val();
			$(this).val('');
		}
	});
	$('.clearMeFocus').blur(function(){
		if($(this).val()==''){
			$(this).val(clearMePrevious);
		}
	});


 var imagepaths = $("span.imagepath");
			 var urls = $("span.url");
			 var mainCont = $("span.mainCon");
			 var subCon = $("span.subCon");
			 var content = new Array();
			 var hasContent = false;
			 for(var i=0; i<imagepaths.length; i++)
			 {
				if(mainCont[i].innerHTML != '')
				{
					if(imagepaths[i].innerHTML == '')
					{
						content.push(String.format('<div style="background-image:url({0});width:719;height:326;">',"img/background-slide.png"));
					}
					else
					{
						content.push(String.format('<div style="background-image:url({0});width:719;height:326;">',imagepaths[i].innerHTML));
					}
				content.push(String.format('<div class="transbox" id={2}><p>{0}</p><p class="subcontentText">{1}</p><br/>',mainCont[i].innerHTML,subCon[i].innerHTML, 'transbox' + i));
				content.push(String.format('<a href={0}><img src="static/images/learnmore.png"/></a>',urls[i].innerHTML));
				content.push('</div></div>');
				hasContent = true;

				}

			 }
			 if(!hasContent)
			 {
			 content.push('<div><a href="http://www.cas.org/aboutcas/index.html" title="About CAS"><img src="img/slides/opportunity.jpg" width="719" height="326" alt="Opportunity"></a></div>');
			 content.push('<div><a href="http://www.cas.org/newsevents/pressroom/report.html" title="CAS Chemistry Research Report"><img src="img/slides/bioethenal.jpg" width="719" height="326" alt="Bioethenal"></a></div>');
			 content.push('<div><a href="http://www.cas.org/aboutcas/colors/" title="Colors of Chemistry"><img src="img/slides/colors1.jpg" width="719" height="326" alt="Colors1"></a></div>');
			 content.push('<div><a href="http://www.cas.org/aboutcas/colors/" title="Colors of Chemistry"><img src="img/slides/colors2.jpg" width="719" height="326" alt="Colors2"></a></div>');
			 content.push('<div><a href="http://www.videogateway.tv/cas/"><img src="img/slides/san-fran.jpg" width="719" height="326" alt="Sample Slide"></a></div>');
			 }

			 document.getElementById('items').innerHTML = content.join('');

var boxes = $("div.transbox");
for(var i=0; i<boxes.length; i++)
{
  if(boxes[i].clientHeight < 193)
  {
     $('#transbox'+i).css('height',220);

  }

}





// Init Slider
	var root = $("#slider").scrollable({circular: true, item: 'div'}).navigator().autoscroll(10000);
	// Determine next button's position
	$position = ((($('.items > div').length)-2) * 17) + 47;
	// Display Controls
	$('.navi').show();
	$('a.browse').show();
	$('a.prev').css('right', $position+'px');



// Init Accordion menu
	$('.accordion ul').hide();
	$('.accordion h4')
		.addClass('collapsed')
		.css('cursor', 'pointer')
		.click(function(){
			$(this).toggleClass('collapsed').next('ul').slideToggle();
		});
	$('.accordion h4:first').click();
});

