cp = new cpaint();
cp.set_debug(false);
cp.set_response_type('XML');
var content=new Array();
var pre_img=new Array();
var default_img=new Array();
var rated=new Array();
var favorated=new Array();
var broken=new Array();
var total, per_page, per_row, layout_url, loop_end, first_time, global_type, global_page, global_cat;
total=0;
per_page=0;
per_row=0;
first_time=0;
sess=0;

var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";

function put_value(id, val)
{
        document.getElementById(id).innerHTML=val;
}
function get_value(id)
{
        return document.getElementById(id).value;
}
function hide_content(id)
{
        document.getElementById(id).style.display ="none";
}
function show_content(id)
{
        document.getElementById(id).style.display ="block";
}


function search_layout()
{
        var val, st;
        val=get_value("search");
        //val=get_value("style");
        if(val == "")
        {
                alert("Please enter a keyword to search");
        }
        else
        {
        		//KR- clean the Search text for the querystring
        		val = val.replace("%","%20");
				val = val.replace("&","%20");
				val = val.replace("?","%20");
				val = val.replace("|","%20");
				val = val.replace("'","%20");
				val = val.replace('"',"%20");
				val = val.replace("\\","%20");
				val = val.replace("/","%20");
				val = val.replace("*","%20");
				val = val.replace("#","%20");
                document.location.href="/cms-layouts/layouts/search/" + val + "/1";

        }
        return false;

}
function decode64(input) {
   var output = "";
   var chr1, chr2, chr3;
   var enc1, enc2, enc3, enc4;
   var i = 0;

   input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

   do {
      enc1 = keyStr.indexOf(input.charAt(i++));
      enc2 = keyStr.indexOf(input.charAt(i++));
      enc3 = keyStr.indexOf(input.charAt(i++));
      enc4 = keyStr.indexOf(input.charAt(i++));

      chr1 = (enc1 << 2) | (enc2 >> 4);
      chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
      chr3 = ((enc3 & 3) << 6) | enc4;

      output = output + String.fromCharCode(chr1);

      if (enc3 != 64) {
         output = output + String.fromCharCode(chr2);
      }
      if (enc4 != 64) {
         output = output + String.fromCharCode(chr3);
      }
   } while (i < input.length);

   return output;
}

