//图片网站换肤cookie
$(function () {
    var $li = $("#skin a");  //查找到元素
    $li.click(function () {   //给元素添加事件
        switchSkin(this.id);//调用函数
    });
    //保存Cookie完毕以后就可以通过Cookie来获取当前的皮肤了
    var cookie_skin = $.cookie("MyCssSkin");     //获取Cookie的值
    if (cookie_skin) {                          //如果确实存在Cookie
        switchSkin(cookie_skin);     //执行
    }
});
function switchSkin(skinName) {   
    $("#" + skinName).addClass("selected")                //当前<li>元素选中
					   .siblings().removeClass("selected");  //去掉其他同辈<li>元素的选中
    $("#cssfile").attr("href", "css/skin/" + skinName + ".css"); //设置不同皮肤
    $.cookie("MyCssSkin", skinName, { path: '/', expires: 10 });  //保存Cookie
	
}

//淡入淡出效果

//清除幻灯、视频
$(document).ready(function(){
$("#skin1").click(function(){
$(".video_box").html("");
$("#huandengpic").hide();
$("#picskinbg").fadeIn(1000);
$("#picskinbg").show();
});
});

//清除图片cookie\幻灯
$(document).ready(function(){
var videoHtml='<video id="bgvid"   preload="auto" autoplay="autoplay" loop="loop" poster="video/video-06.jpg"><source src="video/video-06.mp4" type="video/mp4"></source><p class="vjs-no-js">显示本视频需打开浏览器的JavaScript。如打开后仍不能播放，请检查您的浏览器是否支持HTML5视频。为了您的上网安全和上网体验，推荐使用最新版IE浏览器或Chrome、Firefox、Safari等新型浏览器的最新版本。</p></video>';
$("#skin2").click(function(){
$("#huandengpic").hide();
$("#picskinbg").hide();
$(".video_box").fadeIn(1000);
$('.video_box').html(videoHtml);
});
});

//清除图片cookie\视频
$(document).ready(function(){
$("#skin3").click(function(){
$(".video_box").hide();
$("#picskinbg").hide();
$("#huandengpic").fadeIn(1000);
$("#huandengpic").show();
});
});

var srcBgArray = ["images/autopic/skin01.jpg","images/autopic/skin02.jpg","images/autopic/skin03.jpg","images/autopic/skin04.jpg","images/autopic/skin05.jpg","images/autopic/skin06.jpg"];
$(document).ready(function() {
  $('#bg-body').bcatBGSwitcher({
    urls: srcBgArray,
  });
});

//视频切换
        var skinVideoData={
			videoSkin1:['video/video-01.jpg','video/video-01.mp4'],
			videoSkin2:['video/video-02.jpg','video/video-02.mp4'],
			videoSkin3:['video/video-03.jpg','video/video-03.mp4'],
			videoSkin4:['video/video-04.jpg','video/video-04.mp4'],
			videoSkin5:['video/video-05.jpg','video/video-05.mp4'],
			videoSkin6:['video/video-06.jpg','video/video-06.mp4'],
        }  
	    $(function(){			
			$.ajaxSetup({
			timeout:3000
			});
            $('.skinChange').ckSlide({dir: 'x'});  //换肤左右切换
        var videoHtml='<video id="bgvid"   preload="auto" autoplay="autoplay" loop="loop" poster="video/video-01.jpg"><source src="video/video-01.mp4" type="video/mp4"></source><p class="vjs-no-js">显示本视频需打开浏览器的JavaScript。如打开后仍不能播放，请检查您的浏览器是否支持HTML5视频。为了您的上网安全和上网体验，推荐使用IE8版本以上浏览器或Chrome、Firefox、Safari等新型浏览器的最新版本。</p></video>';
        $('.videoskin a').each(function(){
            if($(this).attr('tag') != undefined){
                $(this).click(function(){
                    var aTag=$(this).attr('tag');
                    $('.video_box').html(videoHtml)
                    switch (aTag){
                    case 'video1':
                        $('.video_box').find('video').attr('poster',skinVideoData.videoSkin1[0]);
                        $('.video_box').find('video source').eq(0).attr('src',skinVideoData.videoSkin1[1]);
                        $('.video_box').find('video source').eq(1).attr('src',skinVideoData.videoSkin1[2]);

                      break;
                    case 'video2':
                        $('.video_box').find('video').attr('poster',skinVideoData.videoSkin2[0]);
                        $('.video_box').find('video source').eq(0).attr('src',skinVideoData.videoSkin2[1]);
                        $('.video_box').find('video source').eq(1).attr('src',skinVideoData.videoSkin2[2]);

                      break;
                    case 'video3':
                        $('.video_box').find('video').attr('poster',skinVideoData.videoSkin3[0]);
                        $('.video_box').find('video source').eq(0).attr('src',skinVideoData.videoSkin3[1]);
                        $('.video_box').find('video source').eq(1).attr('src',skinVideoData.videoSkin3[2]);

                      break;
                    case 'video4':
                        $('.video_box').find('video').attr('poster',skinVideoData.videoSkin4[0]);
                        $('.video_box').find('video source').eq(0).attr('src',skinVideoData.videoSkin4[1]);
                        $('.video_box').find('video source').eq(1).attr('src',skinVideoData.videoSkin4[2]);

                      break;
                    case 'video5':
                        $('.video_box').find('video').attr('poster',skinVideoData.videoSkin5[0]);
                        $('.video_box').find('video source').eq(0).attr('src',skinVideoData.videoSkin5[1]);
                        $('.video_box').find('video source').eq(1).attr('src',skinVideoData.videoSkin5[2]);

                      break;
                    case 'video6':
                        $('.video_box').find('video').attr('poster',skinVideoData.videoSkin6[0]);
                        $('.video_box').find('video source').eq(0).attr('src',skinVideoData.videoSkin6[1]);
                        $('.video_box').find('video source').eq(1).attr('src',skinVideoData.videoSkin6[2]);

                      break;
                    }
                    
                    
                })
            }
        })
	 })