var $j = jQuery.noConflict();

$j(document).ready(function() {

	$j("#contentTypes li").click(
		function(){
			$j(this).addClass("active");
			$j(this).siblings().removeClass("active");
		}
	);
	$j("#contentPlace").click(
		function(){
			$j("#chooseContent").show();
			$j("#chooseContent").siblings().hide();
		}
	);
	$j("#smartToggle").click(
		function(){

      document.getElementById('contentTypesExampleLabel').innerHTML = '<strong>'+strSmartContentType+'</strong>';
      document.getElementById('subjectsExampleLabel').innerHTML='<strong>'+document.getElementById('automaticContentSubject').value+'</strong>';

			$j("#smartBoxInfo").toggle();
			$j("#smartToggle").toggleClass("active");
			$j("#contentResults").toggle();
		}
	);
	$j(".textToggle").click(
		function(){

      initPreviewBox("HTML","Html");
			$j("#textWidget").show();
			$j("#textWidget").siblings().hide();
      ContentBox.prototype.generateBox();
      previewHTMLContent();
		}
	);
	$j(".dbToggle").click(
		function(){  
			$j("#dbContent").show();
			$j("#dbContent").siblings().hide();
		}
	);
	$j(".dbTogglePic").click(
		function(){

        initPreviewBox("PIC","Images");
        initPreviewButtons('custom','photo'); 
        customContentType = "doc";
        strAutomaticContentType = "doc";
        iCustomContentFormat = "pic";
        $j(".dbToggle").click();
		}
	);

	$j(".dbToggleWidget").click(
		function(){

        initPreviewBox("Widget","Html");
        initPreviewButtons('select','widget'); 
        customContentType = "Widget";
        iCustomContentFormat = "widget";
        customContentFormat = 2;
        $j(".dbToggle").click();

        searchCustomContent();
		}
	);

	$j(".dbToggleJob").click(
		function(){

        initPreviewBox("JOB","Jobs");
        initPreviewButtons('custom','jobs'); 
        customContentType = "job";
        strAutomaticContentType = "job";
        iCustomContentFormat = "job";
        customContentFormat = 2; 
        $j(".dbToggle").click();
		}
	);
	$j(".dbToggleAd").click(
		function(){

        initPreviewBox("AD","Advertisements");
        initPreviewButtons("select",'ad'); 
        customContentType = "Add";
        strAutomaticContentType = "adv";
        iCustomContentFormat = "adv";
        $j(".dbToggle").click();
		}
	);
	$j(".dbToggleNews").click(
		function(){

        initPreviewBox("NEWS","News Articles");
        initPreviewButtons('custom','news'); 
        strAutomaticContentType = "news";
        customContentType = "news";
        iCustomContentFormat = "news";
        $j(".dbToggle").click();

		}
	);
	$j(".dbToggleEvent").click(
		function(){
        
        document.getElementById('contentResults').innerHTML = '';
        initPreviewBox("EVENT","Events");
        currformat =  toggleCurrFormatType();
        initPreviewButtons(currformat,'event'); 
        strAutomaticContentType = "event";
        customContentType = "event";
        iCustomContentFormat = "event";
        $j(".dbToggle").click();
		}
	);
	$j(".dbToggleDoc").click(
		function(){
        
        document.getElementById('contentResults').innerHTML = '';
        initPreviewBox("DOC","Documents");
        initPreviewButtons('custom','doc'); 
        customContentType = "doc"; 
        strAutomaticContentType = "doc";
        iCustomContentFormat = "doc";
        $j(".dbToggle").click();
		}
	);
	$j(".dbToggleBlog").click(
		function(){

        document.getElementById('contentResults').innerHTML = '';
        initPreviewBox("Blog","Blog");
        initPreviewButtons('custom','blog'); 
        customContentType = "blog"; 
        strAutomaticContentType = "blog";
        iCustomContentFormat = "blog";
        $j(".dbToggle").click();
		}
	);

	$j(".dbTogglePost").click(
		function(){

        document.getElementById('contentResults').innerHTML = '';
        initPreviewBox("Post","Posts");
        initPreviewButtons('custom','post'); 
        customContentType = "post"; 
        strAutomaticContentType = "post";
        iCustomContentFormat = "post";
        $j(".dbToggle").click();
		}
	);

	$j(".dbToggleVideo").click(
		function(){

        document.getElementById('contentResults').innerHTML = '';
        initPreviewBox("Video","Video");
        initPreviewButtons('custom','video'); 
        customContentType = "video"; 
        strAutomaticContentType = "video";
        iCustomContentFormat = "video";
        $j(".dbToggle").click();
		}
	);

	$j(".dbToggleLink").click(
		function(){

        document.getElementById('contentResults').innerHTML = '';
        initPreviewBox("LINK","Links");
        initPreviewButtons('custom','link'); 
        customContentType = "link"; 
        strAutomaticContentType = "link";
        iCustomContentFormat = "link";
		}
	);
	$j(".dbToggleForm").click(
		function(){

        showFormInterface(); 
		}
	);
	$j(".dbToggleFaq").click(
		function(){
        
        document.getElementById('contentResults').innerHTML = ''; 
        initPreviewBox("FAQ","FAQs");
        initPreviewButtons('custom','faq'); 
        customContentType = "faq";
        strAutomaticContentType = "faq";
        document.getElementById('contentResults').innerHTML = '';
        iCustomContentFormat = "faq";
        $j(".dbToggle").click();
		}
	);
	$j(".dbToggleRss").click(
		function(){
        
        showRSSInterface(); 
		}
	);
});