function generate_content(id)
{
        show_content("loading");
        var i, j, dis, count,  k;
        if(scriptAr[id][17] == 0)
        {
        scriptAr[id][5]=decode64(scriptAr[id][5]);
        scriptAr[id][17]=1;


        }

        cp.call('/apps/cms-layouts/include/ajax.php', 'ajax_increment_views', increment_views_result, scriptAr[id][0]);

        dis="<table align='center' cellspacing='4' cellpadding='4'>";


        dis = dis + "<tr>";
                dis = dis + "<td valign='top'>";
                        dis = dis + "<table align='center' cellspacing='4' cellpadding='4'>";
                        dis = dis + "<tr><td colspan=2 align='center'><a href=\"Javascript: backto_layout();\" style='text-decoration: underline;color: red; font-weight: bold; font-size: 13px'><b>Click Here to Get Back</b></a></td></tr>";
                        dis = dis + "<tr>";

                                dis = dis + "<td colspan=2 class=con>";
                                        dis = dis + "<a href=\"Javascript: popupWindow('/cms-layouts/preview/" + scriptAr[id][0] + "');\"><img src='" + scriptAr[id][3] + "/" + scriptAr[id][4] + "' width='320' height='240'></a></td></tr>";
									    dis = dis + "<tr><td><a href=\"Javascript: post_broken(" + scriptAr[id][0] + ");\">Report as broken</a></td><td align=right><a href=\"Javascript: add_favorite(" + scriptAr[id][0] + ", " + "'" + scriptAr[id][16] +"'" + ");\">Add to favorites</a></td></tr>";
									    dis = dis + "<tr><td colspan=2><br>&nbsp;<b>Layout code:</b><br>";
                                        dis = dis + "<textarea readonly onClick='this.focus();this.select()' name='code' rows=12 cols=32>" + scriptAr[id][5] + "</textarea>";
                                dis = dis + "</td>";
                        dis = dis + "</tr>";
                        dis = dis + "</table>";
                dis = dis + "<td valign='top'>";
                        dis = dis + "<table align='center' cellspacing='4' cellpadding='4'>";


                                dis = dis + "<tr><td class='pcon'><b>Category:</b></td>";
                                dis = dis + "<td class='pcon'><a href=\"Javascript: backto_layout();\" style='text-decoration: none;'><b>" + scriptAr[id][9] + "</b></a></td></tr>";

                                dis = dis + "<tr><td class='pcon'><b>Layout Name:</b></td>";
                                dis = dis + "<td class='pcon'>" + scriptAr[id][10] + "</td></tr>";
                                dis = dis + "<tr><td class='pcon'><b>Submitter:</b></td>";
                                dis = dis + "<td class='pcon'><a href='/cms-layouts/view_profile/" + scriptAr[id][11] + "'>" + scriptAr[id][12] + "</a></td></tr>";
                                dis = dis + "<tr><td class='pcon'><b>Date Added:</b></td>";
                                dis = dis + "<td class='pcon'>" + scriptAr[id][13] + "</td></tr>";
                                dis = dis + "<tr><td class='pcon'><b>No of Views:</b></td>";
                                dis = dis + "<td class='pcon'>" + scriptAr[id][2] + "</td></tr>";
                                dis = dis + "<tr><td class='pcon'><b>No. of Votes:</b></td>";
                                dis = dis + "<td class='pcon'>" + scriptAr[id][14] + "</td></tr>";
                                dis = dis + "<tr><td class='pcon'><b>Current Rating:</b></td>";

                                dis = dis + "<td><img src='" + scriptAr[id][15] + "/" + scriptAr[id][1] + "stars.gif'></td></tr>";
                                dis = dis + "<tr><td class='pcon' colspan='2' align='center'><input type='button' value='Preview layout' onClick=\"Javascript: popupWindow('/cms-layouts/preview/" + scriptAr[id][0] + "');\" ></td></tr>";
                                dis = dis + "<tr><td class='pcon' colspan='2'><b>Live preview:</b> Enter your Friend ID below to view this layout live on your profile!</td></tr>";
                                dis = dis + "<tr><td class='pcon' colspan='2'><b>Friend ID:&nbsp;</b> <input type='text' name='live_box' id='live_box'> &nbsp;<input type='button' value='Live preview' onClick=\"Javascript: generate_live_preview_link(" + scriptAr[id][0] + ");\"></td></tr>";
                                dis = dis + "<tr><td class='pcon' colspan='2'>&nbsp;</td></tr>";
                                dis = dis + "<tr><td class='pcon' colspan='2'><b>Rate this layout: </b>Click on a score below to submit a rating for this layout. You can not change your vote once it is submitted.</td></tr>";

                                dis = dis + "<tr><td width=100% colspan=2><table width='100%'><tr>";
                                for(k=1; k<=10; k++)
                                {
                                        dis = dis + "<td align=center class='pcon'><b>" + k + "</b></td>";
                                }
                                dis = dis + "</tr><tr>";
                                for(k=1; k<=10; k++)
                                {
                                        dis = dis + "<td align=center class='pcon'><input type=radio name=rate id=rate value='" + k + "' onClick=\"Javascript: post_rating(" + scriptAr[id][0] + ", " + k + ");\"></td>";
                                }
                                //	dis = dis + "<tr><td colspan=10><img src='" + scriptAr[id][15] + "/rate.jpg' width=300></td></tr>";
                                dis = dis + "</tr></table></td></tr>";


                        dis = dis + "</table>";
                dis = dis + "</td>";
        dis = dis + "</tr>";
        dis = dis + "</table>";

        hide_content('category');
        hide_content('layout');
        put_value('preview', dis);
        show_content('preview');
        hide_content('loading');
}
function backto_layout()
{

        show_content('layout');
        hide_content('category');
        hide_content('preview');

}
function post_rating(item_id, rating)
{
        var pass_id;
        if(rated[item_id] != 1)
        {
                show_content("loading");
                pass_id=item_id + "|" + rating;
                cp.call('/apps/cms-layouts/include/ajax.php', 'ajax_post_rating', post_rating_result, pass_id);
                rated[item_id]=1;

        }
        else
        {
                alert("You've already rated this layout");
        }
}
function post_broken(item_id)
{
        var pass_id;
        if(broken[item_id] != 1)
        {
                show_content("loading");
                pass_id=item_id;
                cp.call('/apps/cms-layouts/include/ajax.php', 'ajax_post_broken', post_broken_result, pass_id);
                broken[item_id]=1;

        }
        else
        {
                alert("You've already reported");
        }
}
function post_broken_result(result)
{

        hide_content('loading');
        var status;
        status=result.getElementsByTagName("ajaxResponse").item(0).firstChild.data;
        if(status == "Yes")
        {
                alert("You've already reported this layout");
        }
        else
        {
                alert("Thanks for your report.");
        }

}

function add_favorite(item_id, sess)
{
        var pass_id;
        if(sess == "")
        {
                alert("Please login to add in favorite list");
        }
        else
        {
                if(favorated[item_id] != 1)
                {
                        show_content("loading");
                        pass_id=item_id;
                        cp.call('/apps/cms-layouts/include/ajax.php', 'ajax_add_favorite', add_favorite_result, pass_id);
                        favorated[item_id]=1;

                }
                else
                {
                        alert("You've already added this in your favorite list");
                }
        }
}

function post_rating_result(result)
{
        hide_content('loading');
        var status;
        status=result.getElementsByTagName("ajaxResponse").item(0).firstChild.data;
        if(status == "Yes")
        {
                alert("You've already rated this layout");
        }
        else
        {
                alert("Thanks for your rating");
        }

}



function add_favorite_result(result)
{
        hide_content('loading');
        var status;
        status=result.getElementsByTagName("ajaxResponse").item(0).firstChild.data;
        if(status == "Yes")
        {
                alert("You've already added this in your favorite list");
        }
        else
        {
                alert("Successfully added to your favorite list");
        }

}
function increment_views_result(result)
{
}

function generate_live_preview_link(id)
{
        var friend, link;
        friend=get_value("live_box");
        if(friend == "")
        {
                alert("Please enter your friend ID");
        }
        else
        {

                link="/live-preview/live_preview.php?id=" + id + "&friend_id=" + friend;

                popupWindow(link);
        }

}