var originalContent;
var original_controls;
var original_cta;
var vid;
var hp = false;

$(document).ready(function() {
    vid = $('#videoThumb');
    if (vid.size() == 1) {
        originalContent = vid.parent().prev().clone();
        vid.click(showHideVideo);
    }
    else {
        vid = $('#videoThumb_hp');
        if (vid.size() == 1) {
            original_cta = vid.parent().prev().clone();
            original_controls = vid.parent().prev().prev().clone();
            originalContent = vid.parent().prev().prev().prev().clone();
            vid.click(showHideVideo);
            hp = true;
        }
    }
});

function showHideVideo(obj) {
    if (obj == null) {
        $('#video').replaceWith(originalContent.clone());
        if (hp) {
            vid.parent().prev().show().replaceWith(original_cta.clone());
            vid.parent().prev().prev().show().replaceWith(original_controls.clone());
            resetSlider();
        }
        vid.slideDown('slow');
    }
    else {
        var headerImg;
        
        if (hp)
            headerImg = vid.parent().prev().prev().prev();
        else
            headerImg = vid.parent().prev();

        var videoDiv = '<div class="showVideo hideVideo" id="video" style="text-align: center; padding-top: 20px; display:none; width: 660px; margin: 0 auto;">' +
	                       '<a id="closeVideo" href="#" style="margin-bottom: 10px; display: block;" onclick="showHideVideo(null);return false;">[X] close video</a>' +
	                       '<object width="640" height="385">' +
	                           '<param name="movie" value="' + vid.attr('href') + '"></param>' +
	                           '<param name="allowFullScreen" value="true"></param>' +
	                           '<param name="allowscriptaccess" value="always"></param>' +
	                           '<param name="wmode" value="transparent"></param>' +
	                           '<embed src="' + vid.attr('href') + '" wmode="transparent" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed>' +
	                       '</object>' +
	                   '</div>';

        if (hp) {
            vid.parent().prev().hide();
            vid.parent().prev().prev().hide();
        }
        headerImg.slideUp('slow', function() {
            headerImg.replaceWith(videoDiv);
            $('.showVideo').slideDown('slow');
        });

        vid.slideUp('slow', function() {
            vid.css('display', 'none');
        });
	}
	
	return false;
}