var curTitle = null;
var vp_items = new Array();
function mycarousel_itemLoadCallback(carousel, state) {
	if (state != 'init')
		return;
	$.get('/include/vogue/voguediaries/vogueplayer.xml', function(data) {
		mycarousel_itemAddCallback(carousel, carousel.first, carousel.last, data);
	});
};
function mycarousel_itemAddCallback(carousel, first, last, data) {
	$(data).find('vp_thumbnail').each(function(index){
		vp_items[index] = [$(this).parent("vp_item").find("vp_cturl").text(), $(this).text(), $(this).parent("vp_item").find("vp_thumbnail_title").text()];
	});
	for (i = 0; i < vp_items.length; i++) {
		var thumbDOM = '<div class="thumbObj" onclick="parent.location.href=';
		   thumbDOM += '\'';
		   thumbDOM += parent.location.href.split("?")[0];
		   thumbDOM += vp_items[i][0] + '\'">';
		   thumbDOM += '<img width="118" height="88" src="' + vp_items[i][1] + '" alt="" /><div class="thumbnail_caption">' + vp_items[i][2] + '</div></div>';
		carousel.add(i+1, thumbDOM);
	}
	carousel.size(vp_items.length);
};
$(function() {
var intialDOMStructure = '<img id="vogueplayer_banner" src="/images/vogue/voguediaries/banner.jpg"><br />';
intialDOMStructure += '<img id="vogueplayer_topbar" src="/images/vogue/voguediaries/topbar.jpg">';
intialDOMStructure += '<div id="vogueplayer_header">';
		intialDOMStructure += '<h2> </h2>';
		intialDOMStructure += '<p> </p>';
		intialDOMStructure += '<div id="vogueplayer_select_a_video_and_now_playing">';
			intialDOMStructure += '<span id="vogueplayer_select_a_video">SELECT A VIDEO</span>';
			intialDOMStructure += '<span id="vogueplayer_now_playing">NOW PLAYING</span>';
		intialDOMStructure += '</div>';
		intialDOMStructure += '<img id="vogueplayer_middle" src="/images/vogue/voguediaries/middlebar.jpg">';
	intialDOMStructure += '</div>';
	intialDOMStructure += '<div id="vogueplayer_body"><br />';
		//intialDOMStructure += '<div id="vogueplayer_now_playing_thumbnail_overlay"></div>';
		intialDOMStructure += '<div id="vogueplayer_scroll_bar">';
			intialDOMStructure += '<ul id="vogueplayer_mycarousel" class="jcarousel-skin-tango"></ul>';
		intialDOMStructure += '</div>';	
		intialDOMStructure += '<div id="vogueplayer_player_container">';
			intialDOMStructure += '<div id="vogueplayer_ptitle"></div>';
			intialDOMStructure += '<span id="vogueplayer_player"></span>';
			intialDOMStructure += '<p id="vogueplayer_plinkcopy"></p>';
		intialDOMStructure += '</div>';
	intialDOMStructure += '</div>';
	$('#vogueplayer_contents').html(intialDOMStructure);
	$.ajax({
		url: '/include/vogue/voguediaries/vogueplayer.xml',
		type: 'GET',
		dataType: 'xml',
		timeout: 1000,
		error: function(){
			alert('Error loading XML document');
		},
		start: function(){
   			$("#vogueplayer_loading").show();
 		 },
		success: function(xml){
			$(xml).find('vp_item').find('vp_uvid').each(function(index){
				if(parent.location.href.match($(this).text())){
					$('#vogueplayer_mycarousel').jcarousel({
						vertical: true,
						itemLoadCallback: mycarousel_itemLoadCallback,
						start: index+1,
						scroll: 3
					});
					curTitle = $(this).parent("vp_item").find("vp_title").text();
					$("#vogueplayer_header h2").text($(this).parent("vp_item").find("vp_title").text());
					$("#vogueplayer_header p").html($(this).parent("vp_item").find("vp_dek").text());
					$("#vogueplayer_ptitle").text($(this).parent("vp_item").find("vp_ptitle").text());
					$("#vogueplayer_player").html($(this).parent("vp_item").find("vp_code").text());
					$("#vogueplayer_plinkcopy").html($(this).parent("vp_item").find("vp_plinkcopy").text());	
					$("#vogueplayer_plinkcopy").wrap("<a href='"+$(this).parent("vp_item").find("vp_plink").text()+"'></a>");
				}
			});
			if(!curTitle){
					curTitle = $(xml).find('vp_item:first').find('vp_uvid').text();
					//alert(curTitle);
					$('#vogueplayer_mycarousel').jcarousel({
						vertical: true,
						itemLoadCallback: mycarousel_itemLoadCallback,
						start: 1,
						scroll: 3
					});
					$("#vogueplayer_header h2").text($(xml).find('vp_item:first').find("vp_title").text());
					$("#vogueplayer_header p").html($(xml).find('vp_item:first').find("vp_dek").text());
					$("#vogueplayer_ptitle").text($(xml).find('vp_item:first').find("vp_ptitle").text());
					$("#vogueplayer_player").html($(xml).find('vp_item:first').find("vp_code").text());
					$("#vogueplayer_plinkcopy").html($(xml).find('vp_item:first').find("vp_plinkcopy").text());	
					$("#vogueplayer_plinkcopy").wrap("<a href='"+$(xml).find('vp_item:first').find("vp_plink").text()+"'></a>");
			}
		}
	});
	$("#vogueplayer_plinkcopy").hover(
      function () {
        $(this).css("text-decoration", "underline");
      }, 
      function () {
        $(this).css("text-decoration", "none");
      }
    );

});