$().ready( function() {

	$.ajax({
		type:			"GET",
		url:			"assets/xml/slides.xml",
		dataType:	"xml", 
		success:	function(xml) {
			$('slide',xml).each(function(i) {
				if($(this).find('region').text() == 'top') {
					$('<div />')
						.attr({
							'id':'mainslide'+i,
							'class':'slideDiv'
						})
						.css({
							'background-image':'url(assets/images/slider/'+$(this).find('image').text()+')'
						})
						.appendTo($('#slideshow'));
					/*
					$('<div />')
						.attr({
							'id':'slideheader'+i,
							'class':'slideHeader'
						})
						.appendTo($('#mainslide'+i));
					*/
					$('<div />')
						.attr({
							'class':'slideMasterLink1'
						})
						.appendTo($('#mainslide'+i))
						.click( function() {
							window.location = 'http://investors.vrtx.com/events.cfm'
						});
					$('<div />')
						.attr({
							'class':'slideMasterLink2'
						})
						.appendTo($('#mainslide'+i))
						.click( function() {
							window.location = 'http://investors.vrtx.com/alerts.cfm'
						});
					$('<div />')
						.attr({
							'id':'slideLink'+i,
							'class':'slideLinkDiv'
						})
						.css({
							'position':'relative',
							'top':'268px',
							'width':300,
							'height':28
						})
						.appendTo($('#mainslide'+i));
					$('<A />')
						.attr({
							'href':$(this).find('link').text(),
							'class':'slideLink'
						})
						.css({
							'display':'block',
							'width':'100%',
							'text-decoration':'none'
						})
						.html('&nbsp;')
						.appendTo($('#slideLink'+i));
					}
				else {
					$('<div />').attr({'id':'slide'+i,'class':'sideSlideDiv'}).appendTo($('#sideScroller'));
					$('<img />').attr('src','assets/images/slider/'+$(this).find('image').text()).appendTo($('#sideScroller #slide'+i));
					$('<div/>').attr({'class':'sideSlideDivTitle','id':'title'+i}).html($(this).find('title').text()).appendTo($('#sideScroller #slide'+i));
					$('<div/>').attr({'class':'sideSlideDivSubTitle','id':'subtitle'+i}).html($(this).find('subtitle').text()).appendTo($('#sideScroller #slide'+i));
					if($(this).find('link').text().length) {
						$('#title'+i).html( createLink($(this).find('title').text(),$(this).find('link').text().replace(/\{BR\}/,"<br>")) );
					}
					else {
						$('#title'+i).html( $(this).find('title').text().replace(/\{BR\}/,"<br>") );
					}
					if($(this).find('sublink').text().length) {
						$('#subtitle'+i).html( createLink($(this).find('subtitle').text(),$(this).find('sublink').text().replace(/\{BR\}/,"<br>")) );
					}
					else {
						$('#subtitle'+i).html( $(this).find('subtitle').text().replace(/\{BR\}/,"<br>") );
					}
				}
			})

			$('#sideScroller').cycle({
				fx: 'fade',
				speed:500,
				timeout:0,
				next:   '#sidenext', 
				prev:   '#sideprev',
				pager:  '#sidenumbers',
				pagerAnchorBuilder: function(i2,el2) {
					// custom pager anchor builder to center control div
					var obj = $('#sideControls');
					jQuery("#sidewrapper").show();
					return '<a href="#" class="sidedot' + i2 + '">'+(i2+1)+'</a>';
				}
			})

			$('#slideshow').cycle({
				fx: 		'fade',
				pause:		1,
				speed:		1000,
				timeout:	5000,
				next:   	'#next', 
				prev:   	'#prev',
				pager:  	'#numbers',
				pagerAnchorBuilder: function(i,el) {
					// custom pager anchor builder to center control div
					var obj = $('#controls');
					jQuery("#slideWrapper").show();
					return '<a href="#" class="dot' + i + '">'+(i+1)+'</a>';
				}
			})

		}
	})				
			
	$('#searchString').focus( function() {
		$(this).css({'color':'black'}).val('');
	})

})



function createLink(text,link,elem) {
	var myLink = link;									
	var myTitle = text;
	var stStart = myTitle.split('[')[0];
	var stBody = myTitle.split('[')[0];
	var link = '<A href="'+myLink+'">';
	var linkText = myTitle.split('[')[1].split(']')[0];
	var linkEnd = '</A>';
	var stEnd = myTitle.split('[')[1].split(']')[1];
	var myEntireTitle = stStart + link + linkText + linkEnd + stEnd;
	return myEntireTitle;
}