function initPreviewButtons(mode,event){



    if(document.getElementById('gettingStarted').style.display != 'none')
        document.getElementById('gettingStarted').style.display = 'none';

    if(mode == "select"){
        document.getElementById("btnPreviewAutoContent").style.display = 'none';
        document.getElementById('btnPreviewCustomContent').style.display = 'block';

        document.getElementById("smartToggle").style.display = 'none';
        document.getElementById("smartBoxInfo").style.display = 'none';

        updateOptionPanel(event,'custom');
    }
    else if(mode == "smart"){


        updateOptionPanel(event,'automatic');

        document.getElementById('contentTypesExampleLabel').innerHTML = '<strong>'+strSmartContentType+'</strong>';
        document.getElementById('subjectsExampleLabel').innerHTML='<strong>'+document.getElementById('automaticContentSubject').value+'</strong>';

        document.getElementById("btnPreviewAutoContent").style.display = 'block';
        document.getElementById('btnPreviewCustomContent').style.display = 'none';

        document.getElementById("smartToggle").style.display = 'none';
        document.getElementById("smartBoxInfo").style.display = 'block';
    }else {

        updateOptionPanel(event,'custom');


        document.getElementById("btnPreviewAutoContent").style.display = 'none';
        document.getElementById('btnPreviewCustomContent').style.display = 'block';

        document.getElementById("smartToggle").style.display = '';
        document.getElementById("smartBoxInfo").style.display = 'none';
    }
}

function smartToggle(mode){

    if(document.getElementById("smartBoxInfo").style.display == '' 
       || document.getElementById("smartBoxInfo").style.display == 'none' ) {
        
        document.getElementById("btnPreviewAutoContent").style.display = 'block';
        document.getElementById('btnPreviewCustomContent').style.display = 'none';
        document.getElementById("smartBoxInfo").style.display = 'none';

        //updateOptionPanel(customContentType,'custom');
        updateOptionPanel(customContentType,'automatic');
    }else{
        document.getElementById("btnPreviewAutoContent").style.display = 'none';
        document.getElementById('btnPreviewCustomContent').style.display = 'block';
        document.getElementById("smartBoxInfo").style.display = 'block';
        
        //updateOptionPanel(customContentType,'automatic');
        updateOptionPanel(customContentType,'custom');
    }

    document.getElementById("smartToggle").style.display = 'block';
}

function toggleCurrFormatType(){
    if(document.getElementById("smartBoxInfo").style.display != 'block')
        return 'custom';
    else 
        return 'automatic';
}

function showFormInterface(){

    document.getElementById("dbContent").style.display = 'block';

    iCustomContentFormat = 2;
    strAutomaticContentType = "msform";

    strSmartContentType = "Forms";
    initPreviewButtons("smart"); 
}

function  showRSSInterface(){
  
    initPreviewBox("RSS","RSS");

    initPreviewButtons("smart","rss");

    strAutomaticContentType = "rss";
    if(document.getElementById("smartBoxInfo").style.display!='block'){
        $j(".dbToggle").click();
			  $j("#smartBoxInfo").toggle();
			  $j("#smartToggle").toggle();
    }
}


function clickDbToggle(event){

    if(event == "event")
        $j(".dbToggleEvent").click();
    else if(event == "post")
        $j(".dbTogglePost").click();
    else if(event == "news")
        $j(".dbToggleNews").click();
    else if(event == "widget")
        $j(".dbToggleWidget").click();
    else if(event == "pic")
        $j(".dbTogglePic").click();
    else if(event == "doc")
        $j(".dbToggleDoc").click();
    else if(event == "job")
        $j(".dbToggleJob").click();
    else if(event == "rss")
        $j(".dbToggleRSS").click();
    else if(event == "adv")
        $j(".dbToggleAd").click();
    else if(event == "link")
        $j(".dbToggleLink").click();
    else if(event == "faq")
        $j(".dbToggleFaq").click();
    else alert("Box type: '" +event + "' not found");
}

/* void initPreviewBox 

*/
function initPreviewBox(type,smartLabel){

    strSmartContentType = smartLabel;

    if(type!="HTML" && document.getElementById("textWidget").style.display != 'none') {
        document.getElementById("textWidget").style.display = 'none';
    } 
    document.getElementById("dbContent").style.display = 'block';
    document.getElementById("gettingStarted").style.display = 'none';


    if( isObject(ContentManager) )
        ContentManager.initBoxType(type);
}