BUY_NOW_LABEL = "Buy Now";
PROMO_LABEL = "FREE Phone + Airtime Package";
IMAGE_PATH = "";
CURRENCY_LABEL = "$";
NUM_RESULT_COLS = 3;
FEATURE_LIMIT = 4; // Max number to display for feature listings

var activePhones = new Array();
var phones = new Array();
var features = new Array();
var windowDimensions = new Array();
hasFeature = false;


//var url = 'http://vsfdbea03:8800/admin/preview/phones/phone-json?callback=?';
var url = 'http://web.virginmobileusa.com/phones/phone-json?callback=?';
//var url = 'http://www.clicksnsuch.com/phones-json.json?callback=?';

$(document).ready(function(){
//alert(url);
 $.getJSON( url,

 function(data){

 //alert('hello world');
 });
 });


 function startDragDrop() {
 /*$("#phoneListing .phoneThumb").draggable({helper: 'clone'});
 $("#compareDropZone li").droppable({
 accept: ".phoneThumb",
 drop: function(ev, ui) {
 ui.draggable.clone().fadeOut("fast",
 function() {
 $(this).fadeIn("fast")
 }).appendTo($(this).empty());
 }
 });*/
 }


 function buildFilters() {

 //alert("building filters");
 $("#phonePriceFilter a").click(function() {
 $("ul#phonePriceFilter li a").removeClass("active");
 $(this).addClass("active");
 sortByPrice(this.id);
 return false;
 });

 $('#phoneFeatureFilter li input:checkbox').click( function() {
 searchByFeature();
 });

 }

 function sortByPrice(type) {
 $("#phoneFeatureFilter input").attr('checked', '');

 switch(type) {
 case "deals":
 var dealPhones = new Array();
 for (x=0; x<phones.length; x++) {
 if (phones[x].phone_deal) {
 dealPhones.push(phones[x]);
 }


 }
 $("#phoneListing").empty();
 activePhones = dealPhones;
 displayPage(dealPhones);
 startDragDrop();
 break;





 case "free":
 var freePhones = new Array();
 for (x=0; x<phones.length; x++) {
 if (phones[x].phone_free) {
 freePhones.push(phones[x]);
 }


 }
 $("#phoneListing").empty();
 activePhones = freePhones;
 displayPage(freePhones);
 startDragDrop();
 break;

 default:
 $("#phoneListing").empty();
 activePhones = phones;
 displayPage(phones);
 startDragDrop();
 break;
 }
 }

 function sortNumber(a,b) {
 return a - b;
 }

 function searchByFeature(){
 tmpPhoneFeatures = new Array();

 tmpPhones = new Array();



 promo = $("#free").hasClass("active");


 $("#phoneFeatureFilter input:checkbox").each(function () {
 if($(this).attr('checked')) {
 var checkValue = $(this).val();
 //alert(checkValue);
 tmpPhoneFeatures.push(checkValue);
 //alert(tmpPhoneFeatures);
 }
 });




 for (r = 0; r < phones.length; r++) {
 tmpFeatures = tmpPhoneFeatures;

 //alert(sortNumber);
 //tmpFeatures.sort(sortNumber);

 //alert(tmpFeatures);

 //tmpFeatures = tmpFeatures.join(",");



 //alert("tmpFeatures " + tmpFeatures.length); ///what's checked

 tmpPhone = phones[r].phone_features;

 var has_all_features = false;


 for(ff=0;ff<tmpFeatures.length;++ff){

 if(jQuery.inArray(tmpFeatures[ff], tmpPhone ) != -1){

 has_all_features = true;

 }
 else{

 has_all_features = false;
 break;

 }


 }

 //alert(has_all_features);

 if(has_all_features == true){
 tmpPhones.push(phones[r]);
 }



 //tmpPhone = tmpPhone.join(",");



 //alert("tmpPhone " + tmpPhone); ///what's in each phones features list


 //alert(tmpFeatures);



 /*if (tmpPhone.indexOf(tmpFeatures) != -1) {
 if (promo) {
 if (phones[r].phone_free) tmpPhones.push(phones[r]);
 } else {
 tmpPhones.push(phones[r]);
 }
 }*/




 }
 $("#phoneListing").empty();

 //alert(tmpPhones);
 activePhones = tmpPhones;
 displayPage(activePhones);
 }

 function displayPage(activePhones) {
 for (b=0; b<activePhones.length; b++) {
 var phoneContainer = jQuery('<li></li>').addClass('block');
 // Assign a first and last class based on the col number
 if (b % NUM_RESULT_COLS == 0) {
 phoneContainer.addClass('first');
 }
 if ((b+1) % NUM_RESULT_COLS == 0) {
 phoneContainer.addClass('last');
 }

 //alert(activePhones[b].phone_name);

 var phoneDisplay = jQuery('<div />').addClass('phoneDisplayContainer');



 var phoneThumbContainer = jQuery('<div />').addClass('phoneThumbContainer');


 var phoneLabelContainer = jQuery('<div />').addClass('phoneLabelContainer');

 var phoneLabel = jQuery('<span>' + activePhones[b].phone_label + '</span>').addClass('phoneLabel');



 var phoneThumb = jQuery('<img />').addClass('phoneThumb').attr("alt", activePhones[b].phone_name).attr("src", IMAGE_PATH + activePhones[b].phone_thumb) ;


 var phoneThumbLink = jQuery('<a/>').attr("href","/phones/phoneDetail.do?skuId=" + activePhones[b].phone_link);
if(activePhones[b].phone_name == "Rumor2"){
phoneThumbLink = jQuery('<a/>').attr("href","http://web.virginmobileusa.com/" + activePhones[b].phone_link); 
 }

 phoneThumb.appendTo(phoneThumbLink);

 var phone360Container =jQuery('<div />');



 if(activePhones[b].phone_360_dimensions[0] != 0){

 var phone360Image = jQuery('<img />').attr("src", "http://web.virginmobileusa.com/files/phones/small-360").attr("border","0").attr("id",activePhones[b].phone_link).css("cursor","pointer");
 if(activePhones[b].phone_name == "Rumor2"){
phone360Image = jQuery(' ');
 
 }
 windowDimensions[activePhones[b].phone_link] = [activePhones[b].phone_360_dimensions[0],activePhones[b].phone_360_dimensions[1]];


 phone360Image.bind('click', function() {
 //alert(windowDimensions.length);
 window.open('http://web.virginmobileusa.com/phones/' + this.id + '-360', 'picwindow', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width='+ windowDimensions[this.id][0] +',height='+ windowDimensions[this.id][1] + ',left=50,top=50');
 //return false;
 });

 }


 var phoneDetailContainer = jQuery('<div />').addClass('phoneDetailContainer');


 var phoneName = jQuery('<h3>' + activePhones[b].phone_name + '</h3>');

 if(activePhones[b].phone_name == "Samsung Mantra"){

 phoneName = jQuery('<h3>Samsung Mantra<sup style="font-size:6px">TM</sup></h3>');
 }

 if(activePhones[b].phone_name == "Red Slice"){

 phoneName = jQuery('<span style="font-size:10px;color:#cc0000;font-weight:bold;text-transform:uppercase;padding:0px;margin:0px;">Special Edition</span><h3 style="margin:0px 0px 5px 0px">Red Slice</h3>');
 }

 var phonePrice = jQuery('<h4>' + CURRENCY_LABEL + activePhones[b].phone_price +'</h4>');

 var phonePricePromo = jQuery('<div/>');

 var phonePromoExpires = jQuery('<span/>');

 //alert(phonePricePromo);

 if(activePhones[b].phone_price != activePhones[b].phone_before_price){

 phonePrice = jQuery('<h4 style="margin-bottom:0px">' + CURRENCY_LABEL + activePhones[b].phone_before_price + " " + CURRENCY_LABEL + activePhones[b].phone_price +'</h4>');
if(activePhones[b].phone_name == "Rumor2"){
 phonePrice = jQuery('<h4>' + CURRENCY_LABEL + '129.99</h4>');
 }
 if(activePhones[b].phone_markdown == "temporary"){

 phonePromoExpires = jQuery('<span style="text-transform:uppercase;font-size:10px;font-weight:bold;color:#cc0000">Offer good until ' + activePhones[b].phone_offer_expires + '</span>');
 if(activePhones[b].phone_name == "Rumor2"){
phonePromoExpires = jQuery(' ');
 }
 }


 phonePricePromo = jQuery('<div style=\"position:absolute;top:16px;left:70px;background:url(http://web.virginmobileusa.com/files/phones/now-slash) no-repeat 0 0;width:104px;height:39px\"></div>');
if(activePhones[b].phone_name == "Rumor2"){
phonePricePromo = jQuery(' ');
 }


 }
 var ul = jQuery("<ul></ul>").addClass('features');;

 for (c=0; c<activePhones[b].phone_features.length; c++) {
 var featureId = activePhones[b].phone_features[c];

 for(d=0; d<features.length; d++) {
 if (features[d].feature_id == featureId) {
 var li = jQuery("<li>" + features[d].feature_name + "</li>");
 li.appendTo(ul);
 }
 if (c >= (FEATURE_LIMIT - 1)) c=100;
 }
 }

 var phoneSeeDetails = jQuery("<div></div>").addClass('view_details');

 var phoneDetailsLink=jQuery('<a> DETAILS</a>').addClass('view_details').attr("href","/phones/phoneDetail.do?skuId=" + activePhones[b].phone_link);
if(activePhones[b].phone_name == "Rumor2"){

var phoneDetailsLink=jQuery('<a> DETAILS</a>').addClass('view_details').attr("href","http://web.virginmobileusa.com/" + activePhones[b].phone_link);
 }
 phoneDetailsLink.appendTo(phoneSeeDetails);

 var phoneBuy = jQuery("<div></div>").addClass('buy_now');

 if(activePhones[b].phone_name == "Rumor2"){

 phoneBuy = jQuery("<div></div>");
 }
 var phoneLink = 0;

 if(activePhones[b].phone_stock != false){

 phoneLink = jQuery('<a><img src="http://web.virginmobileusa.com/files/phones/buy-now-small"/></a>').addClass('buy_now').attr("href","/phones/catalogPurchase.do?sku=" + activePhones[b].phone_sku + "&quantity=1");
if(activePhones[b].phone_name == "Rumor2"){

 phoneLink = jQuery(' ');
 }
 }

 else{

 if(activePhones[b].phone_label == "MORE COLORS"){


 phoneLink = jQuery('<span>More Colors Available</span>').addClass('buy_now');


 }


 else{

 if(activePhones[b].phone_name == "X-tc"){

 phoneLink = jQuery('<img src="http://web.virginmobileusa.com/files/phones/xtc-out-of-stock"/>').addClass('buy_now');
 }

 else{
 phoneLink = jQuery('<span>OUT OF STOCK</span>').addClass('buy_now');
 }
 } //end else
 
 }

 //alert(activePhones[b].phone_price - activePhones[b].phone_airtime);

 phoneLink.appendTo(phoneBuy);

 var promoContainer = jQuery('<div>' + PROMO_LABEL + '</div>').addClass('phonePromo');

 // Build Photo
 phoneLabel.appendTo(phoneLabelContainer);

 if(activePhones[b].phone_label != ""){

 phoneLabelContainer.appendTo(phoneThumbContainer);
 }

 phoneThumbLink.appendTo(phoneThumbContainer);

 if(activePhones[b].phone_360_dimensions[0] != 0){
 phone360Image.appendTo(phone360Container);


 phone360Container.appendTo(phoneThumbContainer);
 }

 // Build Phone Details
 phoneName.appendTo(phoneDetailContainer);

 phonePricePromo.appendTo(phoneDetailContainer);




 phonePrice.appendTo(phoneDetailContainer); // Price

 phonePromoExpires.appendTo(phoneDetailContainer);

 ul.appendTo(phoneDetailContainer); // Features
 phoneSeeDetails.appendTo(phoneDetailContainer); // Details Link
 phoneBuy.appendTo(phoneDetailContainer); // Phone Link

 // Assemble image, details and promo to displayDiv
 phoneThumbContainer.appendTo(phoneDisplay);
 phoneDetailContainer.appendTo(phoneDisplay);
 phoneDisplay.appendTo(phoneContainer);

 // If active promo display promo display
 if (activePhones[b].phone_free) {
 promoContainer.appendTo(phoneContainer); // If free promo, attach display
 }
 else{

 if (activePhones[b].phone_deal) {


 promoContainer = jQuery('<div>Includes $' + activePhones[b].phone_airtime + ' Bonus Airtime</div>').addClass('phonePromo');
 promoContainer.appendTo(phoneContainer); // If free promo, attach display
 }
 }

 phoneContainer.appendTo("#phoneListing");
 }

 }